@charset 'utf-8';

@font-face {
  font-family: 'Mgen Plus 1pp';
  font-style: normal;
  font-weight: 900;
  src: url('./../font/web-mgenplus-1pp-heavy.woff') format('woff'),
       url('./../font/web-mgenplus-1pp-heavy.ttf') format('truetype');
}

@font-face {
  font-family: 'Mgen Plus 2c';
  font-style: normal;
  font-weight: 900;
  src: url('./../font/web-mgenplus-2c-black.woff') format('woff'),
       url('./../font/web-mgenplus-2c-black.ttf') format('truetype');
}

@font-face {
  font-family: 'Mgen Plus 2pp';
  font-style: normal;
  font-weight: 100;
  src: url('./../font/web-mgenplus-2pp-thin.woff') format('woff'),
       url('./../font/web-mgenplus-2pp-thin.ttf') format('truetype');
}

@font-face {
  font-family: 'Mgen Plus 2pp';
  font-style: normal;
  font-weight: 200;
  src: url('./../font/web-mgenplus-2pp-light.woff') format('woff'),
       url('./../font/web-mgenplus-2pp-light.ttf') format('truetype');
}

@font-face {
  font-family: 'Mgen Plus 2p';
  font-style: normal;
  font-weight: 400;
  src: url('./../font/web-mgenplus-2pp-regular.woff') format('woff'),
       url('./../font/web-mgenplus-2pp-regular.ttf') format('truetype');
}

@font-face {
  font-family: 'Mgen Plus 2pp';
  font-style: normal;
  font-weight: 500;
  src: url('./../font/web-mgenplus-2pp-medium.woff') format('woff'),
       url('./../font/web-mgenplus-2pp-medium.ttf') format('truetype');
}

@font-face {
  font-family: 'Mgen Plus 2pp';
  font-style: normal;
  font-weight: 700;
  src: url('./../font/web-mgenplus-2pp-bold.woff') format('woff'),
       url('./../font/web-mgenplus-2pp-bold.ttf') format('truetype');
}

@font-face {
  font-family: 'Mgen Plus 2pp';
  font-style: normal;
  font-weight: 900;
  src: url('./../font/web-mgenplus-2pp-black.woff') format('woff'),
       url('./../font/web-mgenplus-2pp-black.ttf') format('truetype');
}



/***** Base Design *****/
body {
  min-width: 1100px;
  min-height: 100%;
  background-color: #fff;
  color: #111;
  font-family: "Mgen Plus 2pp","游ゴシック体",YuGothic,"游ゴシック","Yu Gothic","メイリオ",sans-serif;
  font-weight: 400;
}
@media all and (max-width: 750px){
  body {
    min-width: 100%;
  }
}



/***** Layout *****/
#container {
  overflow: hidden;
  position: relative;
  width: 100%;
  min-height: 100%;
  padding-top: 170px;
}
@media all and (max-width: 750px){
  #container {
    /*overflow: visible;*/
    padding: 15vw 0 14vw 0;
  }
}

.pageLogin #container {
  padding: 10px 0;
}
@media all and (max-width: 750px){
  .pageLogin #container {
    padding: 2vw 0 0 0;
  }
}

.boxContent {
  min-height: 500px;
  padding: 0;
}
@media all and (max-width: 750px){
  .boxContent {
    min-height: auto;
  }
}



/***** Header *****/
.boxHeader {
  position: fixed;
  z-index: 1000;
  top: 0;
  left: 0;
  width: 100%;
  height: 170px;
  background-color: #E61F19;
}
@media all and (max-width: 750px){
  .boxHeader {
    top: 0;
    height: 15vw;
  }
}

.boxHeader01 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -webkit-align-items: center;/*flex-start;*/
  align-items: center;/*flex-start;*/
  padding: 14px 30px 7px 30px;
}
@media all and (max-width: 750px){
  .boxHeader01 {
    display: block;
    padding: 2vw 3vw 0 3vw;
  }
}

.boxHeader01L {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  width: 40%;
}
@media all and (max-width: 750px){
  .boxHeader01L {
    width: 87%;/*70%;*/
  }
}

.boxHeader01L .ttl01 {
  width: 53%;
  margin-right: 18px;
}
@media all and (max-width: 750px){
  .boxHeader01L .ttl01 {
    width: 35vw;
    margin-right: 3vw;
  }
}

.boxHeader01L .txtShopName {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  width: 47%;
  font-weight: 700;
  color: #fff;
}
@media all and (max-width: 750px){
  .boxHeader01L .txtShopName {
    width: 35vw;
  }
}

.boxHeader01L .txtShopName .txt01 {
  width: 100%;
  margin-bottom: 0.3em;
  font-size: 1.9rem;
}
@media all and (max-width: 750px){
  .boxHeader01L .txtShopName .txt01 {
    font-size: 1.0rem;
  }
}

.boxHeader01L .txtShopName .txtShopName01,
.boxHeader01L .txtShopName .txtShopName02 {
  font-size: 1.35rem;
}
@media all and (max-width: 750px){
  .boxHeader01L .txtShopName .txtShopName01,
  .boxHeader01L .txtShopName .txtShopName02 {
    font-size: 0.8rem;
  }
}

