@charset "euc-jp";
.container > .cInner{
  width:100%;
}
.slider {
  position: relative;
}
.bx-viewport {
  border: none !important;
  left: 0 !important;
}
#slider div {
  width: 100% !important;
}
#side{
  display: none;
}
#main{
  width:100%;
}
.free_space_block {
  margin-top: 3em;
}
.footer{
  margin-top:0;
}

/*item category辺り*/
.mainBox__topText{
  font-size:14px;
  margin-bottom:30px;
  text-align:center;
}
.itemList--8{
  text-align:center;
  letter-spacing: -.4em;
}
.itemList--8 .itemList__topText{
  font-size:12px;
  margin-bottom:20px;
}
.itemList--8 .itemList__unit{
  float:none;
  display: inline-block;
  letter-spacing: normal;
  width:100px;
  text-align:center;
  vertical-align: top;
}
.itemList--8 .itemList__unit:nth-child(n+2){
  margin-left:42px;
}

/*CONTENTS*/
.itemList--contents{
  background:black;
}
.itemList--contents .itemList__unit{
  width:14.27%;
  float:left;
}
.itemList--contents .itemList__unit img{
  width:100%;
}
/*top page*/
.new,
.ranking {
	margin-bottom;80px;
}
.p-runk-num {
	margin-bottom:26px;
	height:27px;
}
.itemList__unit:last-child .p-runk-num img {
	display:none;
}
.contentsSpecial {
	margin-bottom:70px;
}
.contentsSpecial ul {
	list-style:none;
	margin-bottom:30px;
}
.contentsSpecial ul li {
	width:33.33333%;
	float:left;
}
.contentsSpecial ul li.itemList__unit img {
	width:100%;
}
/* BRAND */
.brand {
	position:relative;
}
.brand ul {
	margin-bottom:30px;
}
.brand ul li.itemList__unit img {
	width:100%;
}
.brand1 {
	background:rgba(255,255,255,0.8);
	position:absolute;
	top:180px;
	left:330px;
	padding:35px 40px;
	width:285px;
	text-align:center;
}
.brand2 {
	background:rgba(255,255,255,0.8);
	position:absolute;
	top:505px;
	left:450px;
	padding:35px 40px;
	width:285px;
	text-align:center;
}
.brand h4 {
	font-family: "Times New Roman", 游明朝, "Yu mincho", "ヒラギノ明朝 ProN W6", HiraMinProN-W6, HG明朝E, "ＭＳ Ｐ明朝", "MS P Mincho", "MS 明朝", serif;
	font-size:30px;
	margin-bottom:25px;
	letter-spacing:3px;
}
.brand .brandText {
	font-size:14px;
	margin-bottom:25px;
}
.brandBtn {
	font-size:14px;
	background:#ce9489;
	color:#fff;
	padding:18px 20px;
	font-family: "Times New Roman", 游明朝, "Yu mincho", "ヒラギノ明朝 ProN W6", HiraMinProN-W6, HG明朝E, "ＭＳ Ｐ明朝", "MS P Mincho", "MS 明朝", serif;
}
.brand2 .brandBtn {
	background:#f5d67c;
}
.brandBtn a {
	color:#fff;
	text-decoration:none;
}
.brandBtn a:hover {
	opacity:0.8;
}
/*お知らせ*/
.bgSection{
  width:100%;
  overflow-x: hidden;
}
.bgSection__bg{
  padding:40px 500%;
  margin:0px -500%;
  overflow: hidden;
  background:#f2f2f2;
  width:100%;
}
.info{
  background:white;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding:12px 15px 10px 40px;
}
.info__inner{
  height:110px;
  overflow: auto;
  padding:10px 15px;
  border-left:solid 5px #626262;
}
.info__inner dt,.info__inner dd{
  margin-bottom:10px;
}
.info__inner dt{
  float:left;
  font-weight:bold;
  width:15%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.info__inner dd{
  float:left;
  padding-left:5px;
  width:85%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.bgSection__bg--info{
  padding-top:50px;
  padding-bottom:80px;
}
ul.infoBottom {
    margin-top: 20px;
}
.infoBottomL {
	width:250px;
	float:left;
}
.infoBottomR {
	float:right;
    width: 228px;
    height: 118px;
	border:1px solid #ccc;
	padding:15px 10px;
	text-align:center;
}
.infoBottomR h4 {
	font-weight:bold;
	font-size:14px;
	margin-bottom:10px;
	text-align:center;
}
.infoBottomR p {
	font-size:12px;
	margin-bottom:5px;
}
.infoBottomBtn a {
	background:#ccc;
	padding:5px 10px;
	text-align:center;
	display:inline-block;
	font-size:12px;
	font-weight:bold;
	border:1px solid #ccc;
	text-decoration:none;
}
.infoBottomBtn a:hover {
	background:#eee;
	border:1px solid #ccc;
}
/*----------------------------------------------------
    slider
----------------------------------------------------*/
.insta_area{
    position:relative;
}
.sp-bottom-thumbnails {
    padding: 40px 0px;
    background: #fff !important;
}
/*マスク*/
.slider_mask{
    width:1000px;/*スライドの横幅*/
    margin:0 auto;
    position:relative;
}
#eyecatch {
	width:100%;
	overflow:hidden;
	display:block;
}
.mask_left{
    position:absolute;
    bottom:-400px;/*スライドの高さ*/
    width:1000px;
    height:400px;/*スライドの高さ*/
    left:-1000px;
    background:rgba(0,0,0,0.3);
    z-index:100;
}
.mask_right{
    position:absolute;
    bottom:-400px;/*スライドの高さ*/
    width:1000px;
    height:400px;/*スライドの高さ*/
    right:-1000px;
    background:rgba(0,0,0,0.3);
    z-index:100;
}
/*矢印*/
.sp-arrow{
    position:absolute;
    display:block;
    width:47px;
    height:47px;
    cursor:pointer;
    z-index:101;
}
.sp-horizontal .sp-previous-arrow{
    left:50%;
    margin-left:-525px !important;
    background:url("https://img21.shop-pro.jp/PA01366/035/etc/st_prev.png") no-repeat;
}
.sp-horizontal .sp-next-arrow{
    right:50%;
    margin-right:-525px !important;
    background:url("https://img21.shop-pro.jp/PA01366/035/etc/st_next.png") no-repeat;
}

/*----------------------------------------------------
    Instagram
----------------------------------------------------*/

/*矢印の位置はコンテンツ幅に合わせて調整してください。左右０だと良い位置にいきません。*/
.prev_btn{
  position:absolute;
  top:55px;
  left:-5px;
  z-index:1000;
}
.next_btn{
  position:absolute;
  top:55px;
  right:-12px;
  z-index:1000;
}
/*背景*/
#slide_area{
	margin-bottom:100px;
}
#slide_area #instagram {
    background:#F3EFEF;
    padding:30px 0px 50px;
}
/*画像したテキストエリア、100%だと余白分までテキストが進入しますので画像と同じに。。*/
#slide_area .text{
  text-align: center;
  margin-top:5px;
  width:148px;/*スライドの画像と同じ幅*/
}
#slide_area .inner{
    width:1200px;
    margin:0 auto;
}
#slide_area #slide2{
  padding-left:40px;
}
#slide_area #instagram {
    background: #fff8ff;
    padding: 30px 0px 50px;
}

