@charset "UTF-8";
@import url(./common.css);
/*==================================================================*/
/* style css　*/
/*==================================================================*/
.flexslider {
  position: relative;
  width: 100%;
  margin-bottom: 0;
  height: auto;
  overflow: hidden;
  margin-bottom: 3em;
}

/* -------------------------------------------- */
/* contents */
/* -------------------------------------------- */
#wrapper #contents {
  width: 100%;
  max-width: none;
}
#wrapper #contents .block {
  margin-bottom: 4em;
}
#wrapper #contents .inblock {
  width: 95%;
  max-width: none;
  margin: 0 auto;
  padding-top: 0;
  display: flex;
  align-items: flex-start;
}
#wrapper #contents .inblock h2 {
  min-width: 200px;
  position: relative;
  padding-left: 1em;
  font-size: 1.6em;
  margin-right: 5vw;
}
#wrapper #contents .inblock h2 span {
  display: block;
  font-size: 1em;
}
#wrapper #contents .inblock h2 span.eng {
  font-size: .8em;
}
#wrapper #contents .inblock h2:before {
  content: "";
  position: absolute;
  width: 5px;
  height: 100%;
  top: 0;
  left: 0;
  background: #000;
}
#wrapper #contents .inblock .btn {
  margin: 0 0 0 auto;
  width: 170px;
}
#wrapper #contents .inblock .btn a {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  font-size: 1.1em;
  transform: rotate(0.3deg);
  font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
