@charset "utf-8";

/*-------------------------------------------------------------------------------------------------------------------------------
* top
-------------------------------------------------------------------------------------------------------------------------------*/



@media screen and (min-width: 768px) {
    .sp{display:none;}
    .pc{display:block;}
}
.snap {
  background: #F7F0EC;
}
.information {
  background: #FFFFFF;
}
.online {
  background: #F7F0EC;
}
.f_banner {
  background: #FFFFFF;
}


/* t_nav3
===================================================================== */
.t_nav3{
	width: 980px;
	margin: 40px auto 0;
}

.t_nav3 ul{
  display: none;
  width: 100%;
	overflow: hidden;
	letter-spacing: -.40em;
}
.t_nav3 ul.show-PC{
  display: block;
}
.t_nav3 ul li {
  margin-bottom: 20px;
}
.t_nav3 ul li:first-child:last-child{
  margin-bottom: 0;
}
.t_nav3 ul li img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .t_nav3{
  	width: 100%;
  	margin: 20px auto 0;
    padding: 0 20px;
  }
  .t_nav3 ul.show-PC{
    display: none;
  }
  .t_nav3 ul.show-SP{
    display: block;
    width: 100%;
    letter-spacing: normal;
  }
  .t_nav3 ul li{
  	display: block;
    width: 100%;
    margin-bottom: 10px;
  }
  .t_nav3 ul li:first-child:last-child{
    margin-bottom: 0;
  }
}

/* pickup_block02 */
.pickup .pickup_block02{
	width: 100%;
	overflow: hidden;
}
.pickup .pickup_box02{
  float: left;
	width: 25%;
	padding: 0 15px 35px;
}
.pickup .pickup_box02:nth-child(-n+2){
  width: 50%;
}
.pickup .pickup_box02 .pickup_box02_ttl{
	height: 50px;
	line-height: 50px;
	margin-bottom: 14px;
	background: #000;
}
.pickup .pickup_box02 .pickup_box02_ttl h3{
	float: left;
	width: calc(100% - 50px);
	font-size: 14px;
	color: #FFF;
	padding-left: 48px;
}
.pickup .pickup_box02 .pickup_box02_ttl p{
	float: right;
	width: 50px;
	height: 50px;
}
.pickup .pickup_box02 .pickup_box02_ttl p a{
	padding: 15px;
	background: #999;
}
.pickup .pickup_box02 .pickup_box02_ttl p img{
	width: 20px;
}

/* ttl */
.pickup .pickup_box02 .pickup_box02_ttl.cosme{
	background: url(/base/departmentstore/common/img/menu_icon_beauty.svg) no-repeat left 6px center #b9478f;
	background-size: 38px;
}
.pickup .pickup_box02 .pickup_box02_ttl.cosme p,
.pickup .pickup_box02 .pickup_box02_ttl.cosme p a{
	background: #851850;
}
.pickup .pickup_box02 .pickup_box02_ttl.ladies{
	background: url(/base/departmentstore/common/img/menu_icon_fashion.svg) no-repeat left 6px center #b94e5f;
	background-size: 38px;
}
.pickup .pickup_box02 .pickup_box02_ttl.ladies p,
.pickup .pickup_box02 .pickup_box02_ttl.ladies p a,
.pickup .pickup_box02 a .pickup_box02_ttl.ladies p{
	background: #84101d;
}
.pickup .pickup_box02 .pickup_box02_ttl.accessory{
  background: url(/base/departmentstore/common/img/menu_icon_accessory.svg) no-repeat left 2px center #b78d6d;
  background-size: 38px;
}
.pickup .pickup_box02 .pickup_box02_ttl.accessory h3{
  padding-left: 38px;
  font-size: 13px;
}
.pickup .pickup_box02 .pickup_box02_ttl.accessory p,
.pickup .pickup_box02 .pickup_box02_ttl.accessory p a{
	background: #835a3d;
}
.pickup .pickup_box02 .pickup_box02_ttl.mens{
	background: url(/base/departmentstore/common/img/menu_icon_men.svg) no-repeat left 6px center #232268;
	background-size: 38px;
}
.pickup .pickup_box02 .pickup_box02_ttl.mens p,
.pickup .pickup_box02 .pickup_box02_ttl.mens p a{
	background: #04042a;
}
.pickup .pickup_box02 .pickup_box02_ttl.baby{
	background: url(/base/departmentstore/common/img/menu_icon_baby.svg) no-repeat left 6px center #dd8919;
	background-size: 38px;
}
.pickup .pickup_box02 .pickup_box02_ttl.baby p,
.pickup .pickup_box02 .pickup_box02_ttl.baby p a{
	background: #c04a02;
}
.pickup .pickup_box02 .pickup_box02_ttl.living{
	background: url(/base/departmentstore/common/img/menu_icon_living.svg) no-repeat left 6px center #7c6b5d;
	background-size: 38px;
}
.pickup .pickup_box02 .pickup_box02_ttl.living p,
.pickup .pickup_box02 .pickup_box02_ttl.living p a{
	background: #3c2d22;
}
.pickup .pickup_box02 .pickup_box02_ttl.food{
	background: url(/base/departmentstore/common/img/menu_icon_food.svg) no-repeat left 6px center #c12b44;
	background-size: 38px;
}
.pickup .pickup_box02 .pickup_box02_ttl.food p,
.pickup .pickup_box02 .pickup_box02_ttl.food p a{
	background: #920712;
}
.pickup .pickup_box02 .pickup_box02_ttl.art{
	background: url(/base/departmentstore/common/img/menu_icon_art.svg) no-repeat left 6px center #856723;
	background-size: 38px;
}
.pickup .pickup_box02 .pickup_box02_ttl.art p,
.pickup .pickup_box02 .pickup_box02_ttl.art p a{
	background: #452a05;
}
.pickup .pickup_box02 .pickup_box02_ttl.other{
	background: url(/base/osaka/img/menu_icon_gofuku.svg) no-repeat left 6px center #B68C82;
	background-size: 38px;
}
.pickup .pickup_box02 .pickup_box02_ttl.other p,
.pickup .pickup_box02 a .pickup_box02_ttl.other p,
.pickup .pickup_box02 .pickup_box02_ttl.other p a{
	background: #8b5a32;
}
.pickup .pickup_box02 .pickup_box02_ttl.event{
	background: url(/base/departmentstore/common/img/menu_icon_event.svg) no-repeat left 6px center #aa1f24;
	background-size: 38px;
}
.pickup .pickup_box02 .pickup_box02_ttl.event p,
.pickup .pickup_box02 .pickup_box02_ttl.event p a{
	background: #710405;
}


/* a */
.pickup .pickup_box02 a{
	display: block;
	color: #000;
	text-decoration: none;
}
.pickup .pickup_box02 a img{
	width: 100%;
}
.pickup .pickup_box02 a  dl dt{
	font-size: 16px;
	font-weight: bold;
	padding: 12px 0 6px;
}
.pickup .pickup_box02 a .link{
	text-decoration: underline;
	margin-top: 5px;
	background: url(/base/departmentstore/common/img/arrow_r1.svg) no-repeat left 5.5em center;
	background-size: 12px;
}
.pickup .pickup_box02:nth-child(-n+2)>a p:first-child {
  width: 46.8%;
  float: left;
}
.pickup .pickup_box02:nth-child(-n+2)>a dl {
  width: calc(53.2% - 26px);
  float: right;
}
.pickup .pickup_box02:nth-child(-n+2)>a dl dt{
  padding-top: 0;
}
.pickup .pickup_box02:nth-child(-n+2)>a dl+p.link  {
  width: calc(53.2% - 26px);
  float: right;
}

