.page-bg1 {
display: block;
position: fixed;
top: 45px;
left: 0;
width: 100%;
z-index: -1;
}
.page-bg-on1 {
position: relative;
margin-top:45px;
width:100%;
}
.top-text-area {
  color:#eaf4fc;
  width:90%;
  margin:0 auto;
  padding-top:30px;
  padding-bottom:20px;
}
.page-bg2,.page-bg3,.page-bg4,.page-bg5,.page-bg6,.page-bg7,.page-bg8,.page-bg9,.page-bg10,.page-bg11,.page-bg12 {
display: block;
position: relative;
line-height: 0;
top: 0;
left: 0;
width: 100%;
z-index: 1;
}
.img-area02,.img-area03,.img-area04,.img-area05,.img-area06,.img-area07,.img-area08,.img-area09,.img-area010,.img-area011,.img-area012 {
position: absolute;
top:0;
left:0;
width:100%;
}
.page-bg-z1 {
  position:fixed;
  top:45px;
  left:0;
  z-index:-2;
}
.page-bg-z2 {
  position:fixed;
  top:45px;
  left:0;
  z-index:-3;
  display: none;
}
.page-bg-z3 {
  position:fixed;
  top:45px;
  left:0;
  z-index:-4;
  display: none;
}
.page-bg-z4 {
  position:fixed;
  top:45px;
  left:0;
  z-index:-5;
  display: none;
}
.page-bg-z5 {
  position:fixed;
  top:45px;
  left:0;
  z-index:-6;
  display: none;
}
.page-bg-z6 {
  position:fixed;
  top:45px;
  left:0;
  z-index:-7;
  display: none;
}
.page-bg-z7 {
  position:fixed;
  top:45px;
  left:0;
  z-index:-8;
  display: none;
}
.page-bg-z8 {
  position:fixed;
  top:45px;
  left:0;
  z-index:-9;
  display: none;
}
.page-bg-z9 {
  position:fixed;
  top:45px;
  left:0;
  z-index:-10;
  display: none;
}
.page-bg-on2,.page-bg-on3,.page-bg-on4,.page-bg-on5,.page-bg-on6,.page-bg-on7,.page-bg-on8,.page-bg-on9,.page-bg-on10,.page-bg-on11,.page-bg-on12 {
position: relative;
display: none;
width:100%;
}
.text-area {
position: relative;
margin-top:0;
margin-bottom:0;
background-color:rgba(22,22,14,0.9);
padding-bottom:25px;
color:#f8fbf8;
width:100%;
z-index: 2;
}
.text-area-black {
position: relative;
margin-top:0;
margin-bottom:0;
background-color:rgba(22,22,14,1);
padding-bottom:45px;
color:#f8fbf8;
width:100%;
z-index: 2;
}
.text-area-black-2 {
position: relative;
margin-top:0;
margin-bottom:0;
background-color:rgba(22,22,14,1);
color:#f8fbf8;
width:100%;
z-index: 2;
}
.shop_title {
	display: inline-block;
	margin: 0.5rem 1rem;
	padding: 0.3rem 0.5rem;
	font-size: 0.92rem;
	color: #fff;
	background-color: #C30D23;
	font-family: "Gothic MB101 DemiBold";
	font-weight: bold;
}
.default-text-area {
  color:#eaf4fc;
  width:90%;
  margin:0 auto;
}

.default-text-area p{
  padding-bottom:10px;
  font-size:13px;
  margin:0;
}
.padding-t5 { padding-top:5px; }
.padding-t10 { padding-top:10px; }
.padding-t15 { padding-top:15px; }
.padding-t20 { padding-top:20px; }
.padding-t25 { padding-top:25px; }
.padding-t30 { padding-top:30px; }
.padding-t35 { padding-top:35px; }
.padding-t45 { padding-top:45px; }
.padding-t50 { padding-top:50px; }
.padding-b20 { padding-bottom:20px; }
.padding-b40 { padding-bottom:40px; }
.margin-t40 { margin-top:40px; }
.center-align {
  text-align:center;
  margin: 0 auto;
}
a {
  color:#F39800;
}

.name_item {
  margin: 0;
  padding: 0.8rem 0;
  font-size: 1.2rem;
  line-height: 1.2;
  color: #A28C00;
  font-family: "Gothic MB101 DemiBold";
}

h2 {
display: block;
margin: 0;
padding: 0.8rem 0;
font-size: 1rem;
line-height: 1.2;
color: #fff;
font-family: "Gothic MB101 Bold";
text-align:center;
}

