/**************************************************************************************/
/**************************************************************************************/
/* PC Site*/
/**************************************************************************************/
/**************************************************************************************/

.wardog img {
	position : relative ;
	display : block ;
	border: none;
	border-style : none ;
	-webkit-backface-visibility: hidden;
}
.wardog div{
	box-sizing : border-box ;
	position : relative ;
	line-height: 1.8 ;
	overflow: visible;
}
.wd_clearfloat{
	clear : both ;
}
.wd_pc{ display : block ; }
.wd_sp{ display : none ; }

.wd_flex{
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	flex-wrap : wrap;
}
.appear{
	opacity: 0 ;
}



.wd_header{
	width: 100% ;
	height: 360px ;
}

.wd_header_imagebox{
	width: 54% ;
	height: 360px ;
	z-index: 1 ;
}
.wd_header_image{
	width: 100% ;
	height: 100% ;
	object-fit: cover ;
}
.wd_header_storybox{
	position: absolute !important;
	top : 0% ;
	right: 0% ;
	width: 48% ;
	height: 100% ;
	z-index: 2 ;
	background-color: #FFFFFF ;
	overflow: visible !important;
}
.wd_header_logo{
	position: absolute !important;
	top : 50% ;
	left : 15% ;
	width: 50% ;
	max-width: 470px;
	transform: translate(0%,-50%);
	z-index:  4 ;
}
.wd_header_storybox_back{
	position: absolute !important;
	top : 0% ;
	left : -68px ;
	width: 50% ;
	height: 100% ;
	z-index: 3 ;
	transform: skew( -18deg );
	background-color: #FFFFFF ;
}



.wd_aoki_section{
	width: 100% ;
	padding : 120px 40px 150px ;
	background-color: #56402C ;
	color :#FFFFFF ;
}


.wd_aoki_section_title{
	text-align: center ;
	font-size: 3rem ;
	margin : 0px auto ;
	font-weight: 400 ;
	line-height: 2 ;
}
.wd_aoki_section_title span{
	font-size: 3.5rem ;
}

.wd_aoki_section_story{
	margin : 60px auto 0px;
	font-size: 1.8rem;
	text-align: center;
}


.wd_aoki_section_introbox{
	width: 100% ;
	max-width: 1180px ;
	margin : 80px auto 0px ;
}

.wd_aoki_section_intro_imagebox{
	position: absolute !important;
	top : 0% ;
	left : 0% ;
	width: 	52% ;
	height: 100% ;
	z-index: 1 ;

}
.wd_aoki_section_intro_image{
	width: 100%;
	height: 100%;
	object-fit: cover ;
}
.wd_aoki_section_intro_storybox{
	float : right ;
	width: 48%;
	z-index: 2 ;
	background-color: #3B210A ;
	padding : 90px 60px 60px 40px;
}
.wd_aoki_section_intro_storyback{
	position: absolute !important;
	top : 0% ;
	right : 64% ;
	width: 50% ;
	height: 100% ;
	z-index: 3 ;
	transform: skew( -18deg );
	background-color: #3B210A ;
}

.wd_aoki_intro_title{
	position: absolute !important;
	top : -40px ;
	right : -100px ;
	z-index: 4 ;
	width: 470px ;
}

.wd_aoki_section_intro_name{
	font-size: 2.7rem ;
	z-index: 5 ;
	font-family: "ryo-text-plusn";
}

.wd_aoki_section_intro_story{
	font-size: 1.6rem;
	margin-top: 30px;
	z-index: 5;
}




.wd_lineup_section{
	width: 100%;
	padding : 100px 40px 90px ;
	background-color: #9F9388 ;
}
.wd_lineup_titlebox{
	width: 230px ;
	margin : 0px auto ;
}
.wd_lineup_titleimage{
	width : 100% ;
	z-index: 1 ;
}
.wd_lineup_titlejp{
	width: 100%;
	z-index: 2;
	color : #FFFFFF ;
	margin-top : -50px ;
	font-size: 2.3rem ;
	text-align: center;
}

.wd_lineup_flex{
	width: 100%;
	max-width: 1250px ;
	margin : 80px auto 0px ;
	justify-content: center ;
}

.wd_lineup_item{
	width: 200px ;
	margin : 0px 25px 40px ;
	cursor: pointer ;
}
.wd_lineup_item_hover{
	position: absolute !important;
	top : -100% ;
	left : 0% ;
	width: 100% ;
	height: 200%;
	background-color: rgba(86,64,44,0.4);
	z-index: 4 ;
	opacity: 0 ;
}
.wd_lineup_item_hover_img{
	width: 100% !important ;
	height : 100% !important;
	object-fit: contain !important;
}


.wd_lineup_item_image{
	width: 100%;
	aspect-ratio: 1 / 1 ;
	border-radius: 50% ;
	overflow: hidden !important ;
}
.wd_lineup_item_image img{
	width: 100%;
	height: 100% ;
	object-fit: cover ;
}

.wd_lineup_item_name_jp{
	font-size: 1.9rem ;
	text-align: center ;
	margin :30px auto 0px ;
	color : #FFFFFF ;

}
.wd_lineup_item_name_en{
	font-family: "futura-pt" ;
	font-size: 2.3rem ;
	line-height: 1 ;
	text-align: center ;
	color : #C5BEB7 ;
}




.wd_cate_section{
	width: 100% ;
	padding : 0px 0px 130px ;
}




.wd_cate_header{
	width: 100% ;
}

.wd_cate_imagebox{
	position: absolute !important;
	top : 0%;
	left : 0% ;
	width: 54% ;
	height: 100% ;
	z-index: 1 ;
}
.wd_cate_image{
	width: 100% ;
	height: 100% ;
	object-fit: cover ;
}
.wd_cate_storybox{
	float: right;
	width: 48% ;
	height: 100% ;
	padding: 100px 100px 100px 60px ;
	z-index: 2 ;
	background-color: #56402C ;
	color: #FFFFFF ;
}
.wd_cate_storybox_back{
	position: absolute !important;
	top : 0% ;
	right : calc( 100% - 140px );
	width: 200px ;
	height: 100% ;
	z-index: 3 ;
	transform: skew( -10deg );
	background-color: #56402C ;
}


.wd_cate_titleimage{
	float : left ;
	width: 290px;
	z-index: 4 ;
}
.wd_cate_title_jp{
	float : left ;
	width: calc( 100% - 290px );
	font-size: 2.7rem ;
	z-index: 4 ;
	margin-top: 50px;
}
.wd_cate_title_jp span{
	padding-right : 20px ;
}
.wd_cate_story{
	z-index: 4;
	font-size: 1.8rem;
	margin-top : 50px;
}


.wd_cate_indv_flex{
	width: calc( 100% - 80px );
	max-width: 1180px;
	margin: 120px auto 0px;
}

.wd_cate_indv_flex_item{
	width: 255px ;
	margin : 0px 0px 30px ;
}

.wd_cate_indv_flex_item_image{
	width: 100% ;
	aspect-ratio: 1 / 1 ;
}
.wd_cate_indv_flex_item_image img{
	width: 100% ;
	height: 100% ;
	object-fit: contain ;
}

.wd_cate_indv_flex_item_name{
	margin-top : 20px ;
	font-size: 2.5rem ;
	font-family: "futura-pt" ;
	color : #000000 ;
	line-height: 1.2 !important;
}
.wd_cate_indv_flex_item_price{
	text-align: right ;
	font-size: 3.4rem ;
}
.wd_cate_flex_item_price_yen{
	padding-right : 4px ;
	font-size: 2.5rem ;
}
.wd_cate_flex_item_price_tax{
	font-size: 1.4rem ;
}

.wd_cate_flex_item_story{
	margin-top : 40px ;
	font-size: 1.6rem ;
}