@media screen and (max-width:767px) {
	.pickup{
		width: 100%;
		padding: 33px 20px 40px;
		background: #F7F0EC;
	}
	.pickup .inner{
		width: 100%;
		margin: 0;
	}

	/* pickup_block01 */
	.pickup .pickup_block01{
		width: 100%;
		overflow: hidden;
	}
	.pickup .pickup_box01{
		float: left;
		width: 50%;
		padding: 0 0 16px;
	}
	.pickup .pickup_box01:nth-child(odd){
		padding-right: 5px !important;
	}
	.pickup .pickup_box01:nth-child(even){
		padding-left: 5px !important;
	}
	.pickup .pickup_box01 a  dl dt{
		font-size: 12px;
		font-weight: bold;
		padding: 8px 0 4px;
	}
	.pickup .pickup_block01_two{
		width: 100%;
		margin: 0;
	}
	.pickup .pickup_block01_two .pickup_box01{
		float: left;
		width: 50%;
		padding: 0 0 16px;
	}

	/* pickup_block02 */
	.pickup .pickup_box02{
		float: left;
		width: 50%;
		padding: 0 0 16px;
	}
	.pickup .pickup_box02:nth-child(odd){
		padding-right: 5px;
	}
	.pickup .pickup_box02:nth-child(even){
		padding-left: 5px;
	}
	.pickup .pickup_box02 .pickup_box02_ttl{
		height: 30px;
		line-height: 30px;
		margin-bottom: 10px;
		background: #000;
		background-size: 25px !important;
		background-position: left 5px center !important;
	}
	.pickup .pickup_box02 .pickup_box02_ttl h3{
		float: left;
		width: calc(100% - 30px);
		font-size: 12px;
		color: #FFF;
		padding-left: 35px;
	}
  .pickup .pickup_box02 .pickup_box02_ttl.accessory{
    height: 30px;
    line-height: 1.4;
    margin-bottom: 10px;
    background-size: 25px !important;
    background-position: left 5px center !important;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
    align-items: center; /* 縦方向中央揃え */
    -webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
    justify-content: center; /* 横方向中央揃え */
  }
  .pickup .pickup_box02 .pickup_box02_ttl.accessory h3{
    font-size: 9px;
    padding-left: 30px;
  }

	.pickup .pickup_box02 .pickup_box02_ttl p{
		float: right;
		width: 30px;
		height: 30px;
	}
	.pickup .pickup_box02 .pickup_box02_ttl p a{
		padding: 7px;
		background: #999;
	}
	.pickup .pickup_box02 .pickup_box02_ttl p img{
		width: 16px;
	}
	.pickup .pickup_box02 a  dl dt{
		font-size: 12px;
		font-weight: bold;
		padding: 8px 0 4px;
	}
  .pickup .pickup_box02:nth-child(-n+2)>a p:first-child {
    width: 100%;
    float: none;
  }
  .pickup .pickup_box02:nth-child(-n+2)>a dl {
    width: 100%;
    float: none;
  }
  .pickup .pickup_box02:nth-child(-n+2)>a dl dt{
    padding-top: 8px;
  }
  .pickup .pickup_box02:nth-child(-n+2)>a dl+p.link  {
    width: 100%;
    float: none;
  }


	/* pickup_block02_w100 */
	.pickup .pickup_box02_w100{
		width: 100%;
		padding: 0 !important;
	}
	.pickup .pickup_box02_w100 a{
		overflow: hidden;
	}
	.pickup .pickup_box02_w100 a > p{
		float: left;
		width: 50%;
		padding-right: 5px;
	}
	.pickup .pickup_box02_w100 a > dl{
		float: right;
		width: 50%;
		padding-left: 5px;
	}
	.pickup .pickup_box02_w100 a > p.link{
		float: right;
		width: 50%;
		padding-left: 5px;
	}
}
@media screen and (max-width: 374px) {
		.pickup .pickup_box02 .pickup_box02_ttl.ttl05 h3{
			font-size: 10px;
		}
}

