@charset "utf-8";

/***************************************************
PC用および共通設定 974px～
***************************************************/
.h_text{
	display:none;
}
li.last{
	margin-right:0 !important;
}
.clearfix:after {
    content: '';
    display: block;
    clear: both;
}

#container{
	text-align:center;
	background:#fff !important;
	width:100%;
}

#wrp_container{
	width:974px;
	margin:0 auto;
	background-color:#fefbeb;
	padding-bottom:80px;
}
#img_main{
	background:url("/enjoy/mariage/images/img_main.jpg");
	height:416px;

}

#tl_season{
	background:url("/enjoy/mariage/images/tl_season_recipe.jpg");
	height: 92px;
	margin:40px 0 20px 0;

}


#cnt_season{
	width:760px;
	color:#000;
	margin:0 auto;
	text-align:left;
}
#cnt_season ul{
	width:100%;

}
#cnt_season ul li{
	float:left;
	width:357px;
	margin-bottom:25px;
	margin-right:30px;
}
.box_season_recipe{
	background-color:#FBF8E1;
}
.wrp_season_recipe{
	border:3px solid #9DC038;
	box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.1);
	padding:5px;
	height:440px;

}
.cnt_season_recipe{
	position:relative;
	border:1px solid #9DC038;
	padding:18px;
	height:100%;
}
.img_season_recipe img{
	width:100%;
}
.img_season_recipe,.tl_season_recipe,.icon_season_recipe{
	margin-bottom:10px;
}
.tl_season_recipe{
 	font-size:16px;
/*	font-size:120%;*/
	font-weight:bold;
}
.icon_season_recipe{
	width:120px;
}
.icon_season_recipe img{
	width:100%;
}
.txt_season_recipe{
 	font-size:14px;
}
.icon_spring{
	position:absolute;
	top:-1px;
	left:-1px;
}
.icon_spring img{
	width:86px;
	height:86px;
}
/*メニュー*/
#menu_osake ul{
	width:905px;
	height:117px;
	margin:0 auto 20px;
}

#menu_osake ul li{
	float:left;
	margin:0 20px 0 0;
}
#menu_osake ul li a:hover img{
	opacity:1;
	-ms-filter: "alpha(opacity=100)";

}
#menu_osake_sp{
	display:none;
}

/*お酒に合うレシピ*/
#cnt_osake{
	margin:0 auto;
	padding:25px 15px;
	text-align:left;
	width:905px;
}

#tl_shochu{/*焼酎*/
	display:block;
	background:url("/enjoy/mariage/images/tl_shochu.jpg") no-repeat;
	height:43px;
	margin-bottom:25px;

}

#tl_nihonshu{/*日本酒*/
	display:block;
	background:url("/enjoy/mariage/images/tl_nihonshu.jpg") no-repeat;
	height:43px;
	margin-bottom:25px;

}

#tl_wine{/*ワイン*/
	display:block;
	background:url("/enjoy/mariage/images/tl_wine.jpg") no-repeat;
	height:43px;
	margin-bottom:25px;

}

#tl_chuhai{/*チューハイ・カクテル*/
	display:block;
	background:url("/enjoy/mariage/images/tl_chuhai.jpg") no-repeat;
	height:43px;
	margin-bottom:25px;

}

#tl_liqueur{/*リキュール*/
	display:block;
	background:url("/enjoy/mariage/images/tl_liqueur.jpg") no-repeat;
	height:43px;
	margin-bottom:25px;
}
#tl_umeshu{
	display:block;
	background:url("/enjoy/mariage/images/tl_umeshu.jpg") no-repeat;
	height:43px;
	margin-bottom:25px;
}

.shochu{
	background-color:#edcec1;
}

.nihonshu{
	background-color:#b4dbec;
}
.wine{
	background-color:#f7c0cf;
}
.chuhai{
	background-color:#e4c6e0;
}
.liqueur{
	background-color:#cfe4d0;
}
.umeshu{
	background-color:#f3cde5;
}