#wrapper #contents .inblock .btn a:after {
  content: "\f0a9";
  margin-left: .5em;
  font-size: 1.5em;
  font-family: FontAwesome;
}
#wrapper #contents .news .news-block {
  width: 50%;
  margin: 0 auto;
}
#wrapper #contents .news .news-block dl {
  display: flex;
  padding: 1em;
  border-bottom: 1px solid #000;
}
#wrapper #contents .news .news-block dl dt {
  width: 30%;
  margin-right: 1em;
}
#wrapper #contents .news .news-block dl dd {
  width: 68%;
}
#wrapper #contents .news .news-block dl.first {
  display: block;
  padding: 0 0 1em 0;
}
#wrapper #contents .news .news-block dl.first dt {
  display: flex;
  padding: 0 .5em .5em;
  width: 100%;
  font-size: 1.3em;
  font-weight: bold;
  border-bottom: 2px solid #d0101b;
  color: #d0101b;
}
#wrapper #contents .news .news-block dl.first dt .title {
  width: 30%;
  margin-right: 1em;
}
#wrapper #contents .news .news-block dl.first dt .day {
  width: 68%;
  color: #000;
}
#wrapper #contents .news .news-block dl.first dd {
  display: flex;
  align-items: flex-start;
  width: 100%;
  padding: 1em 1em 0;
}
#wrapper #contents .news .news-block dl.first dd .photo {
  width: 30%;
  margin-right: 1em;
}
#wrapper #contents .news .news-block dl.first dd .text-area {
  width: 68%;
}
#wrapper #contents .news .news-block dl.first dd .text-area .title {
  font-size: 1.2em;
  font-weight: bold;
}
#wrapper #contents .blog {
  margin-bottom: 0em;
  padding: 2em 0;
  background: #f1f1f1;
}
#wrapper #contents .blog .inblock .blog-area {
  display: flex;
  justify-content: space-between;
  width: calc(100% - 200px);
}
#wrapper #contents .blog .inblock .blog-area .blog-block {
  width: auto;
}
#wrapper #contents .blog .inblock .blog-area .blog-block:nth-child(2) {
  margin-left: 3em;
}
#wrapper #contents .blog .inblock .blog-area .blog-block h3 {
  margin-bottom: .5em;
  padding-bottom: .5em;
  font-size: 1.2em;
  font-weight: bold;
}
#wrapper #contents .blog .inblock .blog-area .blog-block h3 span {
  margin-left: 1.5em;
}
#wrapper #contents .blog .inblock .blog-area .blog-block.fukui h3 {
  border-bottom: 2px solid #e9cc30;
}
#wrapper #contents .blog .inblock .blog-area .blog-block.yamachan h3 {
  border-bottom: 2px solid #2f823a;
}
#wrapper #contents .blog .inblock .blog-area .blog-block dl a {
  display: flex;
  align-items: flex-start;
}
#wrapper #contents .blog .inblock .blog-area .blog-block dl dt {
  width: 30%;
  margin-right: 1em;
}
#wrapper #contents .blog .inblock .blog-area .blog-block dl dd {
  width: 68%;
}
#wrapper #contents .blog .inblock .blog-area .blog-block dl dd p.title {
  margin-bottom: .5em;
  font-size: 1.2em;
  font-weight: bold;
}
#wrapper #contents .blog .inblock .blog-area .blog-block .btn a {
  font-size: .95em;
}
#wrapper #contents .blog .inblock .blog-area .blog-block .btn a:after {
  font-size: 1.3em;
}
#wrapper #contents .sns h2 {
  margin-right: 7vw;
}
#wrapper #contents .sns .inblock ul {
  display: flex;
  width: 70%;
}
#wrapper #contents .sns .inblock ul li {
  width: 48%;
}
#wrapper #contents .sns .inblock ul li:last-child {
  margin-left: 1.5em;
}
#wrapper #contents .policy {
  padding: 2em 0;
  background: #f1f1f1;
}
#wrapper #contents .policy .policy-block {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60%;
}
#wrapper #contents .policy .policy-block .photo {
  width: 60%;
  margin-right: 1.5em;
}
#wrapper #contents .policy .policy-block dl {
  width: 40%;
}
#wrapper #contents .policy .policy-block dl dt {
  margin-bottom: 1em;
  font-size: 1.7em;
}
#wrapper #contents .policy .policy-block dl dd {
  font-size: 1.2em;
}
#wrapper #contents .policy .policy-block dl dd span {
  display: block;
}
#wrapper #contents .lineup .lineup-block {
  display: flex;
  justify-content: flex-end;
  flex-direction: row-reverse;
  align-items: center;
  width: calc(100% - 200px);
}
#wrapper #contents .lineup .lineup-block .photo {
  width: 43%;
  margin-left: 1.5em;
}
#wrapper #contents .lineup .lineup-block dl {
  width: 50%;
}
#wrapper #contents .lineup .lineup-block dl dt {
  margin-bottom: 1em;
}
#wrapper #contents .lineup .lineup-block dl dt p.title {
  margin-bottom: .5em;
  font-size: 1.7em;
}
#wrapper #contents .lineup .lineup-block dl dt p.title span {
  display: block;
}
#wrapper #contents .lineup .lineup-block dl dt p.btn {
  text-align: right;
  width: auto;
}
#wrapper #contents .lineup .lineup-block dl dt p.btn a {
  justify-content: flex-end;
}
#wrapper #contents .lineup .lineup-block dl dd {
  font-size: 1.2em;
}
#wrapper #contents .lineup .lineup-block dl dd p:first-child {
  margin-bottom: 1em;
}
#wrapper #contents .company {
  margin-bottom: 0;
  padding: 5em 0;
  background: #f1f1f1;
}
#wrapper #contents .company .company-block {
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: calc(100% - 200px);
}
#wrapper #contents .company .company-block .photo {
  width: 47%;
  margin-right: 1.5em;
}
#wrapper #contents .company .company-block dl {
  width: 50%;
}
#wrapper #contents .company .company-block dl dt {
  margin-bottom: 1em;
  font-size: 1.7em;
}
#wrapper #contents .company .company-block dl dt span {
  display: block;
}
#wrapper #contents .company .company-block dl dd {
  font-size: 1.2em;
}
#wrapper #contents .company .company-block dl dd span {
  display: block;
}
#wrapper #contents .shop {
  display: flex;
  align-items: flex-start;
  background: #ffda00;
  margin-bottom: 0;
}
#wrapper #contents .shop h2 {
  min-width: 245px;
  position: relative;
  margin: 2em 4.8vw 1em 2vw;
  padding-left: 1em;
  font-size: 1.5em;
}
#wrapper #contents .shop h2 span {
  display: block;
  font-size: .8em;
}
#wrapper #contents .shop h2:before {
  content: "";
  position: absolute;
  width: 5px;
  height: 100%;
  top: 0;
  left: 0;
  background: #fff;
}
#wrapper #contents .shop .shop-block {
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
  align-items: center;
}
#wrapper #contents .shop .shop-block .photo {
  width: 52%;
  line-height: 0;
}
#wrapper #contents .shop .shop-block dl {
  margin-right: 2em;
  width: 40%;
}
#wrapper #contents .shop .shop-block dl dt {
  margin-bottom: 1em;
  font-size: 1.7em;
}
#wrapper #contents .shop .shop-block dl dt span {
  display: block;
}
#wrapper #contents .shop .shop-block dl dd {
  font-size: 1.2em;
}
#wrapper #contents .shop .shop-block dl dd .text {
  margin-bottom: 1em;
}
#wrapper #contents .shop .shop-block .beta-btn a {
  display: inline-block;
  padding: 0.5em 1em;
  font-size: 1.1em;
  font-weight: bold;
  color: #fff;
  background: #231815;
  border: 1px solid #231815;
  text-align: center;
}
#wrapper #contents .shop .shop-block .beta-btn a:hover {
  background: #fff;
  color: #231815;
  text-decoration: none;
}
#wrapper #contents .shop .shop-block .beta-btn a:after {
  content: "\f105";
  margin-left: .5em;
  font-family: FontAwesome;
}