/* t_nav3
===================================================================== */
.pickup_bnr{
	width: 980px;
	margin: 40px auto 0;
}
.pickup_bnr ul{
  display: flex;
  width: 100%;
	overflow: hidden;
  justify-content: space-between;
}
.pickup_bnr ul li{
  width: 100%;
  max-width: 480px;
  margin-bottom: 20px;
}
.pickup_bnr ul li img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .pickup_bnr{
  	width: 100%;
  	margin: 20px auto 0;
  }
  .pickup_bnr ul{
    display: block;
    width: 100%;
    letter-spacing: normal;
  }
  .pickup_bnr ul li{
  	display: block;
    width: 100%;
    margin-bottom: 10px;
  }
}




/* specialityitems
===================================================================== */
.specialityitems{
	width: 100%;
	padding: 50px 0 ;
	background: #FFF;
}
.specialityitems .inner{
	width: 1010px;
	margin: 0 auto;
}
/* specialityitems_block01 */
.specialityitems .specialityitems_block01{
	width: 100%;
	overflow: hidden;
}
.specialityitems .specialityitems_block01_four {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.specialityitems .specialityitems_box01{
	width: 25%;
	padding: 0 15px 30px;
}
.specialityitems .specialityitems_box01 a{
	display: block;
	color: #000;
	text-decoration: none;
}
.specialityitems .specialityitems_box01 a img{
	width: 100%;
}
.specialityitems .specialityitems_box01 a p {
box-sizing:border-box;
border: solid 1px #DDD;
}

.specialityitems .specialityitems_box01 a dl dd{
	font-size: 16px;
	padding: 6px 0;
}
.specialityitems .specialityitems_box01 a .link{
	text-decoration: underline;
	margin-top: 5px;
	background: url(/base/departmentstore/common/img/arrow_r1.svg) no-repeat left 5.5em center;
	background-size: 12px;
  border: none;
}
.specialityitems .specialityitems_block01_two{
	width: 1010px;
	margin: 0 auto;
}
.specialityitems .specialityitems_block01_two .specialityitems_box01{
	float: left;
	width: 50%;
	padding: 0 15px 35px;
}

/* a */
.specialityitems .specialityitems_box02 a{
	display: block;
	color: #000;
	text-decoration: none;
}
.specialityitems .specialityitems_box02 a img{
	width: 100%;
}
.specialityitems .specialityitems_box02 a  dl dt{
	font-size: 16px;
	font-weight: bold;
	padding: 12px 0 6px;
}
.specialityitems .specialityitems_box02 a .link{
	text-decoration: underline;
	margin-top: 5px;
	background: url(/base/departmentstore/common/img/arrow_r1.svg) no-repeat left 5.5em center;
	background-size: 12px;
}

@media screen and (max-width:767px) {
	.specialityitems{
		width: 100%;
		padding: 33px 20px 40px;
	}
	.specialityitems .inner{
		width: 100%;
		margin: 0;
	}

	/* specialityitems_block01 */
	.specialityitems .specialityitems_block01{
		width: 100%;
		overflow: hidden;
	}
	.specialityitems .specialityitems_box01{
		width: 50%;
		padding: 0 0 16px;
	}
	.specialityitems .specialityitems_box01:nth-child(odd){
		padding-right: 5px !important;
	}
	.specialityitems .specialityitems_box01:nth-child(even){
		padding-left: 5px !important;
	}
	.specialityitems .specialityitems_box01 a  dl dd{
		font-size: 12px;
	}
	.specialityitems .specialityitems_block01_two{
		width: 100%;
		margin: 0;
	}
	.specialityitems .specialityitems_block01_two .specialityitems_box01{
		float: left;
		width: 50%;
		padding: 0 0 16px;
	}

}
@media screen and (max-width: 374px) {
		.specialityitems .specialityitems_box02 .specialityitems_box02_ttl.ttl05 h3{
			font-size: 10px;
		}
}