.shochu ul li.box_osake_recipe{
	box-shadow: 0 0 3px 2px rgba(149, 60, 0, 0.2);
}
.nihonshu ul li.box_osake_recipe{
	box-shadow: 0 0 3px 2px rgba(40, 88, 155, 0.2);
}
.wine ul li.box_osake_recipe{
	box-shadow: 0 0 3px 2px rgba(169, 0, 60, 0.2);
}
.chuhai ul li.box_osake_recipe{
	box-shadow: 0 0 3px 2px rgba(110, 20, 129, 0.2);
}
.liqueur ul li.box_osake_recipe{
	box-shadow: 0 0 3px 2px rgba(85, 149, 65, 0.2);
}
.umeshu ul li.box_osake_recipe{
	box-shadow: 0 0 3px 2px rgba(169, 50, 149, 0.2);
}
li.box_osake_recipe{
	float:left;
	background-color:#FFF;
	padding:10px;
	margin-bottom:20px;
	margin-right:13px;
	width:283px;
	height:400px;

}
.shochu ul li div.tl_osake_recipe{
	color:#953C00;
	background-color:#f8ebe6;
}
.nihonshu ul li div.tl_osake_recipe{
	color:#0069B3;
	background-color:#e1f1f7;
}
.wine ul li div.tl_osake_recipe{
	color:#A9003C;
	background-color:#fce0e8;
}
.chuhai ul li div.tl_osake_recipe{
	color:#6E1481;
	background-color:#f4e8f2;
}
.liqueur ul li div.tl_osake_recipe{
	color:#559541;
	background-color:#ecf4ed;
}
.umeshu ul li div.tl_osake_recipe{
	color:#A93295;
	background-color:#fbebf4;
}
.tl_osake_recipe{
/*	font-size:120%;*/
	font-size:14px;
	font-weight:bold;

	padding:5px;
	height:60px;

}
.img_osake_recipe a img{
	width:100%;
}
.icon_osake_recipe img{
	width:100%;
}

.txt_osake_recipe{
	font-size:12px;
}
.icon_osake_recipe{
	margin:4% 0;
	width:120px;

}

.mariageTopHero {
	position: relative;
}
.mariageTopHero .heroContent.slick-initialized {
	position: relative;
	line-height: 0;
}
.mariageTopHero .heroContent .draggable > div::after {
  display: table;
  content: '';
  clear: both;
}
.mariageTopHero .slick-arrow {
	position: absolute;
	z-index: 2;
	top: 50%;
	transform: translateY(-50%);
	font-size: 0;
	line-height: 0;
	width: 48px;
	height: 48px;
	margin-top: 3px;
	padding: 0;
	cursor: pointer;
	color: transparent;
	border: none;
	outline: none;
	background: #2640a3;
	border-radius: 50%;
}
.mariageTopHero .slick-arrow:hover {
	background-color: #687abf;
}
.mariageTopHero .slick-arrow::before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #fff #fff transparent transparent;
}
.mariageTopHero .slick-prev {
	left: 11px;
}
.mariageTopHero .slick-prev::before {
	transform: rotate(-135deg);
	margin-right: -5px;
}
.mariageTopHero .slick-next {
	right: 11px;
}
.mariageTopHero .slick-next::before {
	transform: rotate(45deg);
	margin-left: -5px;
}
.mariageTopHero .heroItem > a {
	display: flex;
	justify-content: center;
}
.mariageTopHero .heroItem img {
	max-width: 100%;
}
.mariageTopHero .heroItem + .heroItem {
	display: none;
}
.mariageTopHero .heroControl {
	position: absolute;
	display: flex;
	align-items: center;
	justify-content: center;
	bottom: 22px;
	left: 50%;
	transform: translateX(-50%);
	max-width: 80%;
	padding-left: 26px;
}
.mariageTopHero .heroControl .heroPager {
}
.mariageTopHero .heroControl .heroPager .slick-dots {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	line-height: 1;
}
.mariageTopHero .heroControl .heroPager .slick-dots > li {
	cursor: pointer;
	padding-bottom: 2px;
}
.mariageTopHero .heroControl .heroPager .slick-dots > li > span {
	overflow: hidden;
	display: inline-block;
	width: 17px;
	height: 17px;
	margin: 0 3px;
	border: 2px solid #fff;
	border-radius: 50%;
	background-color: #ddd;
	font-size: 0;
	vertical-align: middle;
}
.mariageTopHero .heroControl .heroPager .slick-dots > li > span:hover {
	opacity: .7;
}
.mariageTopHero .heroControl .heroPager .slick-dots > li.slick-active > span {
	background-color: #2640a3;
}
.mariageTopHero .heroControl .heroSwitch {
	position: relative;
	width: 9px;
	height: 20px;
	margin-right: 5px;
	margin-left: 12px;
	cursor: pointer;
}
.mariageTopHero .heroControl .heroSwitch:hover {
	opacity: .7;
}
.mariageTopHero .heroControl .heroSwitch .stop {
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	display: none;
	width: 13px;
	height: 18px;
	font-size: 0;
}
.mariageTopHero .heroControl .heroSwitch .stop::before,
.mariageTopHero .heroControl .heroSwitch .stop::after {
	content: "";
	position: absolute;
	top: 0;
	width: 5px;
	height: 100%;
	background-color: #666;
	border: 1px solid #fff;
	box-sizing: border-box;
}
.mariageTopHero .heroControl .heroSwitch .stop::before {
	left: 0;
}
.mariageTopHero .heroControl .heroSwitch .stop::after {
	right: 0;
}
.mariageTopHero .heroControl .heroSwitch.is-play .stop {
	display: inline-block;
}
.mariageTopHero .heroControl .heroSwitch .play {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	font-size: 0;
	width: 18px;
	height: 18px;
}
.mariageTopHero .heroControl .heroSwitch .play::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	border-style: solid;
	border-width: 9px 0 9px 18px;
	border-color: transparent transparent transparent #fff;
}
.mariageTopHero .heroControl .heroSwitch .play::after {
	content: "";
	position: absolute;
	top: 2px;
	left: 1px;
	border-style: solid;
	border-width: 7px 0 7px 14px;
	border-color: transparent transparent transparent #666;
}
.mariageTopHero .heroControl .heroSwitch.is-play .play {
	display: none;
}

