@charset "utf-8";

#root {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    position: relative;
}

body {
	font-family: "Noto Serif JP","游明朝", "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, serif;
	width: 100%;
  	line-height: 1.875em;
  	font-size: 14px;
}

.brPcNone > br {
    display: block;
}

.telWrap {
    color: inherit;
}

.hidden {
    overflow: hidden;
}

.opacity_hover:hover {
    opacity: .7;
}

.header {
    z-index: 999999999;
}

/*-- 下層カバー --------------------------------------------------------------*/

.incover {
    max-width: 1920px;
    width: 100%;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    color: #fff;
}

.incoverTxtBx {
    max-width: 1520px;
    width: 96%;
    margin: auto;
    display: flex;
    align-items: center;
    filter: drop-shadow(0 3px 6px rgba(0, 0, 0, 80%));
    position: absolute;
}

.incoverTit {
    margin: 0 0 0 2%;
}

.incoverLogo {
    max-width: 174px;
    width: 15%;
}

/*---------------------------------------------------------------------------*/
/*-- 共通パーツ --------------------------------------------------------------*/
.inWrap {
    padding: 100px 0;
}

.conteBx {
    max-width: 1200px;
    width: 96%;
    margin: auto;
}

.leadTxt {
    padding: 30px 2%;
    background: #F6F6F6;
    text-align: center;
}

.tit01 {
    font-size: 19px;
    font-weight: 600;
}

.webgene-pagination {
    width: 100%;
}

.webgene-pagination > ul{
  padding: 0;
  display: flex;
  justify-content: center;
}

.webgene-pagination > ul > li{
  display: flex;
}

.webgene-pagination > ul > li{
  margin: 80px 10px 0;
  height:30px;
  min-height:30px;
  width:100%;
  max-width:30px;
  font-size: 14px;
  list-style: none;
  background-color: #FFF;
  display: flex;
  justify-content: center;
  padding: 4px 0;
  align-items: center;
  border: 1px #000000 solid;
}

.webgene-pagination > ul > li.selected > a{
  color: #FFF;
  background: #000000;
  cursor: inherit;
}

.webgene-pagination > ul > li.selected > a:hover {
    color: #FFF;
    background-color: #000000;
}

.webgene-pagination > ul > li > a{
  width: 100%;
  height: 28px;
  width: 30px;
  color: #000000;
  display: flex;
  justify-content: center;
  align-items: center;
}
.webgene-pagination > ul > li > a:hover{
  color:#FFF;
  background-color: #000000;
  text-decoration: none;
}

.next > a {
    font-size: 11px;
    color: #FFF;
}

.prev > a{
    font-size: 11px;
    color: #FFF;
}

.baseTb {
    max-width: 1000px;
    width: 100%;
    margin: 0 auto;
    border: solid 1px #ccc;
    border-bottom: none;
}

.baseTh {
    padding: 15px;
    border-bottom: solid 1px #ccc;
    text-align: center;
    font-weight: bold;
    background: #f9f9f9;
}

.baseTd {
    padding: 15px;
    border-bottom: solid 1px #ccc;
}

.baseTd > a {
    display: inline-block;
    color: #2B2939;
    text-decoration: underline;
}

.baseTd > a:hover {
    text-decoration: none;
}

/*-- ****** -----------------------------------------------------------------*/
/*-- 共通カラー --------------------------------------------------------------*/



/*-- header -----------------------------------------------------------------*/

/*---ham-----*/

.hamWr {
    width: 70px;
    height: 70px;
    background-color: #F2F2F2;
    justify-content: center;
    align-items: center;
}

.hamWr:hover {
    background: #CCCCCC;
}

.navbar-dark .navbar-toggler {
  color: rgba(0, 0, 0, 0.5);
  border: none;
  padding: 0px;
  width: 24px;
  height: 20px;
  margin: auto;
  box-sizing: border-box;
  position: relative;
  top: 0 !important;
  left: 0;
}

.navbar-dark .navbar-toggler-icon {
  background-image:none;
  background-color: #000000;
  width: 100%;
  height: 3px;
  display: block;
  position: absolute;
  transition: ease .5s;
}

.navbar-toggler-icon:nth-of-type(1) {
  top: 0px;
}

.navbar-toggler-icon:nth-of-type(2) {
  top: 8px;
}

.navbar-toggler-icon:nth-of-type(3) {
  bottom: 0;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-of-type(1) {
  top:10px;
  transform: rotate(45deg);
  width: 100%;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-of-type(2) {
  opacity: 0;
}

.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:nth-of-type(3) {
  top: 10px;
  transform: rotate(-45deg);
  width: 100%;
}


/*-- ****** -----------------------------------------------------------------*/
/*-- パンくずリスト ----------------------------------------------------------*/

.breadWrap {
    padding: 25px 0;
}

.breadBx {
    max-width: 1200px;
    width: 96%;
    margin: auto;
    display: flex;
    align-items: center;
}

.breadLink {
    color: #666;
}

.breadLink:hover {
    color: #666;
}

/*-- ****** -----------------------------------------------------------------*/

/*---TOPmain-----------------------------------------------------------------*/

.topImgDecoRight {
    box-shadow: 20px 20px 0 #B3B3B3;
}

.topImgDecoLeft {
    box-shadow: -20px 20px 0 #B3B3B3;
}

.topLinkBtn01 {
    max-width: 220px;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    height: 40px;
    border: 1px solid #000;
    color: #000;
    transition: all .7s;
}

.topLinkBtn01:hover {
    color: #fff;
    background: #000;
    transition: all .7s;
}

.topShopImgBox {
    order: 1;
}

.topShopTextBox {
    order: 2;
}

.topGalleryWr:before {
    content: "";
    position: absolute;
    background: url(https://lily-krone201224.smooooth.jp/system_panel/uploads/images/deco01.svg)no-repeat;
    bottom: 100px;
    background-size: 100%;
    right: -100px;
    width: 200px;
    height: 185px;
}

/*---------------------------------------------------------------------------*/

/*-- coverTxt ---------------------------------------------------------------*/



/*---------------------------------------------------------------------------*/
/*-- footer -----------------------------------------------------------------*/

.pageTop {
    right: 2.628%;
    bottom: 160px;
    position: fixed;
}

.pageLink {
    display: flex;
    justify-content: center;
    align-items: center;
}

.pageLink:hover>.pageOff {
    display: none;
}

.pageLink>.pageOff {
    display: block;
}

.pageLink:hover>.pageOn {
    display: block;
}

.pageLink>.pageOn {
    display: none;
}

/*---------------------------------------------------------------------------*/

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:375px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 375px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:414px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */



/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 414px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:544px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */




/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 544px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:768px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.baseTh {
    border-right: solid 1px #ccc;
}
  
.topGalleryWr:before {
    right: -196px;
    width: 391px;
    height: 360px;
}

body {
  	font-size: 16px;
}

.tit01 {
    font-size: 26px;
}

.brPcNone > br {
    display: none;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 768px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:992px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */



/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 992px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:1024px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.topShopImgBox {
    order: 2;
}

.topShopTextBox {
    order: 1;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 1024px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:1200px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */


/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 1200px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */


/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:1400px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */



/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 1400px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:1500px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */



/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 1500px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:1600px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */



/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

} /* min-width: 1600px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */