@import url("/js/slick/slick.css");
@import url("/js/slick/slick-theme.css");

body { background-color: #000; color: #FFF; }

/* header */
div.spHeader > h1 { background-image: url(../image/mainView.jpg); }

/* contents */
article {
  position: relative;
  padding-top: 100px;
  padding-bottom: 100px;
  background-color: #070707;
  background-image: url(../image/contentBg.jpg);
  background-position: center top;
  background-size: 100% auto;
  background-repeat: no-repeat;
}
article#present,
article#news { background-image: none; }
.topToFix { background-color: #F7018E; }
.textRe,.textBoRe { color: #BE0979; }

/* TITLE */
.titleA { border-bottom: #D2B12F 1px solid; padding-bottom: 10px; margin-bottom: 40px; }
.titleA > div { max-width: 1000px; margin: 0 auto; }
.titleA img { width: 120px; }
.titleB { font-size: 36px; }

/* ABOUT */
#about .flexBox { font-family: ryo-gothic-plusn, sans-serif; font-weight: 500; font-style: normal; font-size: 1rem; line-height: 1.5; }
#about .buyTitle { color: #BE0979; border-bottom: #555 1px solid; font-size: 1rem; line-height: 1.5; padding: 20px; }
#about p { color: #BE0979; margin-bottom: 5px; }

/* NEWS */
#news ul li { font-size: 128.6%; border-bottom: #333 1px solid }
#news ul li a { color: #FFF }
#news ul li a:before { font-size: 23px; content: "\f0da"; color: #BE0979; }

/* FONT */
/*Ryo Gothic PlusN R*/
.ryoGoR { font-family: ryo-gothic-plusn, sans-serif; font-weight: 400; font-style: normal; }
/*Ryo Gothic PlusN M*/
.ryoGoM { font-family: ryo-gothic-plusn, sans-serif; font-weight: 500; font-style: normal; }
/*Ryo Gothic PlusN B*/
.ryoGoB { font-family: ryo-gothic-plusn, sans-serif; font-weight: 700; font-style: normal; }


/*
==================================================
671～1040
==================================================
*/
@media screen and (min-width:671px) and ( max-width:1040px) {
/* CONTENTS */
.content { padding-top: 0 }
.content img { width: auto; max-width: 100% }
/* GOURMET */
#gourmet .flexBox { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
/*671～1039 END*/
}
/*
==================================================
～670
==================================================
*/
@media screen and ( max-width:670px ){
/* header */
div.spHeader > h1 { background-image: url(../image/mainView_sp.jpg); }
/* CONTENTS */
.content { padding-top: 0 }
.content img { width: auto; max-width: 100% }
article { padding-top: 50px; padding-bottom: 50px; }
/* TITLE */
.titleA { border-bottom: #D2B12F 2px solid; padding-bottom: 10px; margin-bottom: 40px; padding-left: 10px; }
.titleA img { width: 165px; }
.titleB { font-size: 28px; }
/* ABOUT */
#about .flexBox { display: block; text-align: center; font-size: 1.6rem; }
#about .buyTitle { border-bottom: #555 2px solid; font-size: 1.9rem; text-align:center; }
#about p { margin-bottom: 10px; margin-top: 25px; }
#about .flexBox > div:first-child p { margin-top: 0; }
/* GOURMET */
#gourmet .flexBox { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
/*～670 END*/
}

/* ========== Zindex ========== */
nav { z-index: 1000 }
nav #navBtn { z-index: 3000 }
article:before,article:after { z-index: 50; }
section { z-index: 100; }
.contWrap { z-index: 10 }
.topToFix { z-index: 100 }