.mariageTopLayout {
	margin-top: 42px;
	padding: 0 20px;
}
.mariageTopLayout + .mariageTopLayout {
	margin-top: 75px;
}
.mariageTopHeading2 .heading2Inner {
	display: flex;
	align-items: center;
}
.mariageTopHeading2 .heading2Inner::before,
.mariageTopHeading2 .heading2Inner::after {
	content: "";
	position: relative;
	width: 100%;
	height: 0;
	margin-top: -4px;
	border-top: 4px dotted #ddd;
}
.mariageTopHeading2 .heading2IconLeft,
.mariageTopHeading2 .heading2IconRight {
	flex-shrink: 0;
}
.mariageTopHeading2.type-seasonal .heading2IconLeft,
.mariageTopHeading2.type-seasonal .heading2IconRight {
	height: 66px;
}
.mariageTopHeading2.type-alcohol .heading2IconLeft,
.mariageTopHeading2.type-alcohol .heading2IconRight {
	height: 86px;
	margin-top: -16px;
}
.mariageTopHeading2.type-appetizer .heading2IconLeft,
.mariageTopHeading2.type-appetizer .heading2IconRight {
	height: 52px;
}
.mariageTopHeading2 .heading2IconLeft > img,
.mariageTopHeading2 .heading2IconRight > img {
	max-width: 100%;
	max-height: 100%;
}
.mariageTopHeading2 .heading2IconLeft {
	margin-left: 22px;
}
.mariageTopHeading2 .heading2IconRight {
	margin-right: 22px;
}
.mariageTopHeading2 .heading2Title {
	flex-shrink: 0;
	max-width: 70%;
	margin: 0 18px;
	color: #333;
	font-size: 2.4rem;
	font-weight: bold;
	line-height: 1.4;
}
.mariageTopHeading2 .heading2Title > span {
	font-size: 2.8rem;
}
.mariageTopCardList {
	display: flex;
	flex-wrap: wrap;
	margin-top: 18px;
}
.mariageTopCardList .draggable > div::after {
		display: table;
		content: '';
		clear: both;
	}
.mariageTopCard {
	width: calc((100% - (20px * 3)) / 4);
}
.mariageTopCard:not(:nth-child(4n+1)) {
	margin-left: 20px;
}
.mariageTopCard .cardLink {
	display: block;
	position: relative;
	width: 100%;
	overflow: hidden;
}
.mariageTopCard .cardLink > *:first-child {
	margin-top: 0;
}
.mariageTopCard .cardHead {
	display: flex;
	justify-content: center;
}
.mariageTopCard .cardBody {
	margin-top: 12px;
	text-align: left;
}
.mariageTopCard .cardImage {
	border-radius: 10px;
	overflow: hidden;
}
.mariageTopCard .cardImage > img {
	max-width: 100%;
}
.mariageTopCard .cardTitle {
	color: #2640a3;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.4;
}
.mariageTopCard .cardIcon {
	display: inline-block;
	margin-top: 10px;
	padding: 0 5px 0;
	border-radius: 3px;
	border: 1px solid #909090;
	font-size: 1.1rem;
	color: #909090;
	background-color: #fff;
	font-style: normal;
}
.mariageTopRecommendedControl {
	display: none;
}

