@charset "UTF-8";

/*
■ 共通
■ 導入
■ セクション
■ 注意書き
■ おすすめ特集
*/


/* ■ 共通 ==================================================================================== */

/* 進む（LinkFwd） */
.LinkFwd:after {
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.LinkFwd,
.LinkBack,
.LinkDown,
.LinkUp {
display: inline-block;
position: relative;
}

.LinkFwd:after,
.LinkBack:after,
.LinkDown:after,
.LinkUp:after {
display: block;
position: absolute;
content: '';
}

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

	.LinkFwd,
	.LinkBack,
	.LinkDown,
	.LinkUp {
	padding-right: 1.6rem;
	}

	.LinkFwd:after,
	.LinkBack:after,
	.LinkDown:after,
	.LinkUp:after {
	top: 50%;
	right: 0;
	width: 0.8rem;
	height: 0.8rem;
	margin-top: -0.4rem;
	border-top: solid 0.2rem;
	border-right: solid 0.2rem;
	}

	.List_Link li {
	display: inline-block;
	font-size: 1.4rem;
	}

	.List_Link li:not(:first-child) {
	margin-left: 1.5rem;
	}

	.ItemList_Wrap {
	padding-bottom: 4rem;
	}

}

@media print, screen and (min-width: 768px) {

	.LinkFwd,
	.LinkBack,
	.LinkDown,
	.LinkUp {
	padding-right: 1.6rem;
	}

	.LinkFwd:after,
	.LinkBack:after,
	.LinkDown:after,
	.LinkUp:after {
	top: 50%;
	right: 0;
	width: 0.8rem;
	height: 0.8rem;
	margin-top: -0.35rem;
	border-top: solid 0.2rem;
	border-right: solid 0.2rem;
	}

	.List_Link li {
	display: inline-block;
	font-size: 1.6rem;
	}

	.List_Link li:not(:first-child) {
	margin-left: 2rem;
	}

}


/* ■ 導入 ==================================================================================== */

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

	.Intro .LeadTitle {
	margin-top: 1.6rem;
	font-size: 1.4rem;
	line-height: 2;
	}

	.Intro .Intro_Update {
	display: block;
	font-size: 1.5rem;
	font-weight: 700;
	color: var(--attention-attention-2);
	}

	.Intro .Notice_Note {
	display: block;
	margin-top: 1rem;
	font-size: 1.1rem;
	font-weight: 400;
	line-height: 1;
	/* color: var(--attention-attention-2); */
	}
	
}

@media print, screen and (min-width: 768px) {

	.Intro {
	display: flex;
	align-items: center;
	}
		
	.Intro h1.Title {
    width: 40rem;
	}
	
	.Intro .LeadTitle {
    flex: 1;
    margin-left: 4rem;
	margin-top: -1rem;
	font-size: 1.6rem;
	line-height: 2.0;
	}

	.Intro .Intro_Update {
	display: block;
	margin-bottom: 0.5rem;
	font-size: 1.7rem;
	font-weight: 700;
	color: var(--attention-attention-2);
	}

	.Intro .Notice_Note {
	display: block;
	margin-top: 1rem;
	font-size: 1.2rem;
	font-weight: 400;
	line-height: 1;
	color: var(--attention-attention-2);
	}
	
}



/* ■ セクション ==================================================================================== */

/*
カテゴリから選ぶ
ブランドから選ぶ
*/

.SectionItems .MdsUnit.BorderL:before {	
background: #0f6ab4;
}

.SectionItems .MdsUnit h2.Mds {
color: #0f6ab4;
}

.SectionItems .MdsUnit h2.Mds span {
display: inline-block;
vertical-align: middle;
}

.SectionItems .MdsUnit h2.Mds .Date {
display: inline-block;
font-weight: 400;
color: #000;
}

.SectionItems .MdsUnit h2.Mds .IconNew {
background: var(--attention-attention-2);
color: #fff;
}

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

	.SectionItems {
	margin-top: 4rem;
	}

	.SectionItems .MdsUnit h2.Mds {
	margin: 0;
	font-size: 1.7rem;
	line-height: 1.6em;
	}

	.SectionItems .MdsUnit h2.Mds .Date {
	margin-left: 0.8rem;
	font-size: 1.1rem;
	}

	.SectionItems .MdsUnit h2.Mds .IconNew {
	margin-right: 0.5rem;
	padding: 0 0.5rem;
	}

	.SectionItems .MdsUnit h3.Mds {
	margin-top: 4rem;
	padding-top: 1.2rem;		
	font-size: 1.6rem;
	border-top: 1px solid var(--base-middle);
	}	
	
	.SectionItems .MdsUnit .MdsNotice {
	margin-top: 0.5rem;
	}

	.SectionItems .MdsUnit .MdsNotice_Period {
	display: inline-block;
	margin-top: 0.5rem;
	margin-right: 1rem;
	padding: 0.6rem 1rem;
	font-size: 1.3rem;
	line-height: 1;
	font-weight: 700;
	text-align: center;
	color: #fff;
	background-color: var(--attention-attention-2);
	}

	.SectionItems .MdsUnit .MdsNotice_Note {
	display: inline-block;
	margin-top: 0.5rem;
	font-size: 1.1rem;
	line-height: 1;
	color: var(--attention-attention-2);
	}

	.SectionItems .MdsUnit .LeadMain {
	margin-top: 0.6rem;
	font-size: 1.4rem;
	line-height: 1.8em;
	}

	.SectionItems .ItemListCPWrap {
	margin-top: 0.5rem;
	}

	.GenreList_Wrap {
	margin-top: 1rem;		
	}

	.SectionItems .LinkFwdR {
	margin-top: 1.6rem;
	}
	
	.SectionItems .LinkFwdR a {
    padding-left: 1.8rem;
    background: url(/images_rev2/common/icon/Icon_Allow_Blue.png) no-repeat;
    background-position: 0 50%;
    background-size: 1.2rem auto;
	}

	.Outlet_Banner {
	margin-top: 3.2rem;
	}

	/* カテゴリから選ぶ --------------------------------------------------- */

	#Cate2 {
	margin-top: 4rem;
	}

	#Cate2 .MdsUnit h3.Mds {
	margin-top: 2.4rem;
	}	

	#Cate2 .List_Link {
	margin-top: 0.5rem;
	}	
			
	/* ブランドから選ぶ --------------------------------------------------- */

	#Sec_Brand {
	margin-top: 3.5rem;
	}
	
	#Sec_Brand .MdsUnit h3.Mds {
	margin-top: 0;
	}		

	/* 人気ランキング --------------------------------------------------- */

	#Sec_Package {
	margin-top: 3rem;
	}
	
}

