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


/* 共通
------------------------------------------ */
#container.column-1 {
    width: 100%;
}
#container {
    margin-bottom: 0;
}
.fs-c-productList {
    display: none;
}
header#pc .header_inner {
    margin-bottom: 0;
    height: 190px;
}
.cover{
	height: calc(100vh - 190px);
	width: 100%;
	background: url("https://madrigal.itembox.design/item/img/feature/feature_2020/cover.jpg");
	background-size: cover;
	background-position: center center;
	text-align: center;
	position: relative;
}
.cover .title{
	position: absolute;
	top: 40%;
	left: 30%;
	font-family: 'Noto Sans JP', sans-serif;
	letter-spacing: 0.2em;
	font-size: 3rem;
}
.cover .title .shop_name{
	font-size: 1.6rem;
	margin-bottom: 2rem;
}
.cover .title .feature_title{
	margin-bottom: 1rem;
}
.scroll{
	position: absolute;
	bottom: 35px;
	left: 0;
	right: 0;
	margin: auto;
}
@keyframes Blinking {
  0% {opacity: 0.2;}
  100% {opacity: 1;}
}
.scroll{
    animation: Blinking 1.5s ease infinite alternate;
}
.title_name{
	font-size: 3.5rem;
}
.scroll_txt{
	font-size: 1.2rem;
	margin-bottom: 5px;
}
.scroll_icon img{
	width: 17px;
}
.guide{
	text-align: center;
	padding-top: 150px;
	padding-bottom: 150px;
}
.guide .pick-up-brand{
	margin-bottom: 8rem;
	font-size: 2.5rem;
	letter-spacing: 0.2em;
}
.guide a{
	color: #333333;
	padding: 10px 20px 10px 20px;
	border-radius: 5px;
}
.guide a:hover{
	background: #333333;
	color: #ffffff;
}
.guide ul{
	margin-bottom: 50px;
}
.guide ul li{
	display: inline-block;
	margin-right: 10px;
}
.guide ul li:last-child{
	margin-right: 0;
}
.group{
	height: 500px;
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.group .image{
	height: 500px;
	width: calc(100% / 2);
	background: url("https://madrigal.itembox.design/item/img/feature/feature_2020/AdobeStock_143791933.jpeg");
	background-size: cover;
	background-position: center center;
	text-align: center;
	display: table;
	position: relative;
}
.group .image .brand_name{
	width: 100%;
	display: table-cell;
  	vertical-align: middle;
	color: #333;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 2rem;
}
.group .image a{
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: table;
}
.group .image a .txt{
	opacity: 0;
	transition: 0.2s ease;
	display: table-cell;
  	vertical-align: middle;
	color: #333;
}
.group .image a:hover .txt{
	background: rgba(0,0,0,0.2);
	opacity: 1;
	color: #fff;
}
.group .image a:hover~.brand_name{
	display: none;
}
.group .items{
	width: calc(100% / 2);
	height: 500px;
}
.group .items>ul{
	display: flex;
}
.group .items>ul>a{
	display: block;
}
.group .items>ul>a>li{
	width: 100%;
	text-align: center;
	display: table;
	opacity: 0;
	transition: 0.2s ease;
}
.group .items>ul>a:hover>li{
	background: rgba(0,0,0,0.2);
	opacity: 1;
}
.group .items>ul>a>li>ul{
	font-size: 1.2rem;
	line-height: 1.5;
	color: #fff;
	display: table-cell;
  	vertical-align: middle;
}
.group .items>ul>a>li>ul>li.name{
	margin-top: 5px;
}
.group .items>ul>a>li>ul>li.txt{
	margin-top: 20px;
}
.group.typeA{
	height: 500px;
}
.group.typeA .image{
	height: 500px;
}
.group.typeA .image a{
	height: 500px;
}
.group.typeA .items>ul{
	flex-wrap: wrap;
}
.group.typeA .items>ul>a{
	width: calc(100% / 3);
	height: 500px;
}
.group.typeA .items>ul>a>li{
	height: 500px;
}
.group.typeB .image a{
	height: 500px;
}
.group.typeB .items>ul>a{
	width: calc(100% / 3);
	height: 500px;
}
.group.typeB .items>ul>a>li{
	height: 500px;
}
.group.typeC .image a{
	height: 500px;
}
.group.typeC .items>ul>a{
	width: calc(100% / 2);
	height: 500px;
}
.group.typeC .items>ul>a>li{
	height: 500px;
}
.group:nth-of-type(2n) .image{
	order: 2;
}
.group:nth-of-type(2n) .items{
	order: 1;
}

/* 画像
------------------------------------------ */

.group.ebagos .image .brand_name img{
	width: 150px;
}
.group.ebagos .image{
	background: url("https://madrigal.itembox.design/item/img/feature/feature_2020/ebagos_image.jpg");
	background-size: cover;
	background-position: center center;
}
.group.ebagos .items>ul>a.item01{
	background: url("https://madrigal.itembox.design/item/img/feature/feature_2020/ebagos_item01.jpg");
	background-size: cover;
	background-position: center center;
}
.group.ebagos .items>ul>a.item02{
	background: url("https://madrigal.itembox.design/item/img/feature/feature_2020/ebagos_item02.jpg");
	background-size: cover;
	background-position: center center;
}
.group.ebagos .items>ul>a.item03{
	background: url("https://madrigal.itembox.design/item/img/feature/feature_2020/ebagos_item03.jpg");
	background-size: cover;
	background-position: center center;
}
.group.ebagos .items>ul>a.item04{
	background: url("https://madrigal.itembox.design/item/img/feature/feature_2020/ebagos_item04.jpg");
	background-size: cover;
	background-position: center center;
}
.group.ebagos .items>ul>a.item05{
	background: url("https://madrigal.itembox.design/item/img/feature/feature_2020/ebagos_item05.jpg");
	background-size: cover;
	background-position: center center;
}
.group.ebagos .items>ul>a.item06{
	background: url("https://madrigal.itembox.design/item/img/feature/feature_2020/ebagos_item06.jpg");
	background-size: cover;
	background-position: center center;
}
.group.dosa .image .brand_name img{
	width: 80px;
}
.group.dosa .image{
	background: url("https://madrigal.itembox.design/item/img/feature/feature_2020/dosa_image.jpg");
	background-size: cover;
	background-position: center center;
}
.group.dosa .items>ul>a.item01{
	background: url("https://madrigal.itembox.design/item/img/feature/feature_2020/dosa_item01.jpg");
	background-size: cover;
	background-position: center center;
}
.group.dosa .items>ul>a.item02{
	background: url("https://madrigal.itembox.design/item/img/feature/feature_2020/dosa_item02.jpg");
	background-size: cover;
	background-position: center center;
}
.group.dosa .items>ul>a.item03{
	background: url("https://madrigal.itembox.design/item/img/feature/feature_2020/dosa_item03.jpg");
	background-size: cover;
	background-position: center center;
}
.group.kristensen_du_nord .image .brand_name img{
	width: 120px;
}
.group.kristensen_du_nord .image{
	background: url("https://madrigal.itembox.design/item/img/feature/feature_2020/kristensen_du_nord_image.jpg");
	background-size: cover;
	background-position: center center;
}
.group.kristensen_du_nord .items>ul>a.item01{
	background: url("https://madrigal.itembox.design/item/img/feature/feature_2020/kristensen_du_nord_item01.jpg");
	background-size: cover;
	background-position: center center;
}
.group.kristensen_du_nord .items>ul>a.item02{
	background: url("https://madrigal.itembox.design/item/img/feature/feature_2020/kristensen_du_nord_item02.jpg");
	background-size: cover;
	background-position: center center;
}
.group.kristensen_du_nord .items>ul>a.item03{
	background: url("https://madrigal.itembox.design/item/img/feature/feature_2020/kristensen_du_nord_item03.jpg");
	background-size: cover;
	background-position: center center;
}
.group.support_surface .image{
	background: url("https://madrigal.itembox.design/item/img/feature/feature_2020/support_surface_image.jpg");
	background-size: cover;
	background-position: center center;
}
.group.support_surface .items>ul>a.item01{
	background: url("https://madrigal.itembox.design/item/img/feature/feature_2020/support_surface_item01.jpg");
	background-size: cover;
	background-position: center center;
}
.group.support_surface .items>ul>a.item02{
	background: url("https://madrigal.itembox.design/item/img/feature/feature_2020/support_surface_item02.jpg");
	background-size: cover;
	background-position: center center;
}
.group.support_surface .items>ul>a.item03{
	background: url("https://madrigal.itembox.design/item/img/feature/feature_2020/support_surface_item03.jpg");
	background-size: cover;
	background-position: center center;
}
.group.noguchi .image .brand_name img{
	width: 100px;
}
.group.noguchi .image{
	background: url("https://madrigal.itembox.design/item/img/feature/feature_2020/noguchi_image.jpg");
	background-size: cover;
	background-position: center center;
}
.group.noguchi .items>ul>a.item01{
	background: url("https://madrigal.itembox.design/item/img/feature/feature_2020/noguchi_item01.jpg");
	background-size: cover;
	background-position: center center;
}
.group.noguchi .items>ul>a.item02{
	background: url("https://madrigal.itembox.design/item/img/feature/feature_2020/noguchi_item02.jpg");
	background-size: cover;
	background-position: center center;
}
.group.noguchi .items>ul>a.item03{
	background: url("https://madrigal.itembox.design/item/img/feature/feature_2020/noguchi_item03.jpg");
	background-size: cover;
	background-position: center center;
}
.group.drogheria .image{
	background: url("https://madrigal.itembox.design/item/img/feature/feature_2020/drogheria_image.jpg");
	background-size: cover;
	background-position: center center;
}
.group.drogheria .items>ul>a.item01{
	background: url("https://madrigal.itembox.design/item/img/feature/feature_2020/drogheria_item01.jpg");
	background-size: cover;
	background-position: center center;
}
.group.drogheria .items>ul>a.item02{
	background: url("https://madrigal.itembox.design/item/img/feature/feature_2020/drogheria_item02.jpg");
	background-size: cover;
	background-position: center center;
}
.group.ataraxia .image{
	background: url("https://madrigal.itembox.design/item/img/feature/feature_2020/ataraxia_image.jpg");
	background-size: cover;
	background-position: center center;
}
.group.ataraxia .items>ul>a.item01{
	background: url("https://madrigal.itembox.design/item/img/feature/feature_2020/ataraxia_item01.jpg");
	background-size: cover;
	background-position: center center;
}
.group.ataraxia .items>ul>a.item02{
	background: url("https://madrigal.itembox.design/item/img/feature/feature_2020/ataraxia_item02.jpg");
	background-size: cover;
	background-position: center center;
}
.group.ataraxia .items>ul>a.item03{
	background: url("https://madrigal.itembox.design/item/img/feature/feature_2020/ataraxia_item03.jpg");
	background-size: cover;
	background-position: center center;
}
.group.soutiencollar .image{
	background: url("https://madrigal.itembox.design/item/img/feature/feature_2020/zattu_image.jpg");
	background-size: cover;
	background-position: center center;
}
.group.soutiencollar .items>ul>a.item01{
	background: url("https://madrigal.itembox.design/item/img/feature/feature_2020/zattu_item01.jpg");
	background-size: cover;
	background-position: center center;
}
.group.soutiencollar .items>ul>a.item02{
	background: url("https://madrigal.itembox.design/item/img/feature/feature_2020/zattu_item02.jpg");
	background-size: cover;
	background-position: center center;
}
.group.soutiencollar .items>ul>a.item03{
	background: url("https://madrigal.itembox.design/item/img/feature/feature_2020/zattu_item03.jpg");
	background-size: cover;
	background-position: center center;
}
.group.antipast .image .brand_name img{
	width: 150px;
}
.group.antipast .image{
	background: url("https://madrigal.itembox.design/item/img/feature/feature_2020/antipast_image.jpg");
	background-size: cover;
	background-position: center center;
}
.group.antipast .items>ul>a.item01{
	background: url("https://madrigal.itembox.design/item/img/feature/feature_2020/antipast_item01.jpg");
	background-size: cover;
	background-position: center center;
}
.group.antipast .items>ul>a.item02{
	background: url("https://madrigal.itembox.design/item/img/feature/feature_2020/antipast_item02.jpg");
	background-size: cover;
	background-position: center center;
}
.group.antipast .items>ul>a.item03{
	background: url("https://madrigal.itembox.design/item/img/feature/feature_2020/antipast_item03.jpg");
	background-size: cover;
	background-position: center center;
}
.group.caseycasey .image{
	background: url("https://madrigal.itembox.design/item/img/feature/feature_2020/casey_image.jpg");
	background-size: cover;
	background-position: center center;
}
.group.caseycasey .items>ul>a.item01{
	background: url("https://madrigal.itembox.design/item/img/feature/feature_2020/casey_item01.jpg");
	background-size: cover;
	background-position: center center;
}
.group.caseycasey .items>ul>a.item02{
	background: url("https://madrigal.itembox.design/item/img/feature/feature_2020/casey_item02.jpg");
	background-size: cover;
	background-position: center center;
}
.group.caseycasey .items>ul>a.item03{
	background: url("https://madrigal.itembox.design/item/img/feature/feature_2020/casey_item03.jpg");
	background-size: cover;
	background-position: center center;
}

@media screen and (max-width: 750px) {

.cover{
	height: calc(100vh - 105px);
}
.title_name{
	font-size: 2rem;
}
.scroll_txt{
	font-size: 1rem;
	margin-bottom: 3px;
}
	
.guide{
	padding-top: 50px;
	padding-bottom: 50px;
}
.guide .pick-up-brand{
	margin-bottom: 3rem;
	font-size: 1.8rem;
	letter-spacing: 0.2em;
}
.guide a{
	padding: 10px 20px 10px 20px;
	border-radius: 0;
	display: block;
}
.guide ul{
	margin-bottom: 0;
}
.guide ul li{
	display: block;
	margin-right: 0;
	margin-bottom: 10px;
}
.guide ul li:last-child{
	margin-bottom: 0;
}
	
.group{
	justify-content: flex-start;
	flex-direction: column;
	height: auto;
}
.group .image{
	height: 300px;
	width: 100%;
}
.group .items>ul>a>li>ul{
	display: none;
}
.group.typeA{
	height: auto;
}
.group.typeA .image{
	height: 300px;
}
.group.typeA .image a{
	height: 300px;
}
.group.typeA .image a .txt{
	display: none;
}
.group.typeA .items>ul>a{
	width: calc(100% / 2);
	height: 150px;
}
.group.typeA .items>ul>a>li{
	height: 150px;
}
.group.typeB .image a{
	height: 300px;
}
.group.typeB .image a .txt{
	display: none;
}
.group.typeB .items>ul>a{
	width: calc(100% / 3);
	height: 200px;
}
.group.typeB .items>ul>a>li{
	height: 200px;
}
.group.typeC .image a{
	height: 300px;
}
.group.typeC .items>ul>a{
	width: calc(100% / 2);
	height: 200px;
}
.group.typeC .items>ul>a>li{
	height: 200px;
}
.group .items{
	width: 100%;
	height: auto;
}
.group:nth-of-type(2n) .image{
	order: 1;
}
.group:nth-of-type(2n) .items{
	order: 2;
}
.group.ataraxia .image{
	background-size: cover;
	background-position: left top;
}

}