.mariageTopNavWrap {
	display: flex;
	margin-top: 55px;
	padding: 0 20px;
}
.mariageTopNavWrap + .mariageTopLayout {
	margin-top: 96px;
}
.mariageTopNav {
	width: calc((100% - 20px) / 2);
	padding: 25px 10px;
	border-radius: 10px;
	background-color: #fff;
}
.mariageTopNav + .mariageTopNav {
	margin-left: 20px;
}
.mariageTopNav .navTitle {
	padding-bottom: 7px;
	border-bottom: 2px dotted #ddd;
	color: #333;
	font-size: 2.2rem;
	line-height: 1.4;
	font-weight: bold;
	text-align: center;
}
.mariageTopNav .navWrap {
	margin-top: 16px;
}
.mariageTopNav .navList {
	display: flex;
	flex-wrap: wrap;
}
.mariageTopNav .navList > li {
	width: calc((100% - 11px) / 2);
	border: 2px solid #ccc;
	border-radius: 5px;
	overflow: hidden;
}
.mariageTopNav .navList > li:nth-child(even) {
	margin-left: 11px;
}
.mariageTopNav .navList > li:nth-child(n+3) {
	margin-top: 10px;
}
.mariageTopNav .navListLink {
	display: flex;
	align-items: center;
	min-height: 48px;
	padding: 3px 10px;
	background-color: #fff;
	text-align: left;
}
.mariageTopNav .navListLink.isCurrent {
	background-color: #fffac5;
}
.mariageTopNav .navListLink.isDisabled {
	pointer-events: none;
}
.mariageTopNav .navListLink.isDisabled .navListLabel {
	color: #aaa;
}
.mariageTopNav .navListLink.isDisabled::before {
	opacity: 0.5;
}
.mariageTopNav .navListLink::before {
	content: "";
	flex-shrink: 0;
	position: relative;
	width: 36px;
	height: 36px;
}
.mariageTopNav .navListLabel {
	width: 100%;
	margin-left: 10px;
	color: #2640a3;
	font-size: 1.5rem;
	font-weight: bold;
	line-height: 1.4;
}
.mariageTopNav .navListLink.type-dr_shochu::before,
.mariageTopNav .navListLink.type-ap_shochu::before {
	background: url("/enjoy/mariage/images/cmn_ic01_01.svg") no-repeat top left/contain;
}
.mariageTopNav .navListLink.type-dr_sake::before,
.mariageTopNav .navListLink.type-ap_sake::before {
	background: url("/enjoy/mariage/images/cmn_ic01_02.svg") no-repeat top left/contain;
}
.mariageTopNav .navListLink.type-dr_rtd::before,
.mariageTopNav .navListLink.type-ap_rtd::before {
	background: url("/enjoy/mariage/images/cmn_ic01_03.svg") no-repeat top left/contain;
}
.mariageTopNav .navListLink.type-dr_liqueurs::before,
.mariageTopNav .navListLink.type-ap_liqueurs::before {
	background: url("/enjoy/mariage/images/cmn_ic01_04.svg") no-repeat top left/contain;
}
.mariageTopNav .navListLink.type-dr_umeshu::before,
.mariageTopNav .navListLink.type-ap_umeshu::before {
	background: url("/enjoy/mariage/images/cmn_ic01_05.svg") no-repeat top left/contain;
}
.mariageTopNav .navListLink.type-dr_wine::before,
.mariageTopNav .navListLink.type-ap_wine::before {
	background: url("/enjoy/mariage/images/cmn_ic01_06.svg") no-repeat top left/contain;
}
.mariageTopNav .navListLink.type-dr_whisky::before,
.mariageTopNav .navListLink.type-ap_whisky::before {
	background: url("/enjoy/mariage/images/cmn_ic01_07.svg") no-repeat top left/contain;
}
.mariageTopNav .type-dr_liqueurs .navListLabel {
	font-size: 1.3rem;
}
.mariageTopBanner {
	display: flex;
	flex-wrap: wrap;
	margin-top: 35px;
}
.mariageTopBanner > li {
	width: calc((100% - 20px) / 2);
}
.mariageTopBanner > li:nth-child(even) {
	margin-left: 20px;
}
.mariageTopBanner > li:nth-child(n+3) {
	margin-top: 20px;
}
.mariageTopBanner > li > a {
	display: inline-block;
}
.mariageTopBanner > li img {
	max-width: 100%;
}