.page_title {
margin: 0;
color: #fff;
font-size: 1rem;
line-height: 1.5rem;
font-family: "Gothic MB101 DemiBold";
}
.title {
display: block;
font-size: 1.2rem;
line-height: 1.1;
font-family: "Gothic MB101 Bold";
margin-bottom: 6px;
}
.kana {
display: block;
font-size: 1.0rem;
line-height: 1.0;
font-family: "Gothic MB101 Medium";
}
.page-top{
  position: fixed;
  display: none;
  font-size:11px;
  bottom:20px;
  right:20px;
  padding:4px 12px;
  border-radius: 8px;
  background: #cdaf7e;
  z-index:1000;
  opacity: 0.9;
}
.page-top a{
  text-decoration: none;
  color:#fff;
}

.credit {
  position: absolute;
  border-radius:2px;
  border:2px #fff solid;
  color:#fff;
  line-height:1;
  bottom:10%;
  right:5%;
  padding:2px 6px;
  font-size:12px;
}
.credit-area {
  position: absolute;
  bottom:0;
  left:0;
  width:100%;
  height:50%;
}
.profile-area {
  position: absolute;
  top:0;
  left:0;
  width:100%;
  height:50%;
}
.item-intro {
  position: absolute;
  border:2px #cdaf7e solid;
  background-color: rgba(0,0,0,0.7);
  color:#cdaf7e;
  border-radius:8px;
  line-height: 1;
  bottom:1%;
  left:5%;
  padding:5px 8px;
  font-size:12px;
}

.item-intro-top {
  position: absolute;
  border:2px #cdaf7e solid;
  background-color: rgba(0,0,0,0.7);
  color:#cdaf7e;
  border-radius:8px;
  line-height: 1;
  bottom:9%;
  left:5%;
  padding:3px 8px;
  font-size:12px;
}
.item-intro-area {
  position: absolute;
  top:0;
  left:0;
  width:50%;
  height:100%;
}
.modal-content{
  position:fixed;
  display:none;
  background-color: rgba(0,0,0,0.9);
  width:100%;
  height:100%;
  color:#fff;
  text-align:center;
  padding-bottom:3%;
  z-index:12000;
}
.modal-area{
  top:10%;
  width:80%;
  padding:1% 5%;
  background-color: rgba(0,0,0,1);
  border-radius: 5px;
  text-align: left;
  margin:0 auto;
}
.modal-close{
  border: 2px #cdaf7e solid;
  color:#cdaf7e;
  width:20%;
  border-radius: 5px;
  padding:5px;
  margin-top: 10px;
  margin:0 auto;
  text-align: center;
}
.modal-close p{
  margin:0;
}
.modal-top-area{
  width:100%;
  height:50px;
}
.modal-area-20{
  width:100%;
  height:20px;
}
.recommend-title{
  border-bottom: 1px #f8b862 solid;
  color:#f8b862;
  width:33%;
  border-radius: 1px;
  margin: 15px;
  text-align: center;
}
.item-list-line{
  width:100%;
  padding:8px 0;
  text-align:center;
  color:#fff;
  background-color:#000;
}
.item-list-img {
  background-color: #000;
  padding-bottom:10px;
}
.main {
  font-size:14px;
}
.slider-area{
  border:2px solid #F8b862;
  background: rgba(248,184,98,0.1);
}
.text-more{
  display: none;
  color:#fff;
}
.more-next{
  color:#fff;
}
.blue-color{
  color:#3e62ad;
}
.detail-text{
  margin-bottom:15px;
}