.bgSection__bg {
    padding: 40px 500%;
    margin: 0px -500%;
    overflow: hidden;
    background: #fff8ff;
    width: 100%;
}
#slide_area {
    margin-bottom: 40px;
    background: #fff8ff;
}

#slide_area .inner {
    width: 1200px;
    margin: 0 auto;
    background: #fff8ff;
}

#slide_area #instagram {
    background: #fff8ff;
    padding: 0px 0px 100px;
  /*
    background: url(https://img21.shop-pro.jp/PA01366/035/etc/insta_bg.png?cmsp_timestamp=20170721124633) no-repeat bottom center;*/
}

span.insta {
    background: #fff8ff;
}
.info {
    background: white;
    width: 1200px;
    margin: 0 auto;
    vertical-align: baseline;
    margin-bottom: 30px;
}
li.aterier {
    list-style: none;
    background-color: white;
    height: 384px;
    text-align: center;
}
h4 {
    font-size: 25px;
    font-weight: bold;
    border-bottom: 1px solid;
    width: 190px;
    margin: 0 auto;
    margin-bottom: 30px;
}
.aterier-inner {
    top: 5%;
    position: relative;
}
.infoBottomBtn a {
    padding: 10px 65px;
    text-align: center;
    font-size: 14px;
    border: 1px solid #ccc;
    text-decoration: none;
    position: relative;
    display: inline-block;
    font-weight: bold;
    text-decoration: none;
    color: #FFF;
    background: #ff7f7f;
    transition: .4s;
}
p.infoBottomBtn {
    margin-top: 50px;
}
#slide_area .inner {
    width: 1200px;
    margin: 0 auto;
    background: #fff8ff;
    padding-top: 30px;
}
.prev_btn,
.next_btn {
  width: 50px;
}