.footerSliderPanel .draggable > div::after {
	display: table;
	content: '';
	clear: both;
}

/***************************************************
タブレット用 768px～973px
***************************************************/

@media only screen and (max-width: 973px){

#wrp_container{
	width:100%;
	background:#fefbeb;
}
#box_img_main{
	position:relative;
	width: 100%;
	height: 100%;
	padding: 43% 0 0 0;
}
#img_main{
	background:url("/enjoy/mariage/images/img_main.jpg");
	background-size:cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#box_tl_season{
	position:relative;
	width: 100%;
	height: 100%;
	padding: 9.5% 0 0 0;
	margin:4% 0 2% 0;

}
#tl_season{
	background:url("/enjoy/mariage/images/tl_season_recipe.jpg");
	background-size:cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin:0;

}

#cnt_season{
	width:78%;
}
#cnt_season ul{
	margin:0 auto;
	text-align:left;
}
#cnt_season ul li{
	float:left;
	width:49%;
	margin-bottom:4%;
	margin-right:2%;
}

.wrp_season_recipe{
	border:3px solid #9DC038;
	box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.1);
	padding:1.3%;
	height:440px;
}
.cnt_season_recipe{
	border:1px solid #9DC038;
	padding:4%;
	height:100%;
}
.tl_season_recipe{
	font-size:14px;
/*	font-size:120%;*/
	font-weight:bold;
}
.icon_season_recipe{
	width:50%;
}
.txt_season_recipe{
	font-size:13px;
}
.icon_spring{
	position:absolute;
	top:-1px;
	left:-1px;
}
/*メニュー*/
#menu_osake ul{
	width:96%;
	height:13%;
	margin:0 auto 2%;
}

#menu_osake ul li{
	float:left;
	margin:0 3.5% 0 0;
	width:31%;
}


/*お酒に合うレシピ*/
#cnt_osake{
	width:96%;
	margin:0 auto;
	padding:3% 3%;
}
#box_tl_osake{
	position:relative;
	width: 100%;
	height: 100%;
	padding: 4.914% 0 0 0;
	margin:0 0 2.5% 0;

}
#tl_shochu{/*焼酎*/
	background:url("/enjoy/mariage/images/tl_shochu.jpg") no-repeat;
	background-size:cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin:0;
}
#tl_nihonshu{/*日本酒*/
	background:url("/enjoy/mariage/images/tl_nihonshu.jpg") no-repeat;
	background-size:cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin:0;
}
#tl_wine{/*ワイン*/
	background:url("/enjoy/mariage/images/tl_wine.jpg") no-repeat;
	background-size:cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin:0;
}
#tl_chuhai{/*チューハイ・カクテル*/
	background:url("/enjoy/mariage/images/tl_chuhai.jpg") no-repeat;
	background-size:cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin:0;
}
#tl_liqueur{/*リキュール*/
	background:url("/enjoy/mariage/images/tl_liqueur.jpg") no-repeat;
	background-size:cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin:0;
}
#tl_umeshu{/*梅酒*/
	background:url("/enjoy/mariage/images/tl_umeshu.jpg") no-repeat;
	background-size:cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin:0;
}
li.box_osake_recipe{
	float:left;
	width:32%;
	margin-right:2%;
	height:380px;
	padding:0.8%;
	margin-bottom:2%;
}
.tl_osake_recipe{
/*	font-size:110%;*/
	font-size:14px;
	font-weight:bold;
	height:60px;
}
.txt_osake_recipe{
	font-size:12px;
}
.icon_osake_recipe{
	margin:4% 0;
	width:50%;
}
}