.line-link{
  position: relative;
  display: block;
  padding:2% 0 2% 8%;
  border-bottom:1px #7d7d7d solid;
  width:92%;
  background-color: #000;
  color:#fff;
}
.line-link-arrow{
  position: absolute;
  top:9%;
  left:2%;
  font-size:18px;
}
.next_btn {
  position: relative;
  -moz-box-shadow:inset 0px 1px 0px 0px #a6827e;
  -webkit-box-shadow:inset 0px 1px 0px 0px #a6827e;
  box-shadow:inset 0px 1px 0px 0px #a6827e;
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #7d5d3b), color-stop(1, #634b30));
  background:-moz-linear-gradient(top, #7d5d3b 5%, #634b30 100%);
  background:-webkit-linear-gradient(top, #7d5d3b 5%, #634b30 100%);
  background:-o-linear-gradient(top, #7d5d3b 5%, #634b30 100%);
  background:-ms-linear-gradient(top, #7d5d3b 5%, #634b30 100%);
  background:linear-gradient(to bottom, #7d5d3b 5%, #634b30 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#7d5d3b', endColorstr='#634b30',GradientType=0);
  background-color:#7d5d3b;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  border:1px solid #54381e;
  display:inline-block;
  cursor:pointer;
  color:#ffffff;
  font-family:Arial;
  font-size:16px;
  padding:3% 25%;
  text-decoration:none;
  text-shadow:0px 1px 0px #4d3534;
  font-weight: bold;
}
.next_btn:hover {
  background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #634b30), color-stop(1, #7d5d3b));
  background:-moz-linear-gradient(top, #634b30 5%, #7d5d3b 100%);
  background:-webkit-linear-gradient(top, #634b30 5%, #7d5d3b 100%);
  background:-o-linear-gradient(top, #634b30 5%, #7d5d3b 100%);
  background:-ms-linear-gradient(top, #634b30 5%, #7d5d3b 100%);
  background:linear-gradient(to bottom, #634b30 5%, #7d5d3b 100%);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#634b30', endColorstr='#7d5d3b',GradientType=0);
  background-color:#634b30;
}
.next_btn:active {
  position:relative;
  top:1px;
}
.btn-right-arrow{
  position: absolute;
  top:20%;
  right:4%;
  font-size: 20px;
}
.swiper-container #lastpage{
  padding-top:10px;
}
.swiper-container{
  position: relative;
  background-color: #000;
  height:initial;
}
.genrelist-title-list{
  padding-top:10px;
  background-color:#fff;
}
.cover-img{
  line-height: 0;
  padding-top:29px;
}
.img-l0{
  line-height: 0;
  text-align: center;
}
.page-bg-interview,.page-bg-mini-2,.page-bg-mini-3,.page-bg-mini-4,.page-bg-mini-5{
  position: relative;
  width:100%;
}
.page-bg-ab{
  position: absolute;
  top:0;
  left:0;
}
.top-text-area-2{
  background-color: #000;
  padding:25px 0 5px;
  color:#eaf4fc;
  width:100%;
}
.top-text-area-2 p{
  width:90%;
  margin:0 auto;
}
.center-align{
  text-align: center;
}
.bottom-btn-prev,.bottom-btn-center,.bottom-btn-next{
  float:left;
  width:30%;
  background-color:#997b46;
  display:block;
  color:#fff;
  text-decoration:none;
  text-align:center;
  padding:10px 0;
  font-size:13px;
}
.bottom-btn-center{
  margin:0 5%;
}
.clear{
  clear:both;
}
.bottom-menu{
  padding:20px 0 30px;
  background-color: #16160e;
}
.bottom-btn-area{
  margin-top:15px;
}
.text-next{
  text-align:center;
  color:#fff;
  font-family: 'Midashi Min MA31';
}
.top-text-title{
  background-color: #000;
  padding: 25px 0 10px;
  font-size:30px;
  color:#eaf4fc;
  width:100%;
  font-family: 'Midashi Min MA31';
}
.page-bg-mini{
  position: relative;
  margin-top:45px;
  width:100%;
}
.page-bg-mini-ab{
  position: absolute;
  top: 0;
  left:0;
}
.item-detail-text{
  width:90%;
  padding:5px 0 10px;
  margin:0 auto!important;
  font-size:14px;
}
.page-bg-fixd-2 {
display: block;
position: fixed;
top: 45px;
left: 0;
width: 100%;
z-index: -2;
}
.page-bg-fixd-3 {
display: block;
position: fixed;
top: 45px;
left: 0;
width: 100%;
z-index: -3;
}
.page-bg-fixd-4 {
display: block;
position: fixed;
top: 45px;
left: 0;
width: 100%;
z-index: -4;
}
.page-bg-fixd-5 {
display: block;
position: fixed;
top: 45px;
left: 0;
width: 100%;
z-index: -5;
}
.head-text{
  font-size:17px!important;
  font-weight: bold;
  line-height: 1.4;
  font-family: "Gothic MB101 Bold";
}
.search-area{
  background-color: #fff;
  width:90%;
  margin:0 auto;
  padding:10px 0;
}
.submenu{
  display: none;
}
.page-list{
  width:90%;
  padding:0 5%;
}
.page-list ul{
  -webkit-padding-start:0;
}
.page-list li{
  width:18%;
  padding:1% 1% 0;
  float:left;
  list-style-type: none;
}
.clear{
  clear: both;
}
.trigger{
  line-height: 0;
}
.font-11{ font-size: 11px!important; }
.font-17{ font-size: 17px!important; }


/*-------- 201802 メインページ改修 --------*/
/* TOPメインブロック */
.topMainBlock {
	margin: 2rem 0 0 0;
}
/* TOP横並びメニュー */
ul.top2img {
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
}
.top2img {
	display: table;
	table-layout: fixed;
	width: 100%;
 border-collapse: separate;  /* セルの間隔を空ける */
 border-spacing: 1rem 0;  /* 左右 上下で記述 */
	}

.top2img li{
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    border-left:0px solid white;
	margin:3px;
	}


.top2img li a{
    text-decoration: none;
    font-size:75%;
	color:#fff;
	}

.top2img li img{
	border: solid 1px #fff;
	}



ul.top3img {
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
}
.top3img {
	display: table;
	table-layout: fixed;
	width: 100%;
	border-collapse: separate;  /* セルの間隔を空ける */
	border-spacing: 5px 5px;  /* 左右 上下で記述 */
	margin:5px;
　　　padding: 0px;
}

.top3img li{
    display:table-cell;
    vertical-align:top;
    text-align:center;
     /*border-left:0px solid white;*/
	background: rgba(255,255,255,0.6);
	background: none;
	padding:10px 5px;
	/* border-radius: 10px;*/
	margin:3px;
	/*border:#000 2px solid;*/
   /*font-size:70%;*/
	}

/*
.top3img li a{
    text-decoration: none;
    font-size:85%;
	color:#333;
	font-weight: 400!important;
	padding:10px 5px;
	}
*/
ul.top3img2 {
    -webkit-margin-before: 0em;
    -webkit-margin-after: 0em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
    -webkit-padding-start: 0px;
}
.top3img2 {
	display: table;
	table-layout: fixed;
	width: 100%;
	border-collapse: separate;  /* セルの間隔を空ける */
	border-spacing: 5px 5px;  /* 左右 上下で記述 */
	margin:5px;
}

.top3img2 li{
    display:table-cell;
    vertical-align:middle;
    text-align:center;
     /*border-left:0px solid white;*/
	background: rgba(255,255,255,0.6);
	background: none;
	padding:10px 5px;
	border-radius: 10px;
	margin:3px;
	border:#666 2px solid;
	}


.top3img2 li a{
    text-decoration: none;
    font-size:80%;
	color:#000;
	font-weight: 400!important;
	}




.ui-body-c .ui-link:visited{
	color: #fff;
}
.ui-body-c .ui-link{
	color: #fff;
}

/* TOPタイトルバー */
.titleBar{
	width:90%;
	text-align: center;
	margin:2rem auto 1rem auto;
	padding:0.5rem;
    font-size:120%;
    font-weight:700;
}

/* TOP商品名 */
.itemNameTop {
    margin: 0;
    padding: 0.8rem 0;
    font-size: 130%;
    color: #A28C00;
    font-family: "Gothic MB101 DemiBold";

}

/* TOP更に詳しく見るボタン */
.itemDetaiBtn {
    background: #824D11;
	margin: 1rem;
	width:80%;
    padding: 0.4rem 0;
    font-size: 100%;
	font-weight:700;
    color: #FFF;
    font-family: "Gothic MB101 DemiBold";
    vertical-align:middle;
    text-align:center;
	border-radius: 10px;
}

/* プライス */
.product_price{
	font-size:150%;
}

/* 見出し */
.top_title{
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size:120%;
  text-align:center;
  line-height:1.6em;
  font-weight:700;
}
.top_subtitle{
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size:90%;
  text-align:center;
  line-height:1.6em;
  font-weight:400;
}
p {
margin:1em 0!important;
}

.top_midashi{
  font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size:120%;
  color:#990;
  margin:1em auto;
  text-align:center;
  border:solid 1px #990;
  padding:0.5em 1.5em;
  width:50%;
}

.swiper-slide a{
  color:#333;
  font-size:75%;
  text-align:center;
  line-height:1.6em;
}

/*  */
.swiper-slide img{
  border:solid 2px #ddd;
}

.row{
  margin:1em;
}
.h2_title{
    font-family: 游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN","Hiragino Mincho Pro",HGS明朝E,メイリオ,Meiryo,serif;
    font-size: 150%;
    line-height: 1.6;
    font-weight: 700;
    text-align: center;
    margin-top: 2em;
  color:#000;
}

h1,h2,h3,h4{
  color:#000;
}