@charset "UTF-8";
/* CSS Document */
/*base
--------------------------------------------------------------*/
div#contentsArea, div#mainContents{
	width:100% !important;
}
p.breadcrumbs {
	margin: 0 auto;
	text-align: left;
	width: 930px;
}
div#mainContents{
	padding-top: 0;
}
div#mainContents ul li{
	padding: 0;
}
div#wrap {
	position: relative;
}
#snsArea{
	position: absolute;
	top: 0;
	right: 0;
	z-index: 50;
}
div#mainContents .dessertiNav ul {
    width: 1100px;
    margin: 0 auto;
}
.contentArea{
	width: 100%;
}
.contentArea a:hover{
	opacity: 0.8;
}
.contentArea_inner{
	width: 1112px;
	margin: 0 auto;
}

/*section
---------------------------------*/
#mainContents .m_sec01{
	display: flex;
	justify-content: center;
}
#mainContents .m_sec02{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 20px;
}

/*main_visual
---------------------------------*/
.main_visual {
	text-align: center;
	/* height: 580px; */
	/* overflow: hidden */
}

.main_visual img{
	width: 100%;
}

.main_visual_img{
	position: relative;
	width: 1400px;
	margin: 0 auto;
}

.main_visual .bx-pager{
	display: flex;
	justify-content: center;
	margin: 30px 0;
}

.main_visual .bx-pager .bx-pager-item a{
	width: 12px;
	height: 12px;
	display: block;
	margin: 0 3px;
	text-indent: -9999px;
	overflow: hidden;
	border-radius: 50%;
	background: #fff;
	border: 1px solid #F56886;
}

.main_visual .bx-pager .bx-pager-item a.active{
	background: #F56886;
}

.main_visual_img_bottom{
    position: absolute;
    bottom: -105px;
    z-index: 20;
    right: -1px;
}
.main_visual_inner {
	background: url(/products/special/dessert/images/index/bg_top01.jpg) repeat-x;
	position: relative;
	z-index: 10;
	min-width: 1400px;
}
.main_visual_inner:before, .main_visual_inner:after{
	content: "";
	display: block;
	position: absolute;
	min-width: 1400px;
}
.main_visual_inner:before{
	width: 1112px;
	height: 536px;
	background: url(/products/special/dessert/images/index/bg_top02.png) no-repeat;
	background-size: 100% auto;
	background-position: left top;
	top: 0;
	left: 50%;
	transform: translateX(-50%);
}
.main_visual_inner:after{
	background: url(/products/special/dessert/images/index/bg_main02.png) repeat-x center;
	width: 100%;
	height: 276px;
	bottom: 0;
	left: 0;
}

/*contentArea
---------------------------------*/


.contentArea_bg01{
	background: url(/products/special/dessert/images/index/bg_cont01.jpg) repeat-x;
}
.contentArea_bg02{
	background: url(/products/special/dessert/images/cook/bg.png)  repeat-x 0 100% , linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,209,208,1) 47%, rgba(255,209,215,1) 100%);
	position: relative;
}
.contentArea_bg02::before{
/* 	content: "";
	display: block;
	width: 100%;
	height: 66px;
	background-repeat: repeat-x;
	background-position: top;
	position: absolute;
	top: -66px;
	background: url(/products/special/dessert/images/index/bg_cont02.png); */
}
.contentArea_bg03{
	background: #fff;
	position: relative;
}

.contentArea_links .link02{
	margin-right: -6px;
}

/*contentArea01
---------------------------------*/
.contentArea01{
	padding: 40px 0 140px;
}

/*contentArea_cm
-------------------*/

.contentArea_cm{
	margin-top: 20px;
}
.tt01{
	margin-bottom: 30px;
}
.tt01_text{
	margin-top: -62px;
}
.movieArea{
	width: 100%;
	height: 625px;
	background: #fff;
	margin-bottom: 30px;
}
.movieArea iframe{
	width: 100%;
	height: 100%;
	border: none;
	margin: 0;
}
.movieArea .bc-player-default_default{
	width: 100%;
	height: 100%;
	border: none;
	margin: 0;
}

/*contentArea02
---------------------------------*/
.contentArea02{
	padding: 245px 0 88px;
 }
#mainContents .tt02{
	position: absolute;
	top: 62px;
}
/*contentArea03
---------------------------------*/
.contentArea03{
	padding-bottom: 30px;
	padding-top: 40px;
}

/*lineup
---------------------------------*/
.mtm30{
	margin-top: -30px;
}
.lineup_tt{
	width: 401px;
	margin: 0 auto 32px;
}
.m_sec02 li{
	width: 554px;
	margin-bottom: 4px;
	position: relative;
}
.button{
	position: absolute;
	top: 83px;
	width: 100%;
	display: flex;
	justify-content: center;
	padding-left: 5px;
}
.button_2{
	position: absolute;
	top: 98px;
	width: 100%;
	display: flex;
	justify-content: center;
	padding-left: 5px;
}

.button_3{
	position: absolute;
	top: 103px;
	width: 100%;
	display: flex;
	justify-content: center;
	padding-left: 5px;
}

.button01{
	margin-right: 16px;
}
.lineup_cont{
	margin-bottom: 55px ;
}
.lineup_cont02{
	margin-top: 20px;
}

/* 180207追加分
--------------------------------------- */

.adobe {
    margin: 20px 0 0 178px;
    display: inline-flex;
}
.adobe p{
    text-align: left;
    line-height: 1.3;
}