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

body {
		background: #050706;
		font-family:"Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	}
	#main_img {
		background: url("https://www.modern-deco.jp/feature/vintage/img/vintage_lp_main_sp.webp") no-repeat top center;
		background-size: contain;
		height: 35rem;
	}
	#main_img_pc_content {
		display: none;
	}
	.items {
		margin-bottom: 4rem;
	}
	.item_box {
		margin-top: 0;
	}
	.items h2.title {
		background: #ffffff;
		font-size: 3.8rem;
		color: #050706;
		font-weight: normal;
		font-family: "alternate-gothic-no-2-d", sans-serif;
		display: inline-block;
		padding: 0.6rem 1.1rem 0;/*padding-topは0.6rem多く設定*/
		margin-bottom: -1rem;
		z-index: 9999;
		position: relative;
	}
	.item_wrap {
		background: #050706;
	}

	.item_wrap .rank_wrap {
		display: none;
	}
	.item_wrap .item_img {
		background: #050706;
		padding: 0;
	}
	.item_wrap .item_description {
		color: #f5ebd0;
		background: #050706;
		padding-left: 0;
		padding-right: 0;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		width: 100%;
	}
	.item_cate {
		color: #f5ebd0;
	}
	.item_name {
		color: #f5ebd0;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.item_wrap .item_icons {
		color: #f5ebd0;
	}
	.item_wrap .item_icons i { 
		border: 1px solid #f5ebd0;
	}
	.item_wrap .item_icons i:last-child { 
		border-right: 1px solid #f5ebd0;
	}
	.item_wrap .item_icons .item_off {
		color: #050706;
		background: #f5ebd0;
	}
	.item_wrap .item_icons .item_delivery {
		color: #f5ebd0;
		background: #050706;
	}
	.android .item_wrap .item_icons .item_delivery {
		padding-bottom: 0.4rem;
		padding-right: 0.3rem;
		box-sizing: border-box;
	}
	.item_wrap .item_sale_price {
		color: #f5ebd0;
	}
	.item_wrap .item_more_link {
		display: none;
	}
	section.pick_up h2.title {
		background: #050706;
		font-size: 3.6rem;
		color: #ffffff;
		display: block;
		padding: 0.6rem 0.9rem 0;/*padding-topは0.6rem多く設定*/
		margin-bottom: 0;
	}
	section.pick_up span.sub_title {
		color: #ffffff;
		font-size: 0.9rem;
		font-weight: bold;
		display: block;
		margin-bottom: 0.5em;
	}
	section.three_culumn .item_box {
		width: 33.33%;
		margin-top: 2rem;
		padding: 0 0.5rem 0;
	}
	section.three_culumn .item_wrap {
		width: 100%;
		padding: 0;
		margin: 0;
	}
	section.three_culumn .item_box .item_img {
		width: 100%;
		margin: 0;
		paddding: 0;
	}
	section.three_culumn .item_box img {
		width: 100%;
		height: auto;
	}
	section.three_culumn .item_description {
		width: 100%;
		padding-right: 0.5rem;	
	}
	section.three_culumn .item_description span.item_name {
		width: 100%;
	}
	.slider {
		margin: 0;
		padding: 0;
	}
	h4.product {
		display: block;
		text-align: center;
		font-size: 0;
	}
	h4.product span {
		font-size: 1.6rem;
		color: rgba(255,255,255,0.4);
		font-family: "alternate-gothic-no-2-d", sans-serif;
		font-weight: normal;
		display: inline-block;
		padding-bottom: 0;
		position: relative;
	}
	h4.product span:after {
		content: "";
		display: block;
		width: 100%;
		border-bottom: solid 1px rgba(255,255,255,0.4);
		position: absolute;
		bottom: 1px;
		left: 0;
	}
	h4.second_product {
		margin-bottom: 0.3rem;
	}
	h4.second_product span {
		margin-bottotm: 0;
	}
	h4.third_product {
		margin-bottom: 2rem;
	}
	.items .sentence_title {
		font-family: "a-otf-ryumin-pr6n", Georgia, 游明朝, "Yu Mincho",YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
		color: #ffffff;
		font-size: 1.8rem;
		font-weight: 600;
		margin-top: 3.5rem;
		letter-spacing: 0.05rem;
		margin-bottom: 1.7rem;
	}
	.items .sentence {
		font-family: "a-otf-ryumin-pr6n", Georgia, 游明朝, "Yu Mincho",YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
		color: #ffffff;
		font-size: 0.9rem;
		letter-spacing: 0.1rem;
		line-height: 1.7rem;
		margin-bottom: 3.5rem;
		font-weight: normal;
	}
	footer .footer_logo_link {
		display: inline-block;
	}
	footer .footer_logo {
		opacity: 0.5;
		width: 19.5rem;
		height: auto;
		display: block;
		margin: 0 auto;
	}
	footer #f_navi_pc {
		display: none;
	}
	footer .logo_caption {
		font-size: 0.85rem;
		color: #ffffff;
		opacity: 0.5;
		margin-top: 1.7rem;
		margin-bottom: 1.7rem;
		display: block;
	}
	footer #f_navi_sp li a {
		color: #ffffff;
		font-size: 1.1rem;
		border: 1px solid #777777;
		padding-top: 1.4rem;
		padding-bottom: 1.4rem;
		width: 92%;
		margin: 0 auto 1rem;
		background: url("https://www.rakuten.ne.jp/gold/dondon/lp/img/link.svg") no-repeat 95% center;
		background-size: 1.1rem 1.1rem;
	}
	footer .copyright {
		margin-top: 1.9rem;
		padding-bottom: 2.3rem;
	}
	footer .copyright_left {
		display: none;
		color: red;
	}
	
	
	
	
	/*  ---------------------PC版--------------------------------------  */
	
	
	@media screen and (min-width: 640px) {
		#main_img {
			background: url("https://www.modern-deco.jp/feature/vintage/img/vintage_lp_main_pc.webp") no-repeat center bottom;
			background-size: cover;
			height: 600px;
			margin-bottom: 4rem;
		}
		#main_img_pc_content {
			display: block;
			box-sizing: border-box;
			padding-top: 60px;
		}
		#main_img_pc_content img#main_logo {
			width: 350px;
			height: auto;
			margin: 60px auto 60px;
			display: block;
		}
		#main_img_pc_content img#modandeco_presents {
			width: 240px;
			height: auto;
			display: block;
			margin: 0 auto;
			box-sizing: border-box;

		}
		#main_img_pc_content p {
			color: rgba(255,255,255,0.6);
			font-family: "a-otf-ryumin-pr6n", Georgia, 游明朝, "Yu Mincho",YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
			font-weight: lighter;
			letter-spacing: .5rem;
			font-size: 1.2rem;
		}
		.items {
			max-width: 1030px;
			padding-left: 1rem;
			padding-right: 1rem;
			box-sizing: border-box;
		}
		.items .item_boxies {
			margin-bottom: 6.2rem;
		}
		.items .item_boxies .item_box {
			width: 25%;
		}
		.item_wrap {
			border: solid 1px rgba(255,255,255,0.6);
			box-sizing: border-box;
			padding: 1.2rem!important;
			width: 100%;
		}
		.item_wrap .item_description {
			padding-bottom: 0;
			margin: 0.5rem 0 0 0;
			box-sizing: border-box;
		}
		.item_cate {
			color: #ffffff;
		}
		.item_name {
			color: #ffffff;
			line-height: 0.8rem;
		}
		.item_wrap .item_icons {
			color: #ffffff;
		}
		.item_wrap .item_icons i {  
			border: 1px solid #ffffff;
		}
		.item_wrap .item_icons i:last-child { 
			border-right: 1px solid #ffffff;
		}
		.item_wrap .item_icons .item_off {
			background: #ffffff;
		}
		.item_wrap .item_icons .item_delivery {
			color: #ffffff;
		}
		.item_wrap .item_sale_price {
			color: #ffffff;
		}
		.item_wrap, .item_cate, .item_name, .item_icons, .item_delivery, .item_sale_price, .item_icons i, .item_off {
			transition: 0.2s;
		}
		.item_wrap:hover .item_description {
			background: url("https://www.rakuten.ne.jp/gold/dondon/lp/img/plus_icon.svg") no-repeat right bottom;
		}
		.item_wrap:hover .item_cate, .item_wrap:hover .item_name, item_wrap:hover .item_icons, .item_wrap:hover .item_icons .item_delivery, .item_wrap:hover .item_sale_price {
			color: #f5ebd0;
		}
		.item_wrap:hover, .item_wrap:hover .item_icons i { 
			border: 1px solid #f5ebd0;
		}
		.item_wrap:hover .item_icons i:last-child { 
			border-right: 1px solid #f5ebd0;
		}
		.item_wrap:hover .item_icons .item_off {
			background: #f5ebd0;
		}
		section.pick_up span.sub_title {
			margin-bottom: 0.5rem;
		}
		section.three_culumn .item_boxies .item_box {
			width: 33.33%;
		}
		section.three_culumn .item_wrap .item_img {
			width: 50%;
			padding-right: 1.2rem;
		}
		section.three_culumn .item_wrap .item_description {
			width: 50%;
			padding-top: 0;
		}
		section.items:nth-child(4)/*#Diningの上*/ {
			margin-top: -0.6rem;
		}
		.items .sentence_title {
			text-align: left;
			margin-top: 2.3rem;
			margin-bottom: 0.9rem;
			font-size: 1.9rem;
		}
		.items .sentence {
			text-align: left;
			margin-bottom: 2.3rem;
		}
		.items .sentence br {
			display: none;
		}
		h4.product {
			text-align: left;
			font-size: 0;
		}
		h4.second_product {
			margin-bottom: -0.8rem;
		}
		h4.third_product {
			margin-bottom: 0.5rem;
		}
		h4.product span {
			font-size: 1.28rem;
			color: rgba(255,255,255,0.4);
			margin-bottom: 0;
		}
		footer {
			margin-bottom: 1rem;
			margin-top: -0.5rem;
		}
		footer #f_navi_pc {
			display: block;
			margin-top: 2.3rem;
		}
		footer #f_navi_pc ul {
			display: flex;
			max-width: 770px;
			margin: 0 auto;
			box-sizing: border-box;
			padding-left: 1rem;
			padding-right: 1rem;
			justify-content: space-between;
		}
		footer #f_navi_pc li a {
			font-size: 0.9rem;
			color: rgba(255,255,255,0.6);
			display: inline-block;
			transition: 0.2s;
			vertical-align: middle;
		}
		footer #f_navi_pc li a:hover {
			color: rgba(255,255,255,1);
		}
		footer #f_navi_pc li a span {
			display: inline-block;
			vertical-align: middle;
			margin: 0;
			padding: 0;
		}
		footer #f_navi_pc li a img {
			display: inline-block;
			width: auto;
			height: 0.75rem;
			vertical-align: middle;
			padding-top: 0;
			padding-right: 0;
			padding-left: 0.3rem;
			padding-bottom: 0.05rem;
			margin: 0;
		}
		footer #f_navi_sp {
			display: none;
		}
		footer .footer_logo {
			width: 18.8rem;
			margin-bottom: 0.12rem;	
		}
		footer .logo_caption {
			display: none;
		}
		footer .copyright {
			font-size: 0.5rem;
			margin-top: 2.5rem;
			padding-bottom: 5rem;
		}
		footer .copyright_left {
			display: inline-block;
			font-size: 0.5rem;
			color: rgba(255,255,255,0.6);
			border-right: 1px solid rgba(255,255,255,0.25);
			padding-top: 0.1rem;
			padding-bottom: 0.1rem;
			padding-right: 1rem;
			margin-right: 1rem;
		}
		
		
		
	}