.wd_cate_entr_flex{
	width: calc( 100% - 80px );
	max-width: 1050px;
	margin: 60px auto 0px;
}
.wd_cate_entr_flex_imagebox{
	width: calc( 100% - 290px ) ;
	max-width: 590px ;
}
.wd_cate_entr_flex_imagebox img{
	width: 100% ;
}
.wd_cate_entr_flex_storybox{
	width: 329px;
}
.entremets .wd_cate_entr_flex_storybox{
	padding-top : 172px ;
}
.macarons .wd_cate_entr_flex_storybox{
	padding-top : 60px ;
}
.wd_cate_entr_flex_name{
	font-size: 2.5rem ;
	padding-bottom : 20px ;
	
	border-bottom : 1px solid #A44D00 ;
}

.wd_cate_indv_flex_item_price{
	width: 100% ;
	text-align: right ;
	margin-top : 12px ;
}

.wd_cate_flex_item_story{
	font-family: "ryo-text-plusn";
	font-size: 1.5rem;
	margin-top : 20px;
}

.wd_cate_flex_item_notice{
	width: 100%;
	font-size: 1.7rem;
	text-align: center;
}



.wd_cate_macarons_flex{
	width: calc( 100% - 80px );
	max-width: 1180px;
	margin: 140px auto 0px;
	justify-content: space-between;
}

.wd_cate_macarons_itembox{
	width: 255px ;
	margin-bottom : 30px ;
	text-align: center ;
}
.wd_cate_macarons_itembox_dummy{
	width: 255px ;
	height: 1px ;
}

.wd_cate_macarons_item_imagebox{
	width: 100% ;
	aspect-ratio: 1 / 1 ;
}
.wd_cate_macarons_item_imagebox img{
	width: 100% ;
	height: 100% ;
	object-fit: contain ;
}

.wd_cate_macarons_item_name_en{
	color : #A09287;
	font-size: 2.0rem;
}

.wd_cate_macarons_item_name_jp{
	font-size: 1.8rem;
	line-height: 1.4;
}


.wd_cate_macarons_set_l{
	margin-top : 20px;
	float : left;
	width: 85px;
	line-height: 45px !important;
	font-size: 2.0rem;
}
.wd_cate_macarons_set_r{
	margin-top : 20px;
	float : left;
	width: calc( 100% - 85px );
	line-height: 45px !important;
	font-size: 3.4rem;
}


.wd_cate_flex_item_price_yen{
	padding-right : 4px ;
	font-size: 2.5rem ;
}
.wd_cate_flex_item_price_tax{
	font-size: 1.4rem;
}


.wd_cate_choco_flex{
	width: calc( 100% - 80px );
	max-width: 1180px ;
	margin : 170px auto 0px ;
}


.wd_cate_choco_flex_storybox{
	width: 400px ;
}

.wd_cate_choco_flex_catch{
	font-size: 1.6rem ;
	margin-top : 12px ;
	color : #A44D00;
}

.wd_cate_choco_flex_story{
	margin-top : 50px ;
	margin-bottom : 60px ;
	font-size: 1.6rem ;
}

.wd_cate_choco_flex_include{
	margin-top : 40px ;
	font-size: 1.6rem ;
}

.wd_cate_choco_flex_imagebox{
	width: calc( 100% - 400px );
	max-width: 614px ;
}
.wd_cate_choco_flex_imagebox img{
	width: 100% ;
}


.wd_cate_indv_flex.chocolats{
	width: calc( 100% - 80px );
	max-width: 1180px ;
	margin : 80px auto 0px ;
}

.chocolats .wd_cate_indv_flex_item{
	width: 296px ;
}

.wd_cate_indv_flex_item_image{
	width: 100% ;
	aspect-ratio: 1/1 ;
}
.wd_cate_indv_flex_item_image img{
	width: 100% ;
	height: 100% ;
	object-fit: contain ;
}


.wd_cate_macarons_set{
	width: 100% ;
}
.wd_cate_indv_flex_item .wd_cate_macarons_set_r{
	text-align: right ;
}



.wd_cate_coffret_flex,
.wd_cate_gateau_flex{
	width: calc( 100% - 80px );
	max-width: 1100px;
	margin : 160px auto 0px;
}