/***************************************************
スマートフォン用 ～767px
***************************************************/
@media only screen and (max-width: 767px){



#wrp_container{
	background:#fefbeb;
	padding-bottom:50px;
}
#box_img_main{
	position:relative;
	width: 100%;
	height: 100%;
	padding: 124% 0 0 0;
}
#img_main{
	background:url("/enjoy/mariage/images/img_main_sp.jpg");
	background-size:cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#box_tl_season{
	position:relative;
	width: 100%;
	height: 100%;
	padding: 40% 0 0 0;
}
#tl_season{
	background:url("/enjoy/mariage/images/tl_season_recipe_sp.jpg");
	background-size:cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#cnt_season{
	width:100%;
	color:#000;
	background:#FFF;
}
#cnt_season ul{
	width:92%;
	margin:0 auto;
	text-align:left;
}
#cnt_season ul li{
	width:100%;
	margin-bottom:4%;
}
.box_season_recipe{
	background-color:#FBF8E1;
}
.wrp_season_recipe{
	border:5px solid #9DC038;
	box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.1);
	padding:1.3%;
	height:100%;
}
.cnt_season_recipe{
	position:relative;
	border:3px solid #9DC038;
	padding:4%;
}
#tl_season{
	margin:0;
}
.img_season_recipe,.tl_season_recipe,.icon_season_recipe{
	margin-bottom:10px;
}
.tl_season_recipe{
	font-size:130%;
	font-weight:bold;
}
.icon_season_recipe{
	width:36%;
}
.img_season_recipe{

}
.icon_spring{
	position:absolute;
	top:-3px;
	left:-3px;
	width:30%;
}

.icon_spring img{
	width:100%;
	height:100%;
}
/*メニュー*/
#menu_osake{
	display:none;
}
#menu_osake_sp{
	background:url("/enjoy/mariage/images/bg_menu_osake.png") repeat-y;
	display:block;
	padding:3%;
	margin:0 0 6% 0;
}
#menu_osake_sp  a img{
}
#menu_osake_sp ul li{
}

/*お酒に合うレシピ*/
#tl_sake{
	display:none;
}

#cnt_osake{
	padding:6% 7%;
	text-align:left;
	width:100%;
}
#box_tl_osake{
	position:relative;
	width: 100%;
	height: 100%;
	padding: 12.6227% 0 0 0;
	margin:0 0 6% 0;

}
#tl_shochu{/*焼酎*/
	background:url("/enjoy/mariage/images/tl_shochu_sp.jpg") no-repeat;
	background-size:cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#tl_nihonshu{/*日本酒*/
	background:url("/enjoy/mariage/images/tl_nihonshu_sp.jpg") no-repeat;
	background-size:cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin:0;
}
#tl_wine{/*ワイン*/
	background:url("/enjoy/mariage/images/tl_wine_sp.jpg") no-repeat;
	background-size:cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin:0;
}
#tl_chuhai{/*チューハイ・カクテル*/
	background:url("/enjoy/mariage/images/tl_chuhai_sp.jpg") no-repeat;
	background-size:cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin:0;
}
#tl_liqueur{/*リキュール*/
	background:url("/enjoy/mariage/images/tl_liqueur_sp.jpg") no-repeat;
	background-size:cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin:0;
}
#tl_umeshu{/*梅酒*/
	background:url("/enjoy/mariage/images/tl_umeshu_sp.jpg") no-repeat;
	background-size:cover;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	margin:0;
}

