@charset "utf-8";
/* CSS Document */

body {
	text-align:left;
}



.sp-disnon,
	.pc{
		display: block;
	}
	.pc-disnon,
	.sp{
		display:none;
	}

#localNav h3 span,
#localNav_noCat h3 span {
	display:none;
}
@media screen and (min-width:201px) and (max-width:699px) {
	.sp-disnon,
	.pc{
		display:none; 
	}
	.pc-disnon,
	.sp{
		display:block;
	}
	#sub {
		width: 100%;
		float: none;
		padding: 2.5em 0;
	}
	
	#sub img {
		max-width:100%;
		height:auto;
	}
	
	/*.subBlockList {
		overflow:hidden;
	}*/
	
	.subBlockList li {
		margin: 0 2% 3% 0;
		width:49%;
		float:left;
	}
	
	.subBlockList li:nth-child(2n) {
		margin-right:0;
	}
	
	.subBlockList li.list-center,
	.subBlock.list-center {
		float: none;
		margin: 0 auto 2%;
	}
	.subBtBlock ul {
		margin-bottom:5px;
	}
	.subBtBlock ul li {
		margin: 0 0 8px 0;
		padding: 0 1%;
		width:48%;
		box-sizing: content-box;
	}
	.subBtBlock ul li img {
		width:100%;
		height:auto;
	}
	/* 景品 */
	.subBlockList li.sidebn-top {
		display: block;
		float: none;
		margin: 0 auto 2.5%;
	}
	#localNav h3,
	#localNav_noCat h3{
    	padding: 2.5% 2% 1.5%;
		font-weight:bold;
		margin-bottom:.5em;
	}
	
	#localNav h3 span,
	#localNav_noCat h3 span {
		display:inline-block;
	}
	
	#localNav h3 img,
	#localNav_noCat h3 img {
		display:none;
	}
	
	#localNav h3:before,
	#localNav_noCat h3:before {
		background: url(../images/parts/sp/cate_tit_arraw.png) no-repeat top left;
		content: '';
		width: 6px;
		height: 10px;
		margin-right: 8px;
		display: inline-block;
		vertical-align: middle;
	}
	
	#localNav h3 a:after,
	#localNav_noCat h3 a:after {
		content: '';
		width: 1px;
		height: 100%;
		display: inline-block;
		vertical-align: middle;
	}
	
	#localNav h3.petit {
		background: #f2dad6;
		border-bottom: 4px solid #fcc8cd;
	}

	#localNav h3.paper {
		background: #e3dce6;
		border-bottom: 4px solid #dbd0f7;
	}

	#localNav h3.welcome {
		background: #c3dedd;
		border-bottom: 4px solid #8fd5e6;
	}

	#localNav h3.ceremony {
		background: #e2ebd3;
		border-bottom: 4px solid #d1edc3;
	}

	#localNav_noCat h3.weddinggift {
		background: #d0f2e7;
		border-bottom: 4px solid #c0f6ec;
	}

	#localNav h3.prize {
		background: #f1e2ab;
		border-bottom: 4px solid #fadc69;
	}

	#localNav h3.gift {
		background: #f7e4d3;
		border-bottom: 4px solid #fdd2b5;
	}

	#localNav h3.support {
		background: #EFCBB4;
		border-bottom: 4px solid #FFA178;
	}
	
	#localNav_noCat ul.innerList li {
		margin-bottom: 0;
		padding: 1.5% 0 1.5% 0;
	}
	
	/* 雑誌掲載 */
	.mediaTitle {
		text-align:center;
		background-color: #604c3f;
	}
	.mediaAreaInner {
		overflow:hidden;
	}
	.mediaArea .imgBox {
		width:30.3%;
		float:left;
		margin: 8px 1.5%;
	}
	/* 掲載背景画像 */
	#sub .mediaArea {
	  padding: 0;
	  margin: 0;
	  background: url(../images/parts/sp/box_bg_02_lt2.jpg) no-repeat left top !important;
	  position: relative;
	  z-index: 10;
	}
	
	#sub .mediaArea:after {
	  content: "";
	  position: absolute;
	  top: 0;
	  right: 0;
	  width: 25px !important;
	  height: 100%;
	  background: url(../images/parts/sp/box_bg_02_rt2.jpg) no-repeat right top !important;
	  display: block;
	  z-index: 10;
	}
	
	#sub .mediaArea .mediaAreaInner {
	  background: url(../images/parts/sp/box_bg_02_lb2.jpg) no-repeat left bottom !important;
	  z-index: 15;
	  padding: 15px;
	}
	
	#sub .mediaArea .mediaAreaInner:before {
	  content: "";
	  position: absolute;
	  bottom: 0;
	  right: 0;
	  width: 25px !important;
	  height: 100%;
	  background: url(../images/parts/sp/box_bg_02_rb2.jpg) no-repeat right bottom !important;
	  display: block;
	  z-index: 20;
	}
	
	/* カタログメール便・即日配送サイドバー */
	#sub .subBlockList li.side_bt_cata {
		width:98%;
		margin:0 1% 8px;
		box-sizing:border-box;
		padding: 2%;
	}
	
	#sub .subBlockList li.side_bt_cata .bt_cata_ttl {
		width:100%;
		margin-bottom:2%;
	}
	
	#sub .subBlockList li.side_bt_cata .bt_cata_ttl img {
		float:left;
		width:50%;
	}
	
	#sub .subBlockList li.side_bt_cata .bt_cata_ttl img:last-child{
		margin-top:2%;
	}
	
	#sub .subBlockList li.side_bt_cata ul {
		margin-bottom: 0px;
	}
	
	#sub .subBlockList li.side_bt_cata .bt_hands {
		margin-bottom: 0%;
	}

	/* 春夏秋冬おすすめ ------------------ */
	
	#sub .subBlockList .side_season {
		width: 98%;
		height: auto;
	}
	
	#sub .subBlockList .side_season img.title.sp{
		width: 100%;
		height: auto;
		display: block;
	}
	
	#sub .subBlockList .side_season .pc{
		display: none;
	}
	
	#sub .subBlockList .side_season .season_list{
		width: 96%;
		padding: 0 2% 2% 2%;
		height: auto;
	}
	
	#sub .subBlockList .side_season .season_list li{
		width: 20%;
		padding: 2.5%;
		height: auto;
	}
	
	#sub .subBlockList .side_season .season_list li img{
	}
	
	/*サイドバーリニューアル202104_SP*/
	.leftnav_col{
		padding: 10px 10px 0 10px;
		/*margin-bottom: 10px;*/
		background-color: #f3f3f3;
	}

	.leftnav_header{
		margin-bottom: 10px;
	}

	.leftnav_header p,
	.leftnav_season {
		width: 100%;
		text-align: center;
		box-sizing: border-box;
	}

	.leftnav_howto p{
		text-align: center;
	}
	
	.leftnav_submenu,
	.leftnav_menu,
	.leftnav_season ul{
		width: 100%;
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}

	.leftnav_menu li,
	.leftnav_season ul li{
		width: calc(50% - 5px);
		margin-bottom: 10px;
		background-color: #fff;
		border-radius: 5px;
		height: 50px;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		border-bottom: none;
	}

	.leftnav_catalogmenu li{
  		display: flex;
		padding: 13px 20px 13px 30px;
  		box-sizing: border-box;
  		border-bottom: 1px solid #ccc;
		position: relative;
	}

	.catalogmenu_img{
		width: 20%;
  		box-sizing: border-box;
  		display: block;
  		margin: auto 0;
	}


	.leftnav_catalogmenu li a{
  		width:80%;
  		box-sizing: border-box;
  		font-size: 13px;
  		margin: auto 0 auto 0px;
  		text-decoration: none;
	}


	.leftnav_submenu li{
		width: 50%;
		box-sizing: border-box;
		height: 50px;
		display: flex;
		-webkit-align-items: center;
		align-items: center;
		border-bottom:1px solid #ddd;
		/*border-top:1px solid #ddd;*/
	}

	.leftnav_submenu li:nth-child(odd){
		border-right:1px solid #ddd;
	}

	.leftnav_season ul li {
		margin-bottom: 0;
	}
	.leftnav_menu_ttl{
		width: 100%;
		text-align: center;
		box-sizing: border-box;
	}
	.leftnav_bn{
		margin-top: 3em;
	}

	.leftnav_bn li img{
  		width: 85%;
	}
	.leftnav_bn ul {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
	}
	.leftnav_bn ul li {
		width: 50%;
		text-align: center;
	}
	.leftnav_bn ul li img {
		margin-bottom: 0.5em;
	}
	.leftnav_bn ul li p {
	padding: 0 1.5em;
    text-align: left;
	}
}


.topLcashless__img{
	max-width: 100%;
}