.wd_cate_gateau_flex_imagebox img{
	width: 100% ;
	margin-bottom : 40px ;
}
.wd_cate_gateau_flex_imagebox{
	width: calc( 100% - 400px ) ;
	max-width: 590px ;
}

.wd_cate_gateau_flex_storybox{
	width: 400px;
}
.wd_cate_gateu_name{
	font-size: 2.0rem;
	line-height: 1 !important;
}
.wd_cate_gateu_kind{
	font-size: 1.6rem ;
	line-height: 1.8 !important;
}
.wd_cate_gateau_flex_storybox .wd_cate_macarons_set_l{
	width: 160px ;
}
.wd_cate_gateau_flex_storybox .wd_cate_macarons_set_r{
	width: calc( 100% - 160px ) ;
}

.wd_cate_gateau_flex_storybox .wd_cate_macarons_set_r{
	text-align: right ;
}

.wd_cate_gateau_flex_storybox .wd_cate_macarons_set{
	margin-bottom: 20px ;
}


.wd_cate_coffret_flex_storybox{
	width: 474px ;
}
.wd_cate_coffret_flex_imagebox{
	width: calc( 100% - 500px );
	max-width: 590px ;
}
.wd_cate_coffret_flex_imagebox img{
	width: 100% ;
}

.wd_cate_coffret_flex_storybox .wd_cate_entr_flex_name{
	max-width: 390px ;
}


.wd_cate_coffretset_flex{
	width: calc( 100% - 80px );
	max-width: 1000px;
	margin : 90px auto 0px;
}





.wd_bautique_section{
	width: 100% ;
	background-color: #EEEBE9 ;
	padding: 180px 40px 250px ;
}
.wd_bautique_section .wd_lineup_titlejp{
	color : #000000 ;
}


.wd_bautique_area{
	width: 100% ;
	max-width: 1180px ;
	height: 50px ;
	margin : 130px auto 0px ;
}

.wd_bautique_area_back{
	position: absolute !important;
	top : 50% ;
	left : 0% ;
	width: 100% ;
	height: 1px ;
	background-color: #56402C ;
	z-index: 1 ;
}
.wd_bautique_areaname{
	width: 150px;
	height: 50px;
	line-height: 50px !important;
	background-color: #EEEBE9;
	margin : 0px auto;
	font-size: 2.4rem;
	z-index: 2;
	text-align: center;
}


.wd_bautique_flex{
	width: calc( 100% - 80px );
	max-width: 1080px ;
	margin : 66px auto 0px ;
}
.wd_bautique_flex_image{
	width: 50% ;
}
.wd_bautique_flex_image_wrap{
	float : right ;
	width: 100% ;
	max-width: 480px ;
}
.wd_bautique_flex_image_wrap img{
	width: 100% ;
}
.wd_bautique_flex_storybox{
	width: 50% ;
	padding : 20px 0px 0px 60px ;
}

.wd_bautique_name_en{
	font-size: 2.5rem ;
}
.wd_bautique_name_jp{
	font-family: "ryo-text-plusn";
	font-size: 1.9rem ;
}


.wd_bautique_info_flex{
	margin : 16px 0px 0px ;
}
.wd_bautique_info_left{
	width: 120px;
}
.wd_bautique_info_right{
	width: calc( 100% - 120px );
	text-indent: -2rem;
	padding-left : 1rem;
}
.wd_bautique_info_right::before{
	content : "："
}


.wd_bautique_info_gmaps{
	width: 100% ;
	max-width: 360px ;
	height: 44px ;
	line-height: 44px !important ;
	margin : 32px 0px 0px ;
	background-color: #56402C ;
	color : #FFFFFF ;
	text-align: center ;
	border-radius: 22px ;
}
.wd_bautique_info_gmaps img{
	position: absolute !important;
	top : 50%;
	left: 53px;
	transform: translate(0%,-50%);
	width: 27px;
}


.wd_bautique_etc{
	width: calc( 100% - 80px );
	max-width: 1180px;
	background-color: #56402C;
	color : #FFFFFF;
	padding: 20px 100px;
	font-size: 1.6rem;
	margin : 150px auto 0px;
}
.wd_bautique_etc p{
	text-indent: -2rem ;
	padding-left : 1rem ;
}




#individuels,
#entremets,
#macarons,
#chocolats,
#gateausecs{
}



.wd_lineup_spbox{
	position: fixed !important;
	bottom : -140px ;
	left : 0% ;
	width: 100% ;
	height: 132px ;
	z-index:  14 ;
	/** background-color: #FFFFFF ; **/
	display: none ;
	flex-wrap: wrap ;
	justify-content: space-between ;
}



.wd_lineup_sp_item_l{
	width: calc( 50% - 1px );
	height: 65px ;
	background-color: #C4BDB6 ;
	margin-bottom : 2px ;
}

.wd_lineup_sp_item_m{
	width: calc( 33.33% - 1px );
	height: 65px ;
	background-color: #C4BDB6 ;
}

.wd_lineup_sp_item_wrap{
	width: 100% ;
	height : 65px ;
	padding : 12px 20px 0px 50px ;
}

.wd_lineup_sp_item_namejp{
	font-size: 1.7rem;
	color : #FFFFFF;
	line-height: 25px !important;
}
.wd_lineup_sp_item_nameen{
	color : #DCD7D3 ;
	font-size: 1.4rem ;
	line-height: 1.4rem !important;
}

.wd_lineup_sp_item_tn{
	position: absolute !important;
	top : 50% ;
	left : 10px ;
	width: 32px ;
	height: 32px ;
	border-radius: 50% ;
	overflow: hidden !important;
	transform: translate(0%,-50% );
}
.wd_lineup_sp_item_tn img{
	width: 100% ;
	height: 100%;
	object-fit: cover;
}













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

.wd_cate_titleimage{
	float : none ;
	margin : 0px auto ;
}
.wd_cate_title_jp{
	float : none ;
	width: 100% ;
	text-align: center ;
	margin-top: 0px;
}



}


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


.wd_aoki_section_intro_imagebox{
	position: relative !important;
	top : auto ;
	left : auto ;
	width: 	100% ;
	height: auto ;
}

.wd_aoki_section_intro_storybox{
	float : none;
	width: 100%;
	padding: 90px 40px 60px 40px;
}
.wd_aoki_section_intro_storyback{
	display: none ;
}


}



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


.wd_cate_coffretset_flex,
.wd_cate_indv_flex,
.wd_cate_macarons_flex,
.wd_cate_indv_flex,
.wd_lineup_flex{
	max-width: 600px !important ;
}
.chocolats .wd_cate_indv_flex_item{
	width: 260px;
}



}