@media print, screen and (min-width: 768px) {

	.SectionItems {
	margin-top: 10rem;
	}
	
	.SectionItems .MdsUnit h2.Mds {
	margin-top: 1.5rem;
	}

	.SectionItems .MdsUnit h2.Mds .Date {
	margin-left: 1.5rem;
	font-size: 1.4rem;
	}

	.SectionItems .MdsUnit h2.Mds .IconNew {
	margin-right: 0.8rem;
	padding: 0 0.8rem;
	}		

	.SectionItems .MdsUnit h3.Mds {
	padding-top: 1.6rem;	
	font-size: 2.2rem;
	border-top: 1px solid var(--base-middle);
	}

	.SectionItems .MdsUnit .MdsNotice {
	display: flex;
	align-items: center;
	margin-top: 1.2rem;
	}
	
	.SectionItems .MdsUnit .MdsNotice_Period {
	display: inline-block;
	padding: 0.6rem 1rem;
	font-size: 1.4rem;
	line-height: 1;
	font-weight: 700;
	text-align: center;
	color: #fff;
	background-color: var(--attention-attention-2);
	}

	.SectionItems .MdsUnit .MdsNotice_Note {
	display: inline-block;
	margin-left: 0.8rem;
	font-size: 1.2rem;
	line-height: 1;
	color: var(--attention-attention-2);
	}
	
	.SectionItems .MdsUnit .LeadMain {
	margin-top: 1.2rem;
	font-size: 1.6rem;
	line-height: 1.8;
	}

	.SectionItems .ItemListCPWrap {
	margin-top: 3rem;
/* 	margin-top: 5rem; */
	}
	
	.SectionItems .ItemListCP {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 3rem;
	}

	.SectionItems .ItemListCP li {
	width: auto;
	}

	.GenreList_Wrap {
	margin-top: 2rem;
/* 	margin-top: 4rem; */
	}

	.SectionItems .LinkFwdR a {
    padding-left: 2rem;
    background: url(/images_rev2/common/icon/Icon_Allow_Blue.png) no-repeat;
    background-position: 0 60%;
    background-size: 13px auto;
	}
		
	.Outlet_Banner {
	margin-top: 6rem;
	}

	/* カテゴリから選ぶ --------------------------------------------------- */

	#Cate2 {
	margin-top: 6.5rem;
	}	

	#Cate2 h2.Mds .MdsMain {
	display: inline-block;
	vertical-align: middle;
	}

	#Cate2 h2.Mds .List_Link {
	display: inline-block;
	margin-top: -0.6rem;
	margin-left: 5rem;
	vertical-align: middle;
	}

	#Cate2 .MdsUnit h3.Mds {
	margin-top: 3.5rem;
	}	
			
	/* ブランドから選ぶ --------------------------------------------------- */

	#Sec_Brand {
	margin-top: 4rem;
	}

	#Sec_Brand .MdsUnit h3.Mds {
	margin-top: 0rem;
	}

	/* 人気ランキング --------------------------------------------------- */

	#Sec_Package {
	margin-top: 6.5rem;
	}
	
			
}



/* ■ 注意書き ==================================================================================== */

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

	.RequestBox {
	margin-top: 3rem;
	padding: 2.4rem 2.4rem;
	border: 2px solid var(--attention-attention-2);
	}
	
	.RequestBox h3.Mds {
	font-size: 1.8rem;
	color: var(--attention-attention-2);
	}
	
	.RequestBox .ListKomeS {
	margin-top: 1.2rem;
	}

}

@media print, screen and (min-width: 768px) {

	.RequestBox {
	margin-top: 5rem;
	padding: 3.2rem 3.2rem;
	border: 2px solid var(--attention-attention-2);
	}
	
	.RequestBox h3.Mds {
	margin-bottom: 1.6rem;
	font-size: 2.4rem;
	color: var(--attention-attention-2);
	}
	
	.RequestBox .ListKomeS {
	margin-top: 1.5rem;
	}

}



/* ■ おすすめ特集 ==================================================================================== */

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

	.RecommendedMenuCampaign {
	margin-bottom: 0;
	}
	
}

@media print, screen and (min-width: 768px) {

	.RecommendedMenuCampaign {
	margin-bottom: 0;
	}

}


/* ■ 下部バナー ==================================================================================== */

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

	.Outlet_Banner {
    margin-top: 3rem;
    /* padding: 0 1.6rem; */
    }

}

@media print, screen and (min-width: 768px) {

	.Outlet_Banner {
    max-width: 48rem;
    margin: 5rem auto 0;
    }

}