/*===========================================================================*/
/*  media quary:1000px  */
/*===========================================================================*/
@media screen and (max-width: 1000px) {
  #wrapper {
    /* -------------------------------------------- */
    /* contents */
    /* -------------------------------------------- */
  }
  #wrapper #contents .inblock h2 {
    min-width: 150px;
    font-size: 1.5em;
    margin-right: 3vw;
  }
  #wrapper #contents .inblock .btn a {
    font-size: 1em;
  }
  #wrapper #contents .blog .inblock .blog-area .blog-block h3 span {
    display: block;
    margin: 0 0 .5em 0;
  }
  #wrapper #contents .blog .inblock .blog-area .blog-block dl a {
    display: block;
  }
  #wrapper #contents .blog .inblock .blog-area .blog-block dl a dt {
    width: 100%;
    margin-right: 0;
    margin-bottom: .5em;
  }
  #wrapper #contents .blog .inblock .blog-area .blog-block dl a dd {
    width: 100%;
  }
  #wrapper #contents .policy .policy-block dl dt {
    font-size: 1.4em;
  }
  #wrapper #contents .policy .policy-block dl dd {
    font-size: 1em;
  }
  #wrapper #contents .policy .policy-block dl dd span {
    display: inline;
  }
  #wrapper #contents .lineup .lineup-block .photo {
    width: 43%;
    margin-left: 1.5em;
  }
  #wrapper #contents .lineup .lineup-block dl {
    width: 50%;
  }
  #wrapper #contents .lineup .lineup-block dl dt p.title {
    font-size: 1.4em;
  }
  #wrapper #contents .lineup .lineup-block dl dt p.title span {
    display: inline;
  }
  #wrapper #contents .lineup .lineup-block dl dd {
    font-size: 1em;
  }
  #wrapper #contents .lineup .lineup-block dl dd p:first-child {
    margin-bottom: 1em;
  }
  #wrapper #contents .company {
    padding: 3em 0;
  }
  #wrapper #contents .company .company-block dl dt {
    font-size: 1.4em;
  }
  #wrapper #contents .company .company-block dl dt span {
    display: inline;
  }
  #wrapper #contents .company .company-block dl dd {
    font-size: 1em;
  }
  #wrapper #contents .company .company-block dl dd p:first-child {
    margin-bottom: 1em;
  }
  #wrapper #contents .shop h2 {
    min-width: 192px;
    position: relative;
    margin: 2em 1em 1em 2.5%;
    font-size: 1.3em;
  }
  #wrapper #contents .shop .shop-block .photo {
    width: 54%;
  }
  #wrapper #contents .shop .shop-block dl {
    margin-right: 2em;
    width: 40%;
  }
  #wrapper #contents .shop .shop-block dl dt {
    margin-bottom: 1em;
    font-size: 2vw;
  }
  #wrapper #contents .shop .shop-block dl dt span {
    display: block;
  }
  #wrapper #contents .shop .shop-block dl dd {
    font-size: 1em;
  }
  #wrapper #contents .shop .shop-block dl dd .text {
    margin-bottom: 1em;
  }
  #wrapper #contents .shop .shop-block .beta-btn a {
    padding: 0.5em;
    font-size: 1em;
  }
}
/*===========================================================================*/
/*  media quary:767px  */
/*===========================================================================*/
@media screen and (max-width: 767px) {
  #wrapper {
    /* -------------------------------------------- */
    /* contents */
    /* -------------------------------------------- */
  }
  #wrapper #contents .inblock {
    display: block;
  }
  #wrapper #contents .inblock h2 {
    min-width: auto;
    margin-bottom: 2em;
    padding-left: .5em;
    font-size: 1.5em;
    margin-right: 0;
  }
  #wrapper #contents .inblock h2 span {
    display: inline;
  }
  #wrapper #contents .inblock h2 span.eng {
    margin-left: .5em;
  }
  #wrapper #contents .inblock .btn {
    width: 100%;
    text-align: right;
  }
  #wrapper #contents .inblock .btn a {
    font-size: 1em;
  }
  #wrapper #contents .news .news-block {
    width: 100%;
  }
  #wrapper #contents .news .news-block dl.first {
    font-size: 1.1em;
  }
  #wrapper #contents .news .news-block dl.first dt {
    font-size: 1.1em;
  }
  #wrapper #contents .news .news-block dl.first dd .photo {
    max-width: 195px;
  }
  #wrapper #contents .blog .inblock .blog-area {
    display: block;
    width: 100%;
  }
  #wrapper #contents .blog .inblock .blog-area .blog-block {
    width: 100%;
    margin-bottom: 2em;
  }
  #wrapper #contents .blog .inblock .blog-area .blog-block:nth-child(2) {
    margin-left: 0;
  }
  #wrapper #contents .blog .inblock .blog-area .blog-block h3 span {
    display: inline;
    margin: 0 0 .5em .5em;
  }
  #wrapper #contents .blog .inblock .blog-area .blog-block dl a {
    display: flex;
  }
  #wrapper #contents .blog .inblock .blog-area .blog-block dl a dt {
    width: 30%;
    margin-right: 1em;
    margin-bottom: 0;
  }
  #wrapper #contents .blog .inblock .blog-area .blog-block dl a dd {
    width: 68%;
  }
  #wrapper #contents .sns .inblock ul {
    width: 100%;
  }
  #wrapper #contents .policy .policy-block {
    width: 100%;
  }
  #wrapper #contents .policy .policy-block dl dt {
    font-size: 1.2em;
  }
  #wrapper #contents .policy .policy-block dl dd {
    font-size: 1em;
  }
  #wrapper #contents .policy .policy-block dl dd span {
    display: inline;
  }
  #wrapper #contents .lineup .lineup-block {
    width: 100%;
  }
  #wrapper #contents .lineup .lineup-block .photo {
    width: 43%;
    margin-left: 1.5em;
  }
  #wrapper #contents .lineup .lineup-block dl {
    width: 50%;
  }
  #wrapper #contents .lineup .lineup-block dl dt p.title {
    font-size: 1.3em;
  }
  #wrapper #contents .lineup .lineup-block dl dt p.title span {
    display: inline;
  }
  #wrapper #contents .lineup .lineup-block dl dd {
    font-size: 1em;
  }
  #wrapper #contents .lineup .lineup-block dl dd p:first-child {
    margin-bottom: 1em;
  }
  #wrapper #contents .company {
    padding: 3em 0;
  }
  #wrapper #contents .company .company-block {
    width: 100%;
  }
  #wrapper #contents .company .company-block dl dt {
    font-size: 1.2em;
  }
  #wrapper #contents .company .company-block dl dt span {
    display: inline;
  }
  #wrapper #contents .company .company-block dl dd {
    font-size: 1em;
  }
  #wrapper #contents .company .company-block dl dd p:first-child {
    margin-bottom: 1em;
  }
  #wrapper #contents .shop {
    display: block;
    padding-top: 2em;
  }
  #wrapper #contents .shop h2 {
    min-width: 192px;
    position: relative;
    margin: 0 0 1em 2.5%;
    padding-left: .5em;
    font-size: 1.2em;
  }
  #wrapper #contents .shop h2 .eng {
    display: inline-block;
    margin-left: 1em;
  }
  #wrapper #contents .shop .shop-block {
    padding-bottom: 1em;
  }
  #wrapper #contents .shop .shop-block .photo {
    width: 50%;
  }
  #wrapper #contents .shop .shop-block dl {
    margin-right: 1em;
    padding-left: 1em;
    width: 50%;
  }
  #wrapper #contents .shop .shop-block dl dt {
    margin-bottom: 1em;
    font-size: 1.2em;
  }
  #wrapper #contents .shop .shop-block dl dt span {
    display: block;
  }
  #wrapper #contents .shop .shop-block dl dd {
    font-size: 1em;
  }
  #wrapper #contents .shop .shop-block dl dd .text {
    margin-bottom: 1em;
  }
  #wrapper #contents .shop .shop-block .beta-btn a {
    padding: 0.5em;
    font-size: 1em;
  }
}
/*===========================================================================*/
/*  media quary:479px  */
/*===========================================================================*/
@media screen and (max-width: 479px) {
  #wrapper {
    /* -------------------------------------------- */
    /* contents */
    /* -------------------------------------------- */
  }
  #wrapper #contents .inblock {
    display: block;
  }
  #wrapper #contents .inblock h2 {
    font-size: 1.4em;
  }
  #wrapper #contents .inblock h2 span {
    display: inline;
  }
  #wrapper #contents .inblock h2 span.eng {
    margin-left: .5em;
  }
  #wrapper #contents .inblock .btn {
    width: auto;
    margin: 0em;
    text-align: right;
  }
  #wrapper #contents .inblock .btn a {
    font-size: 1em;
  }
  #wrapper #contents .news .news-block {
    width: 100%;
  }
  #wrapper #contents .news .news-block dl {
    display: block;
    padding: .5em;
  }
  #wrapper #contents .news .news-block dl dt {
    width: 100%;
  }
  #wrapper #contents .news .news-block dl dd {
    width: 100%;
  }
  #wrapper #contents .news .news-block dl.first {
    font-size: 1.1em;
  }
  #wrapper #contents .news .news-block dl.first dt {
    display: block;
  }
  #wrapper #contents .news .news-block dl.first dt .title {
    width: 100%;
  }
  #wrapper #contents .news .news-block dl.first dt .day {
    width: 100%;
  }
  #wrapper #contents .news .news-block dl.first dd {
    display: block;
  }
  #wrapper #contents .news .news-block dl.first dd .photo {
    margin-bottom: 1em;
    max-width: none;
    width: 100%;
    text-align: center;
  }
  #wrapper #contents .news .news-block dl.first dd .photo img {
    max-width: 200px;
  }
  #wrapper #contents .news .news-block dl.first dd .text-area {
    width: 100%;
  }
  #wrapper #contents .blog .inblock .blog-area .blog-block {
    width: 100%;
    margin-bottom: 2em;
  }
  #wrapper #contents .blog .inblock .blog-area .blog-block h3 span {
    display: inline;
    margin: 0 0 .5em .5em;
  }
  #wrapper #contents .blog .inblock .blog-area .blog-block dl a {
    display: block;
  }
  #wrapper #contents .blog .inblock .blog-area .blog-block dl a dt {
    width: 100%;
    margin-right: 0;
    margin-bottom: 1em;
    text-align: center;
  }
  #wrapper #contents .blog .inblock .blog-area .blog-block dl a dt img {
    max-width: 250px;
  }
  #wrapper #contents .blog .inblock .blog-area .blog-block dl a dd {
    width: 100%;
  }
  #wrapper #contents .blog .inblock .blog-area .blog-block dl a dd p.title {
    font-size: 1em;
  }
  #wrapper #contents .sns .inblock ul {
    display: block;
  }
  #wrapper #contents .sns .inblock ul li {
    width: 100%;
    text-align: center;
  }
  #wrapper #contents .sns .inblock ul li:last-child {
    margin: 0;
  }
  #wrapper #contents .sns .inblock ul li img {
    max-width: 200px;
  }
  #wrapper #contents .policy .policy-block {
    display: block;
    width: 100%;
  }
  #wrapper #contents .policy .policy-block .photo {
    width: 100%;
    margin-bottom: .5em;
    text-align: center;
  }
  #wrapper #contents .policy .policy-block .photo img {
    max-height: 250px;
  }
  #wrapper #contents .policy .policy-block dl {
    width: 100%;
  }
  #wrapper #contents .policy .policy-block dl dt {
    font-size: 1.3em;
  }
  #wrapper #contents .policy .policy-block dl dd {
    font-size: 1em;
  }
  #wrapper #contents .policy .policy-block dl dd span {
    display: inline;
  }
  #wrapper #contents .lineup .lineup-block {
    display: block;
    width: 100%;
  }
  #wrapper #contents .lineup .lineup-block .photo {
    width: 100%;
    margin-left: 0em;
    margin-bottom: .5em;
    text-align: center;
  }
  #wrapper #contents .lineup .lineup-block .photo img {
    max-height: 250px;
  }
  #wrapper #contents .lineup .lineup-block dl {
    width: 100%;
  }
  #wrapper #contents .company {
    padding: 3em 0;
  }
  #wrapper #contents .company .company-block {
    display: block;
    width: 100%;
  }
  #wrapper #contents .company .company-block .photo {
    width: 100%;
    text-align: center;
  }
  #wrapper #contents .company .company-block .photo img {
    max-height: 250px;
  }
  #wrapper #contents .company .company-block dl {
    width: 100%;
  }
  #wrapper #contents .company .company-block dl dt {
    font-size: 1.4em;
  }
  #wrapper #contents .company .company-block dl dt span {
    display: inline;
  }
  #wrapper #contents .company .company-block dl dd {
    font-size: 1em;
  }
  #wrapper #contents .company .company-block dl dd span {
    display: inline;
  }
  #wrapper #contents .shop {
    display: block;
    padding: 2em 0;
  }
  #wrapper #contents .shop .shop-block {
    display: block;
  }
  #wrapper #contents .shop .shop-block .photo {
    margin-bottom: .5em;
    width: 100%;
  }
  #wrapper #contents .shop .shop-block dl {
    width: 95%;
    max-height: 0 auto;
  }
  #wrapper #contents .shop .shop-block .beta-btn {
    text-align: center;
  }
  #wrapper #contents .shop .shop-block .beta-btn a {
    padding: 0.5em;
    font-size: 1em;
  }
}