.boxHeader01L .txtShopName .txtShopName01 {
  margin-right: 0.6em;
}

.boxHeader01R {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  width: 60%;
}
@media all and (max-width: 750px){
  .boxHeader01R {
    display: none;
  }
}

.boxHeader01R a:first-child,
.boxHeader01R .linkHeaderTelno {
  margin-right: 11px;
}

.boxHeader02 {
  padding: 0 30px 14px 30px;
}
@media all and (max-width: 750px){
  .boxHeader02 {
    display: none;
  }
}

.boxHeader02 .ulHeaderMenu01 {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;/*flex-start;*/
  justify-content: center;/*flex-start;*/
  -webkit-align-items: center;
  align-items: center;
  min-height: 50px
}

.boxHeader02 .ulHeaderMenu01 > li {
  margin-right: 23px;
}

.boxHeader02 .ulHeaderMenu01 > li:last-child {
  margin-right: 0;
}

.boxHeader02 .ulHeaderMenu01 > li a {
  color: #fff;
}


.boxPopupTelno {
  display: none;
  position: fixed;
  z-index: 1001;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  width: 90%;
  height: 55vw;
  border-radius: 3vw;
  background-color: #fffc8b;
  box-shadow: 1px 1px 10px 1px rgba(0,0,0,0.9);
}

.boxPopupTelnoIn {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  flex-direction: column;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  padding: 7.5vw 0 2vw 0;
}

.boxPopupTelnoIn a {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: flex-start;
  justify-content: flex-start;
  -webkit-align-items: center;
  align-items: center;
  width: 88%;
  height: 12.5vw;
  margin-bottom: 3.4vw;
  padding-left: 13vw;
  border-radius: 1vw;
  background-color: #E61F19;
  background-image: url('./../images/sp-header-telno-icn-tel01.png'), url('./../images/sp-header-telno-icn-arrow01.png');
  background-repeat: no-repeat, no-repeat;
  background-position: 7.5% center, 93.6% center;
  background-size: 5vw auto, 5vw auto;
  font-size: 1.13rem;
  font-weight: 700;
  color: #fff;
}

.boxPopupTelno .btnPopupTelnoClose {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  width: 54%;
  height: 8vw;
  margin: 0 auto;
  padding-right: 5vw;
  border: 1px #E61F19 solid;
  background-image: url('./../images/sp-header-telno-icn-close01.png');
  background-repeat: no-repeat;
  background-position: 64% center;
  background-size: 2vw auto;
  letter-spacing: 0.16em;
  font-size: 0.75rem;
  color: #E61F19;
}



/***** Hmb Menu *****/
.boxHeader .btnHmbMenu {
  display: none;
  /*position: fixed;
  z-index: 1000;
  top: 41px;
  left: 50%;
  -ms-transform: translateX(1025%);
  transform: translateX(1025%);*/
}
@media all and (max-width: 750px){
  .boxHeader .btnHmbMenu {
    position: fixed;
    z-index: 1000;
    top: 4.6vw;
    right: 5vw;
    display: inline-block;
    width: 7.5vw;
  }
}

.boxHeaderMenu {
  position: fixed;
  z-index: 999;
  top: 114px;
  left: 0;
  overflow-y: auto;
  display: none;
  width: 100%;
  height: 100%;
  padding-top: 50px;
  padding-bottom: 114px;
  background-color: rgba(255,255,255,0.9);
  background-color: rgba(230,230,230,0.9);
}
@media all and (max-width: 750px){
  .boxHeaderMenu {
    overflow-y: auto;
    position: fixed;
    z-index: 999;
    top: 15vw;
    left: 0;
    /*display: block;*/
    width: 100%;
    height: 100%;
    padding-top: 0;
    padding-bottom: 20vw;
    background-color: rgba(255,255,255,0.9);
  }
}

.boxHeaderMenu .ulHeaderMenu01 {
  margin-bottom: 5vw;
}

.boxHeaderMenu .ulHeaderMenu01 > li.liLine {
  padding: 5vw 0;
  text-align: center;
}

.boxHeaderMenu .ulHeaderMenu01 > li a {
  display: block;
  padding: 4vw 5vw 4vw 5vw;
}

.boxHeaderMenu .ulHeaderMenu01 > li.liLine a {
  display: inline-block;
  width: 40%;
  padding: 0;
}


.boxHeaderMenuIn {
  padding: 0 3.5vw 0 3.5vw;
  text-align: center;
}

.boxHeaderMenuIn img {
  width: 80%;
  margin: 2vw 0;
}


/*##### Footer #####*/

.boxCopyrightWrap {
  padding: 35px 0 35px 0;
}
@media all and (max-width: 750px){
  .boxCopyrightWrap {
    padding: 10vw 0 10vw 0;
  }
}

.boxCopyright {
  text-align: center;
  letter-spacing: 0.05em;
  font-size: 1.03rem;
  /*font-weight: 700;
  color: #727171;*/
}
@media all and (max-width: 750px){
  .boxCopyright {
    letter-spacing: normal;
    font-size: 0.78rem;
  }
}

@media all and (max-width: 750px){
  .boxCopyright .markCopy {
    font-family: Verdana, Roboto, "Droid Sans";
  }
}



/*##### Common Contents #####*/