/**************************************************************************************/
/**************************************************************************************/
/* TB Site*/
/**************************************************************************************/
/**************************************************************************************/
@media screen and (max-width: 768px) {







.wd_pc{ display : none ; }
.wd_sp{ display : block ; }



.wd_header{
	height: auto ;
}

.wd_aoki_section_story {
	text-align:left;
}

.wd_header_imagebox{
	width: 100% ;
	height: 360px ;
}
.wd_header_storybox{
	position: relative !important;
	top : auto;
	right: auto;
	width: 100%;
	height: 250px;
}
.wd_header_logo{
	position: absolute !important;
	top : 50% ;
	left : 50% ;
	width: 50% ;
	transform: translate(-50%,-50%);
}
.wd_header_storybox_back{
	display: none ;
}


.wd_aoki_section_title{
	font-size: 2.4rem ;
}
.wd_aoki_section_title span{
	font-size: 3.0rem ;
}

.wd_cate_section{
	width: 100% ;
	padding : 0px 0px 60px ;
}


.wd_aoki_intro_title{
	position: absolute !important;
	top : -0px ;
}


.wd_lineup_flex{
	justify-content: center ;
}

.wd_lineup_item{
	width: 160px ;
}

.wd_cate_choco_flex {
    margin: 110px auto 0px;
}



.wd_cate_imagebox{
	position: relative !important;
	top : auto;
	left : auto ;
	width: 100% ;
	height: 360px ;
}
.wd_cate_storybox{
	float: none;
	width: 100% ;
	height: auto ;
	padding: 60px 40px 60px 40px ;
}
.wd_cate_storybox_back{
	display: none ;
}


.wd_cate_titleimage{
	float : none ;
	margin : 0px auto ;
}
.wd_cate_title_jp{
	float : none ;
	width: 100% ;
	text-align: center ;
	margin-top: 0px;
}


.wd_cate_indv_flex_item{
	width: 200px ;
	margin : 0px 0px 80px ;
}



.wd_cate_entr_flex_imagebox{
	width: 100% ;
	margin : 0px auto ;
}
.wd_cate_entr_flex_storybox{
	width: 100% ;
	
}
.entremets .wd_cate_entr_flex_storybox{
	padding-top : 0px ;
}
.macarons .wd_cate_entr_flex_storybox{
	padding-top : 0px ;
}

.wd_cate_flex_item_notice{
	text-align: left ;
	margin-top : 40px ;
}

.wd_cate_coffret_flex, .wd_cate_gateau_flex {
    margin: 80px auto 0px;
}


.wd_cate_macarons_itembox{
	width: 200px ;
}
.wd_cate_macarons_itembox_dummy{
	width: 200px ;
}



.wd_cate_macarons_set_l{
}
.wd_cate_macarons_set_r{
	text-align: right ;
}


.wd_cate_flex_item_price_yen{
	padding-right : 4px ;
	font-size: 2.5rem ;
}
.wd_cate_flex_item_price_tax{
	font-size: 1.4rem ;
}




.wd_cate_choco_flex_storybox{
	width: 100% ;
	order: 2 ;
}


.wd_cate_choco_flex_imagebox{
	width: 100% ;
	margin : 0px auto ;
	order :  1 ;
}

.chocolats .wd_cate_indv_flex_item{
	width: 200px ;
}
.chocolats .wd_cate_macarons_set_l,
.chocolats .wd_cate_macarons_set_r,
.chocolats .wd_cate_macarons_set{
	width: 100% ;
	margin : 0px ;
}


.wd_cate_macarons_set{
	float : right;
	width: 320px;
}
.wd_cate_indv_flex_item .wd_cate_macarons_set_r{
	text-align: right ;
}





.wd_cate_gateau_flex_imagebox{
	width: 100% ;
	max-width: 590px ;
	margin : 0px auto ;
}

.wd_cate_gateau_flex_storybox{
	width: 100% ;
}
.wd_cate_gateau_flex_storybox .wd_cate_macarons_set_l{
	width: 160px ;
}
.wd_cate_gateau_flex_storybox .wd_cate_macarons_set_r{
	width: calc( 100% - 160px ) ;
}

.wd_cate_gateau_flex_storybox .wd_cate_macarons_set_r{
	text-align: right ;
}

.wd_cate_gateau_flex_storybox .wd_cate_macarons_set{
	width: 390px;
}


.wd_cate_coffret_flex_storybox{
	width: 100% ;
	order: 2 ;
}
.wd_cate_coffret_flex_imagebox{
	width: 100% ;
	max-width: 590px ;
	margin : 0px auto ;
	order: 1 ;
}

.wd_cate_coffret_flex_storybox .wd_cate_entr_flex_name{
	max-width: 1000px  ;
	margin-top : 40px ;
}


.wd_cate_coffretset_flex{
	justify-content: right ;
	margin-top : 0px ;
}







.wd_bautique_flex_image{
	width: 100% ;
	max-width: 600px ;
	margin: 0px auto ;
}
.wd_bautique_flex_image_wrap{
	float : none ;
	width: 100% ;
	max-width: 600px ;
}
.wd_bautique_flex_storybox{
	width: 100%;
	padding: 0;
}



.wd_bautique_etc{
	width: 100% ;
	padding: 20px 40px ;
}




#individuels,
#entremets,
#macarons,
#chocolats,
#gateausecs{
}

.wd_lineup_spbox{
	display: flex ;
}




}