li.box_osake_recipe{
	background-color:#FFF;
	padding:3.2%;
	margin-bottom:3%;
	width:100%;
	height:100%;
}
.tl_osake_recipe{
	font-size:130%;
	font-weight:bold;
	padding:2% 4%;
	height:100%;
}
.icon_osake_recipe{
	margin:4% 0;
	width:36%;

}

	.mariageTopHero .heroControl {
		position: relative;
		display: flex;
		align-items: center;
		justify-content: center;
		bottom: 0;
		left: 0;
		transform: none;
		max-width: none;
		margin-top: 18px;
		padding: 0 20px 0 46px;
	}
	.mariageTopHero .heroControl .heroPager {
	}
	.mariageTopHero .heroControl .heroPager .slick-dots {
		display: flex;
	}
	.mariageTopHero .heroControl .heroPager .slick-dots > li {
		padding-bottom: 0;
	}
	.mariageTopHero .heroControl .heroPager .slick-dots > li > span {
		overflow: hidden;
		display: inline-block;
		width: 13px;
		height: 13px;
		margin: 0 5px;
		background-color: #ddd;
		border: none;
		border-radius: 13px;
		font-size: 0;
		vertical-align: baseline;
	}
	.mariageTopHero .heroControl .heroPager .slick-dots > li.slick-active > span {
		background-color: #2640a3;
	}
	.mariageTopHero .heroControl .heroSwitch {
		position: relative;
		width: 9px;
		height: 16px;
		margin-right: 5px;
		margin-left: 12px;
	}
	.mariageTopHero .heroControl .heroSwitch .stop {
		position: absolute;
		left: 0;
		top: 0;
		overflow: hidden;
		display: none;
		width: 10px;
		height: 16px;
		border-right: 3px solid #666;
		border-left: 3px solid #666;
		font-size: 0;
	}
	.mariageTopHero .heroControl .heroSwitch.is-play .stop {
		display: inline-block;
	}
	.mariageTopHero .heroControl .heroSwitch .stop::before,
	.mariageTopHero .heroControl .heroSwitch .stop::after {
		content: none;
	}
	.mariageTopHero .heroControl .heroSwitch .stop::before {
		left: 0;
	}
	.mariageTopHero .heroControl .heroSwitch .stop::after {
		right: 0;
	}
	.mariageTopHero .heroControl .heroSwitch .play {
		display: inline-block;
		position: absolute;
		left: 0;
		top: 0;
		overflow: hidden;
		font-size: 0;
		width: 18px;
		height: 18px;
	}
	.mariageTopHero .heroControl .heroSwitch .play::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		border-style: solid;
		border-width: 9px 0 9px 17px;
		border-color: transparent transparent transparent #fff;
	}
	.mariageTopHero .heroControl .heroSwitch .play::after {
		content: "";
		position: absolute;
		top: 2px;
		left: 1px;
		border-style: solid;
		border-width: 7px 0 7px 14px;
		border-color: transparent transparent transparent #666;
	}
	.mariageTopHero .heroControl .heroSwitch.is-play .play {
		display: none;
	}

	.mariageTopCard {
		width: calc((100% - 15px) / 2);
	}
	.mariageTopCard:not(:nth-child(3n+1)) {
		margin-left: 0;
	}
	.mariageTopCard:nth-child(n+4) {
		margin-top: 0;
	}
	.mariageTopCard:nth-child(even) {
		margin-left: 15px;
	}
	.mariageTopCard:nth-child(n+3) {
		margin-top: 28px;
	}
	.mariageTopCard .cardBody {
		margin-top: 12px;
	}

	.mariageTopLayout {
		margin-top: 30px;
		padding: 0 15px;
	}
	.mariageTopLayout + .mariageTopLayout {
		margin-top: 32px;
	}
	.mariageTopHeading2 .heading2Inner {
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.mariageTopHeading2 .heading2Inner::before,
	.mariageTopHeading2 .heading2Inner::after {
		content: none;
	}
	.mariageTopHeading2 .heading2IconLeft,
	.mariageTopHeading2 .heading2IconRight {
		flex-shrink: 0;
	}
	.mariageTopHeading2.type-seasonal .heading2IconLeft,
	.mariageTopHeading2.type-seasonal .heading2IconRight {
		height: 40px;
	}
	.mariageTopHeading2.type-alcohol .heading2IconLeft,
	.mariageTopHeading2.type-alcohol .heading2IconRight {
		height: 53px;
		margin-top: -13px;
	}
	.mariageTopHeading2.type-appetizer .heading2IconLeft,
	.mariageTopHeading2.type-appetizer .heading2IconRight {
		height: 34px;
	}
	.mariageTopHeading2 .heading2IconLeft,
	.mariageTopHeading2 .heading2IconRight {
		margin: 0;
	}
	.mariageTopHeading2 .heading2Title {
		flex-shrink: 0;
		max-width: 70%;
		margin: 0 10px;
		font-size: 1.6rem;
		line-height: 1.4;
	}
	.mariageTopHeading2 .heading2Title > span {
		font-size: 2.0rem;
	}
	.mariageTopCardList {
		display: block;
		margin-top: 10px;
	}
	.mariageTopCardList.slick-initialized {
		margin: 10px -15px 0;
	}
	.mariageTopCardList.slick-initialized .mariageTopCard {
		padding: 0 15px;
	}
	.mariageTopCard {
		width: 100%;
	}
	.mariageTopCard:not(:nth-child(4n+1)) {
		margin-left: 0;
	}
	.mariageTopCard .cardBody {
		margin-top: 10px;
	}
	.mariageTopCard .cardTitle {
		font-size: 1.5rem;
		line-height: 1.4;
	}
	.mariageTopCard .cardIcon {
		margin-top: 10px;
		padding: 2px 5px 0;
		border-radius: 3px;
		font-size: 1.1rem;
	}
	.mariageTopRecommendedControl {
		display: flex;
		align-items: center;
		justify-content: center;
		margin-top: 13px;
	}
	.mariageTopRecommendedControl .mariageTopRecommendedPager {
		height: 13px;
	}
	.mariageTopRecommendedControl .mariageTopRecommendedPager .slick-dots {
		display: flex;
	}
	.mariageTopRecommendedControl .mariageTopRecommendedPager .slick-dots > li > span {
		overflow: hidden;
		display: inline-block;
		width: 13px;
		height: 13px;
		margin: 0 5px;
		background-color: #ddd;
		border-radius: 13px;
		font-size: 0;
	}
	.mariageTopRecommendedControl .mariageTopRecommendedPager .slick-dots > li.slick-active > span {
		background-color: #2640a3;
	}
	.mariageTopRecommendedControl .mariageTopRecommendedSwitch {
		position: relative;
		width: 9px;
		height: 16px;
		margin-right: 5px;
		margin-left: 12px;
	}
	.mariageTopRecommendedControl .mariageTopRecommendedSwitch .stop {
		position: absolute;
		left: 0;
		top: 0;
		overflow: hidden;
		display: none;
		width: 9px;
		height: 16px;
		border-right: 3px solid #666;
		border-left: 3px solid #666;
		font-size: 0;
	}
	.mariageTopRecommendedControl .mariageTopRecommendedSwitch.is-play .stop {
		display: inline-block;
	}
	.mariageTopRecommendedControl .mariageTopRecommendedSwitch .play {
		display: inline-block;
		position: absolute;
		left: 0;
		top: 0;
		overflow: hidden;
		font-size: 0;
		width: 18px;
		height: 18px;
	}
	.mariageTopRecommendedControl .mariageTopRecommendedSwitch .play::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		border-style: solid;
		border-width: 9px 0 9px 17px;
		border-color: transparent transparent transparent #fff;
	}
	.mariageTopRecommendedControl .mariageTopRecommendedSwitch .play::after {
		content: "";
		position: absolute;
		top: 2px;
		left: 1px;
		border-style: solid;
		border-width: 7px 0 7px 14px;
		border-color: transparent transparent transparent #666;
	}
	.mariageTopRecommendedControl .mariageTopRecommendedSwitch.is-play .play {
		display: none;
	}

	.mariageTopNavWrap {
		display: block;
		margin-top: 40px;
		padding: 0 15px;
	}
	.mariageTopNavWrap + .mariageTopLayout {
		margin-top: 38px;
	}
	.mariageTopNav {
		width: 100%;
		padding: 13px 15px 15px;
	}
	.mariageTopNav + .mariageTopNav {
		margin-left: 0;
		margin-top: 28px;
	}
	.mariageTopNav .navTitle {
		padding-bottom: 4px;
		font-size: 1.4rem;
		line-height: 1.4;
	}
	.mariageTopNav .navWrap {
		margin-top: 10px;
	}
	.mariageTopNav .navList {
		display: flex;
		flex-wrap: wrap;
	}
	.mariageTopNav .navList > li {
		width: calc((100% - 15px) / 2);
	}
	.mariageTopNav .navList > li:nth-child(even) {
		margin-left: 15px;
	}
	.mariageTopNav .navList > li:nth-child(n+3) {
		margin-top: 10px;
	}
	.mariageTopNav .navListLink {
		min-height: 42px;
		padding: 4px 3px 2px;
	}
	.mariageTopNav .navListLink::before {
		width: 36px;
		height: 36px;
	}
	.mariageTopNav .navListLabel {
		margin-left: 6px;
		font-size: 1.1rem;
		line-height: 1.4;
	}
	.mariageTopNav .type-dr_liqueurs .navListLabel {
		font-size: 1.1rem;
	}
	.mariageTopBanner {
		display: block;
		margin-top: 16px;
	}
	.mariageTopBanner > li {
		width: 100%;
	}
	.mariageTopBanner > li:nth-child(even) {
		margin-left: 0;
	}
	.mariageTopBanner > li:nth-child(n+3) {
		margin-top: 0;
	}
	.mariageTopBanner > li:nth-child(n+2) {
		margin-top: 15px;
	}
	

}