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



.top_logoanime_overlay{
	position: fixed;
	top : 0% ;
	left : 0% ;
	width: 100% ;
	height: 100% ;
	z-index: 84 ;
	background-color: #FFEC00 ;
	display: none ;
}

.top_logoanime_wrap{
	position: absolute ;
	top : 0% ;
	left : 50% ;
	width : calc( 100% - 80px ) ;
	max-width: 1560px ;
	transform: translate(-50%,0%);
	height: 100vh ;
	z-index:  83 ;
}

.top_fv_logo{
	position: absolute;
	top : 36px ;
	left: calc( 50% - 744px) ;
	width: 300px ;
	z-index: 24;
	display: none ;
}

.top_logoanime_wrap_back{
	position: absolute ;
	top : 0% ;
	left:  0% ;
	z-index: 23 ;
	width: 100% ;
	height: 100% ;
	background-color: #FFFFFF ;
}

.top_logoanime_superbox{
	position: absolute;
	top : 50% ;
	left : 50% ;
	width: 300px ;
	height: 300px ;
	margin-top : -150px ;
	margin-left : -150px ;
}

.top_logoanime01,
.top_logoanime02,
.top_logoanime03,
.top_logoanime04,
.top_logoanime05,
.top_logoanime06,
.top_logoanime07,
.top_logoanime08,
.top_logoanime09,
.top_logoanime10,
.top_logoanime11{
	position: absolute;
	top : 50%;
	left : 50% ;
	width: 100% ;
	transform: translate(-50%,-50%);
	opacity: 0;
}

.top_logoanime_superbox_sp{
	position: absolute;
	top : 50% ;
	left : 50% ;
	width: 200px ;
	height: 200px ;
	transform: translate(-50%,-50%);
}

.top_fv_catch_temp{
	position: absolute;
	top : calc( 100% + 45px );
	/** top : calc( 100% + 30px ); **/
	left : 50% ;
	transform: translate(-50%,0%);
	width: 200% ;
	text-align: center ;
	font-size: 20px ;
	/** font-size: 14px ; **/
	opacity: 0 ;
	font-weight: 400 ;
}



.top_logoanime12_box{
	position: absolute;
	top : 50% ;
	left : 50% ;
	width: 100% ;
	height: 100% ;
	transform: translate(-50%,-50%);
}
.top_logoanime12{
	position: absolute ;
	bottom : 0% ;
	left: -20% ;
	width: 100% ;
	opacity : 0  ;
	margin-top : 50px ;
}

.top_fv_superbox{
	width: 100% ;
	max-width: 2560px ;
	margin : 0px auto ;
	padding : 30px 0px 0px 0px ;
	z-index: 11 ;
}
.top_fv_image{
	float : right ;
	min-width: 66% ;
	opacity: 0 ;
}
.top_fv_image img{
	width: 100% ;
	max-width: 1280px ;
}

.top_fv_catch{
	position: absolute ;
	top : calc( 18% + 240px );
	left : calc( 50% - 780px ) ;
	font-size: 42px ;
	font-weight: 700 ;
	z-index: 24 ;
	opacity: 0 ;
}


.top_about_section{
	width: 100% ;
	padding-top : 50px ;
	padding-bottom : 110px ;
}

.top_about_back{
	position: absolute;
	bottom : -20% ;
	left : 0% ;
	width: 100% ;
	z-index: 2 ;
}
.top_about_inner{
	width: 100% ;
	max-width: 2560px ;
	margin : 0px auto ;
	z-index: 4 ;
}

.top_about_imagebox{ 
	float : right ;
	width : 46% ;
	z-index: 14 ;
}
.top_about_imagebox img{
	width: 100% ;
}

.top_about_storybox_wrap{
	float : left ;
	width: 54% ;
	z-index: 14 ;
}

.top_about_storybox{
	float : right ;
	width: 100% ;
	max-width: 700px ;
	padding-right : 8% ;
}
.top_about_is{
	font-size: 20px ;
}

.top_about_title{
	font-size: 26px ;
	font-weight: 700 ;
	margin-top : 24px ;
}

.top_about_story{
	margin-top: 40px ;
}
.top_about_story p{
	margin-bottom : 24px ;
}


.top_about_slide_superbox{
	width: 100% ;
	max-width: 2560px ;
	margin : 100px auto 0px ;
	z-index: 28;
}


.top_about_slideitem{
	width: 275px !important;
}
.top_about_slideitem img{
	width: 100% ;
}



.top_shop_section{
	width: 100% ;
	padding : 110px 0px 250px ;
}

.top_shop_bar_t{
	position: absolute;
	top : 4px ;
	right : 0% ;
	width: calc( 100% - 40px );
	height: 1px ;
	background-color : #D0D0D0 ;
}
.top_shop_bar_b{
	position: absolute;
	bottom : 4px ;
	right : 0% ;
	width: calc( 100% - 40px );
	height: 1px ;
	background-color : #D0D0D0 ;
}

.top_shop_title_en{
	font-size: 40px ;
	text-align: center ;
}
.top_shop_title_jp{
	text-align: center ;
}

.top_shop_story{
	width: 100% ;
	max-width: 960px ;
	padding : 0px 40px ;
	margin : 20px auto 0px ;
}


.top_shop_inner{
	width: 100% ;
	max-width: 1400px ;
	margin : 168px auto 0px ;
}

.top_shop_itmebox{
	width: 100% ;
	margin-bottom : 174px ;
}

.top_shop_itme_image{
	position: absolute ;
	top : -78px ;
	left : 0px ;
	width: calc( 38% + 110px );
	z-index: 14 ;
}
.top_shop_item_back{
	position: absolute;
	top : -82px ;
	right : 0px ;
	height: 83px ;
	z-index: 11;
}

.top_shop_itme_story{
	float : right ;
	width: 62% ;
	max-width: 860px ;
	background-color: #F5F5F5 ;
	padding : 92px 68px 80px 180px ;
	overflow: hidden;
	z-index: 12;
}
.top_shop_itme_story_p{
	z-index: 15;
}

.top_shop_itme_title{
	font-size: 35px ;
	font-weight: 700 ;
	padding-right : 120px ;
	line-height: 42px ;
	z-index: 15 ;
}
.top_shop_itme_title p{
	font-size: 16px ;
	font-weight: 400 ;
	line-height: 32px ;
	z-index: 15 ;
}
.top_shop_itme_title img{
	position: absolute;
	top : 50% ;
	right : 0% ;
	transform: translate(0%,-50%);
	z-index: 15 ;
}


.top_logo_eneos{
	width: 200px ;
	z-index: 15 ;
}


.top_shop_itme_subtitle{
	margin-top : 40px ;
	font-size: 24px ;
	font-weight: 700 ;
	z-index: 15 ;
}


.top_shop_item_logoback{
	position: absolute;
	bottom : -32px ;
	right : 40px ;
	width: 340px ;
	z-index: 14 ;
}

.top_logo_eneos{	width: 100px ;	}
.top_logo_evquick{	width: 102px ;	}
.top_logo_keeper{	width: 159px ;	}
.logo_mulberry{	width: 165px ;	}

.top_shop_itmebox.evens .top_shop_itme_image{
	left : auto ;
	right : 0px ;
}
.top_shop_itmebox.evens .top_shop_item_back{
	right : auto ;
	left : 0px ;
}

.top_shop_itmebox.evens .top_shop_itme_story{
	float : left ;
	padding : 92px 180px 80px 68px ;
}




.top_shop_itmebox_l{
	width: 100% ;
	/** margin : 0px auto 246px ; **/
	margin : 0px auto 150px ;
	background-color: #F5F5F5 ;
	padding : 68px 46px 408px ;

	z-index: 12;
}

.top_shop_itmebox_l_wrap{
	width: 100% ;
}

.top_shop_itme_l_title{
	float : left ;
	font-size: 35px ;
	font-weight: 700 ;
	padding-right : 120px ;
	line-height: 42px ;
	width: 49% ;
	z-index: 15 ;
}
.top_shop_itme_l_title p{
	font-size: 16px ;
	font-weight: 400 ;
	line-height: 32px ;
	z-index: 15 ;
}
.top_shop_itme_l_title img{
	position: absolute;
	top : 50% ;
	right : 0% ;
	transform: translate(0%,-50%);
	z-index: 15 ;
}


.top_shop_itme_l_story{
	float : right ;
	width: 49% ;
	padding : 0px 36px 0px 50px;
	z-index: 12;
}

.top_shop_itme_l_story .top_shop_itme_subtitle{
	margin-top : 0px ;
}

.top_shop_itmebox_l .top_shop_item_logoback{
	bottom : auto ;
	top : -30px ;
}


.top_shop_itmebox_l_imagebox{
	width: calc( 100% - 92px );
	margin : -700px auto 0px ;
	z-index: 16 ;
}
.top_shop_itmebox_l_imagebox.hascoffee{
	margin : -700px auto 0px ;
}

.top_shop_itmebox_l_image_l{
	float : left ;
	width: 49% ;
	max-width: 630px ;
}
.top_shop_itmebox_l_image_r{
	float : right ;
	width: 49% ;
	max-width: 630px ;
}

.top_shop_itme_l_title_notice{
	font-size: 18px ;
	font-weight: 700 ;
	color : #DF371D ;
}



.top_sustain_section{
	width: 100% ;
	padding : 120px 0px 120px ;
	background-color: #F7F5F5 ;
}

.top_sustain_inner{
	width: 100% ;
	max-width: 1480px ;
	padding : 0px 40px; 
	margin : 0px auto ;
	z-index: 14 ;
}



.top_sustain_left{
	float : left ;
	width: 454px ;
}

.top_sustain_right{
	float : right ;
	width: calc( 100% - 460px );
	max-width: 816px ;
}


.top_sustain_left_title{
	font-size: 40px ;
	line-height: 50px ;
}

.top_sustain_left_title_en{
	font-size: 16px ;
	line-height: 32px ;
}

.top_sustain_left_story{
	margin-top : 25px ;
}



.top_sustain_kasugaibox{
	width: 100%;
    background-color: #FFFFFF;
    border-radius: 10px;
    box-shadow: 0px 0px 15px rgba(0,0,0,0.05);
    padding: 50px 30px 102px 250px;
    text-align: center;
    margin-top: 120px;
}


.top_sustain_mainimage{
	position: absolute ;
	top : -32px ;
	left : 20px ;
	border : 12px solid #FFFFFF ;
	width: 234px ;
	height: 234px ;
	border-radius: 50% ;
	overflow: hidden ;
}
.top_sustain_mainimage img{
	width: 100% ;
	height: 100% ;
	object-fit: cover ;
}

.top_sustain_kasugai_title{
	font-size: 24px ;
	font-weight: 700 ;
}

.top_sustain_kasugai_title_bar{
	width: 54px ;
	height: 3px ;
	background-color: #222222 ;
	margin : 12px auto ;
}

.top_sustain_kasugai_dotbar{
	position: absolute;
	bottom : 12px ;
	left : 50% ;
	transform: translate(-50%,0%);
	width: calc( 100% - 24px );
	height: 1px ;
	border-top : 2px dashed #B7B7B7 ;

}

.top_sustain_circle{
	width: 100% ;
}
.top_sustain_circleimage{
	position: absolute;
	top : 50% ;
	left : 50% ;
	transform: translate(-50%,-50%);
	width: 50% ;
}
.top_sustain_circleimage_dummy{
	width: 100% ;
	opacity: 0 ;
}





.top_sustain_circle_wrap{
	position: absolute ;
	top : 50% ;
	left: 50% ;
	transform: translate(-50%,-50%);
	width: 792px ;
	height: 792px ;
	border : 2px dashed #B7B7B7 ;
	border-radius: 50% ;
	z-index: 11 ;
}

.top_sustain_circle_logo{
	position: absolute ;
	top : 42% ;
	left : 50% ;
	transform: translate(-50%,-50%);
	width: 240px ;
	height: 240px ;
	z-index: 14 ;
}
.top_sustain_circle_logo img{
	width: 100% ;
}

.top_sustain_circle_logo_catch{
	position: absolute ;
	top : 100% ;
	left : 0% ;
	width: 100% ;
	text-align: center ;
}

.top_sustain_circle01{
	position: absolute ;
	top : 32px ;
	left : 32px ;
	width: 232px ;
	height: 232px ;
	z-index:  14 ;
}

.top_sustain_circle01_imagebox{
	position: absolute ;
	top : 50% ;
	left : 50% ;
	width: 100% ;
	height: 100% ;
	transform: translate(-50%,-50%);
	border : 12px solid #FFFFFF ;
	border-radius: 50% ;
	overflow: hidden ;
}
.top_sustain_circle01_imagebox img{
	width: 100% ;
	height: 100% ;
	object-fit: cover ;
}

.top_sustain_circle02{
	position: absolute ;
	top : 32px ;
	right : 32px ;
	width: 232px ;
	height: 232px ;
	z-index:  14 ;
}

.top_sustain_circle02_imagebox{
	position: absolute ;
	top : 50% ;
	left : 50% ;
	width: 100% ;
	height: 100% ;
	transform: translate(-50%,-50%);
	border : 12px solid #FFFFFF ;
	border-radius: 50% ;
	overflow: hidden ;
}
.top_sustain_circle02_imagebox img{
	width: 100% ;
	height: 100% ;
	object-fit: cover ;
}

.top_sustain_circle03{
	position: absolute ;
	bottom : 32px ;
	right : 32px ;
	width: 232px ;
	height: 232px ;
	z-index:  14 ;
}

.top_sustain_circle03_imagebox{
	position: absolute ;
	top : 50% ;
	left : 50% ;
	width: 100% ;
	height: 100% ;
	transform: translate(-50%,-50%);
	border : 12px solid #FFFFFF ;
	border-radius: 50% ;
	overflow: hidden ;
}
.top_sustain_circle03_imagebox img{
	width: 100% ;
	height: 100% ;
	object-fit: cover ;
}

.top_sustain_circle04{
	position: absolute ;
	bottom : 32px ;
	left : 32px ;
	width: 232px ;
	height: 232px ;
	z-index:  14 ;
}

.top_sustain_circle04_imagebox{
	position: absolute ;
	top : 50% ;
	left : 50% ;
	width: 100% ;
	height: 100% ;
	transform: translate(-50%,-50%);
	border : 12px solid #FFFFFF ;
	border-radius: 50% ;
	overflow: hidden ;
}
.top_sustain_circle04_imagebox img{
	width: 100% ;
	height: 100% ;
	object-fit: cover ;
}


.top_sustain_circle_item{
	position: absolute;
	top : 100% ;
	left : 0% ;
	width: 100% ;
	z-index: 14 ;
	text-align: center ;
}

.top_sustain_circle_item_story{
	font-size: 22px ;
	font-weight: 700 ;
}

.top_sustain_circle_item_bar{
	width: 55px;
	height: 3px ;
	background-color: #222222 ;
	margin : 6px auto ;
}


.top_sustain_tree01{
	position: absolute;
	top : 0px ;
	left : 258px ;
	width: 60px ;
	z-index: 13 ;
}

.top_sustain_tree02{
	position: absolute;
	bottom : 260px ;
	right : 10px ;
	width: 72px ;
	z-index: 13 ;
}

.top_sustain_people{
	position: absolute;
	top : 48px ;
	left : 50% ;
	width: 120px ;
	z-index: 13 ;
}

.top_sustain_solar{
	position: absolute;
	bottom : 80px ;
	left : 50% ;
	transform: translate(-50%,0%);
	width: 186px ;
	z-index: 13 ;
}
.top_sustain_solar img{
	width: 100% ;
}

.top_sustain_solar_story{
	position: absolute;
	top : 100% ;
	left : 0% ;
	width: 100% ;
	text-align: center ;
	font-size: 14px ;
}


.top_sustain_car{
	position: absolute;
	top : 50% ;
	left : -20px ;
	width: 104px ;
	z-index: 13 ;
}
.top_sustain_car img{
	width: 100% ;
}

.top_sustain_car_story{
	position: absolute ;
	top : 50% ;
	left : 110% ;
	transform: translate(0%,-50%);
	width: 174px ;
	font-size: 14px ;
}

.top_access_section{
	width: 100% ;
	padding : 120px 0px ;
}


.top_access_title_en{
	font-size: 40px ;
}
.top_access_title_jp{
}

.top_access_inner{
	width: 100% ;
	max-width: 1480px ;
	padding : 0px 40px ;
	margin : 0px auto ;
}


.top_access_add{
	font-size: 22px ;
	padding-left : 24px ;
	margin-top : 20px ;
}
.top_access_add img{
	position: absolute;
	top : 50% ;
	left : 0% ;
	transform: translate(0%,-50%);
	width: 22px ;
}

.top_gmaps{
	float : right ;
	width: calc( 50% + 700px );
	height: 600px ;
	margin-top : 20px ;
}
.top_gmaps iframe{
	width: 100% ;
	height: 100% ;
}


.top_access_flex{
	width: 100% ;
	max-width: 1480px ;
	margin : 36px auto 0px ; 
	padding : 0px 40px ;
}

.top_access_flex_item{
	width: 32% ;
	padding : 46px 0px 28px ;
}

.top_access_flex_item_logo{
	margin : 0px auto ;
}


.top_access_flex_item_name{
	margin-top: 36px ;
	text-align: center ;
	font-size: 24px ;
	font-weight: 700 ;
}

.top_access_flex_item_tel{
	font-size: 20px ;
	text-align: center ;
}
.top_access_flex_item_tel img{
	display: inline-block ;
	width: 22px ;
	margin-right : 2px ;
	margin-bottom : -5px 
}

.top_access_flex_item_during{
	width: calc( 100% - 20px ) ;
	max-width: 350px ;
	margin : 12px auto 0px ;
	border: 1px solid #9D9D9D ;
	border-radius: 5px ;
	padding : 16px 6px;
}

.top_access_flex_item_during_table{
	margin-top : 0px ;
	width: 100% ;
	font-size: 20px ;
	line-height: 24px ;
}
.top_access_flex_item_during_title{
	text-align: center ;
}

.top_access_flex_item_during_l{
	text-align: center ;
}

.top_access_flex_item_pipe{
	width: 1px ;
	background-color: #9D9D9D;
}




.top_access_flex_item_notice{
	width: 90% ;
	max-width: 256px ;
	padding : 8px ;
	background-color: #DF371D ;
	border-radius: 5px ;
	margin : 50px auto 0px ;
	font-size: 24px ;
	line-height: 36px ;
	font-weight: 700 ;
	color : #FFFFFF ;
	text-align: center;
}

.top_access_flex_item_notice02{
	width: 90% ;
	max-width: 256px ;
	color: #DF371D ;
	margin : 20px auto 0px ;
	font-size: 18px ;
	font-weight: 700 ;
	text-align: center;
}


.top_footer_section{
	width: 100% ;
	padding : 100px 0px 0px ;
}


.top_footer_line_catch{
	width: 380px ;
	margin : 0px auto ;
	padding : 0px 12px ;
	text-align: center ;

}
.top_footer_icon_backslash{
	position: absolute;
	top : 50% ;
	left : 0% ;
	width: 12px ;
	transform: translate(0%,-50%);
}
.top_footer_icon_slash{
	position: absolute;
	top : 50% ;
	right : 0% ;
	width: 12px ;
	transform: translate(0%,-50%);
}

.top_footer_linebox{
	width: 90% ;
	max-width: 500px ;
	border : 1px solid #9D9D9D ;
	background-color: #FFFFFF ;
	padding : 32px 32px 32px 50px ;
	border-radius: 10px ;
	margin : 24px auto 0px ;
	z-index: 14 ;
}



.top_footer_line_icon{
	float : left ;
	width: 128px ;
}

.top_footer_linebox_right{
	float : right ;
	width: 256px ;
}
.top_footer_linebox_right_title{
	font-size: 18px ;
	font-weight: 700 ;
}
.top_footer_linebox_right_link{
	margin-top : 10px ;
}

.top_footer_linebox_right_link_btn{
	display: inline-block ;
	width: 36px ;
	height: 36px ;
	border-radius: 50% ;
	background-color: #F7F5F5 ;
	margin-left : 10px ;
	margin-bottom : -11px ;
}
.top_footer_linebox_right_link_btn img{
	position: absolute;
	top : 50% ;
	left: 50% ;
	transform: translate(-50%,-50%);
	width: 14px ;
}


.top_footer_imagebox{
	width: 100% ;
	height: 390px ;
	margin-top : 160px ;
}

.top_footer_image_back{
	position: absolute ;
	bottom : 99% ;
	left : 10% ;
	width: 100% ;
	z-index: 4;
}

.top_footer_image{
	position: absolute;
	top : 0% ;
	left: 0% ;
	width: 100% ;
	height: 100% ;
	object-fit: cover ;
	z-index:  6;
}





.top_belt_fv{
	position: absolute;
	top : 0% ;
	left : 0% ;
	width: 25px ;
	height: 100% ;
	background: linear-gradient(to bottom, #FFEC01, #89C0B1 , #A19ACB ) ;
	z-index: 28;
	display: none ;
}

.top_belt_about{
	position: absolute;
	top : 0% ;
	left : 0% ;
	width: 25px ;
	height: 100% ;
	background: linear-gradient(to bottom, #A19ACB, #E43D1A ) ;
	z-index: 28;
	display: none ;
}

.top_belt_shop{
	position: absolute;
	top : 0% ;
	left : 0% ;
	width: 25px ;
	height: 100% ;
	background: linear-gradient(to bottom, #E43D1A , #F0A8AC , #D06CA4 ) ;
	z-index: 28;
	display: none ;
}

.top_belt_style{
	position: absolute;
	top : 0% ;
	left : 0% ;
	width: 25px ;
	height: 100% ;
	background: linear-gradient(to bottom, #D06CA4 , #8BAEDF ) ;
	z-index: 28;
	display: none ;
}


.top_belt_sustain{
	position: absolute;
	top : 0% ;
	left : 0% ;
	width: 25px ;
	height: 100% ;
	background: linear-gradient(to bottom, #8BAEDF , #8AC6EE ) ;
	z-index: 28;
	display: none ;
}

.top_belt_access{
	position: absolute;
	top : 0% ;
	left : 0% ;
	width: 25px ;
	height: 100% ;
	background: linear-gradient(to bottom, #8AC6EE , #EBD53F ) ;
	z-index: 28;
	display: none ;
}

.top_belt_sns{
	position: absolute;
	top : 0% ;
	left : 0% ;
	width: 25px ;
	height: 100% ;
	background: linear-gradient(to bottom, #EBD53F , #F8E444 ) ;
	z-index: 28;
	display: none ;
}


.top_belt_footer{
	position: absolute;
	top : 0% ;
	left : 0% ;
	width: 25px ;
	height: 100% ;
	background: linear-gradient(to bottom, #F8E444 , #FFEC46 ) ;
	z-index: 28;
	display: none ;
}


#top_lefttitle_about{
	position: fixed ;
	top : 100px ;
	left : 40px;
	font-size: 22px ;
	font-weight: 200 ;
	padding-left : 18px ;
	z-index: 29 ;
	transform : rotate(90deg) ;
	transform-origin: left bottom ;
	display: none ;

}
#top_lefttitle_about div{
	position: absolute;
	top : 50% ;
	left : 0% ;
	transform: translate(0%,-50%);
	width: 15px ;
	height: 15px ;
	border-radius: 50% ;
	background-color: #FFEC01 ;
}


#top_lefttitle_shop{
	position: fixed ;
	top : 100px ;
	left : 40px;
	font-size: 22px ;
	font-weight: 200 ;
	padding-left : 18px ;
	z-index: 29 ;
	transform : rotate(90deg) ;
	transform-origin: left bottom ;
	display: none ;

}
#top_lefttitle_shop div{
	position: absolute;
	top : 50% ;
	left : 0% ;
	transform: translate(0%,-50%);
	width: 15px ;
	height: 15px ;
	border-radius: 50% ;
	background-color: #E43D1A ;
}

#top_lefttitle_style{
	position: fixed ;
	top : 100px ;
	left : 40px;
	font-size: 22px ;
	font-weight: 200 ;
	padding-left : 18px ;
	z-index: 29 ;
	transform : rotate(90deg) ;
	transform-origin: left bottom ;
	display: none ;

}
#top_lefttitle_style div{
	position: absolute;
	top : 50% ;
	left : 0% ;
	transform: translate(0%,-50%);
	width: 15px ;
	height: 15px ;
	border-radius: 50% ;
	background-color: #D06CA4 ;
}

#top_lefttitle_sustain{
	position: fixed ;
	top : 100px ;
	left : 40px;
	font-size: 22px ;
	font-weight: 200 ;
	padding-left : 18px ;
	z-index: 29 ;
	transform : rotate(90deg) ;
	transform-origin: left bottom ;
	display: none ;

}
#top_lefttitle_sustain div{
	position: absolute;
	top : 50% ;
	left : 0% ;
	transform: translate(0%,-50%);
	width: 15px ;
	height: 15px ;
	border-radius: 50% ;
	background-color: #8BAEDF ;
}

#top_lefttitle_access{
	position: fixed ;
	top : 100px ;
	left : 40px;
	font-size: 22px ;
	font-weight: 200 ;
	padding-left : 18px ;
	z-index: 29 ;
	transform : rotate(90deg) ;
	transform-origin: left bottom ;
	display: none ;

}
#top_lefttitle_access div{
	position: absolute;
	top : 50% ;
	left : 0% ;
	transform: translate(0%,-50%);
	width: 15px ;
	height: 15px ;
	border-radius: 50% ;
	background-color: #8AC6EE ;
}

#top_lefttitle_sns{
	position: fixed ;
	top : 100px ;
	left : 40px;
	font-size: 22px ;
	font-weight: 200 ;
	padding-left : 18px ;
	z-index: 29 ;
	transform : rotate(90deg) ;
	transform-origin: left bottom ;
	display: none ;

}
#top_lefttitle_sns div{
	position: absolute;
	top : 50% ;
	left : 0% ;
	transform: translate(0%,-50%);
	width: 15px ;
	height: 15px ;
	border-radius: 50% ;
	background-color: #EBD53F ;
}

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



#top_lefttitle_about{
	left : -40px;
}

#top_lefttitle_shop{
	left : -40px;
}
#top_lefttitle_sustain{
	left : -40px;
}
#top_lefttitle_access{
	left : -40px;
}

.top_fv_logo{
	left: 0px ;
}
.top_fv_catch{
	left : 40px ;
}

}

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


.top_about_storybox{
	padding-left : 40px ;
}
.top_gmaps{
	float : right ;
	width: calc( 100% - 40px );
	height: 600px ;
	margin-top : 20px ;
}

.top_shop_itmebox_l_image_l{
	width: 46% ;
}

}


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


.top_logoanime_wrap{
	position: absolute ;
	top : 0% ;
	left : 50% ;
	width : calc( 100% - 80px ) ;
	max-width: 1560px ;
	transform: translate(-50%,0%);
	height: 100vh ;
	z-index:  24 ;
}


.top_fv_logo{
	position: absolute;
	top : 10px ;
	left: 50%; ;
	width: 100px ;
	transform: translate(-50%,0%);
}

.top_fv_superbox{
	padding : 120px 0px 0px 0px ;
}
.top_fv_image{
	float : right ;
	width:87% ;
	height: 300px ;
	min-height: 300px;
}
.top_fv_image img{
	width: 100% ;
	height: 100% ;
	object-fit: cover ;
}

.top_fv_catch{
	position: absolute ;
	top : 136px ;
	left : 40px ;
	font-size: 18px ;
}

.top_about_section{
	padding-top : 15px ;
	padding-bottom : 60px ;
}

.top_about_back{
	bottom : -10% ;
	left : 0% ;
	width: 300% ;
}

.top_about_imagebox{ 
	width : 75% ;
}

.top_about_storybox_wrap{
	float : none ;
	width: 100% ;
	margin : 40px auto;
	padding-left : 0px ;
}

.top_about_storybox{
	float : none ;
	padding : 0px 30px 0px 50px ;
	margin : 0px auto;
}
.top_about_is{
	font-size: 14px ;
}

.top_about_title{
	font-size: 18px ;
	margin-top : 12px ;
}

.top_about_story{
	margin-top: 24px ;
}
.top_about_story p{
	margin-bottom : 24px ;
}


.top_about_slide_superbox{
	margin : 36px auto 0px ;
}


.top_about_slideitem{
	width: 100px !important;
}

.top_shop_section{
	padding : 60px 0px 142px 12px;
}

.top_shop_bar_t{
	top : 2px ;
	width: calc( 100% - 25px );
}
.top_shop_bar_b{
	bottom : 2px ;
	width: calc( 100% - 25px );
}

.top_shop_title_en{
	font-size: 28px ;
}
.top_shop_title_jp{
	margin-top : 12px ;
}

.top_shop_story{
	padding : 0px 30px 0px 50px ;
}


.top_shop_inner{
	max-width: 640px ;
}

.top_shop_itmebox{
	padding-left : 40px ;
	margin-bottom : 190px ;
}

.top_shop_itme_image{
	top : -110px ;
	left : 40px ;
	width: 256px ;
}
.top_shop_item_back{
	position: absolute;
	top : -165px ;
	height: 58px ;
}

.top_shop_itme_story{
	width: calc( 100% - 20px ) ;
	padding : 80px 24px 32px 24px ;
}

.top_shop_itme_title{
	font-size: 24px ;
	padding-right : 72px ;
	line-height: 32px ;
}
.top_shop_itme_title p{
	font-size: 14px ;
	line-height: 32px ;
}
.top_shop_itme_title img{
	top : 0% ;
	transform: translate(0%,0%);
}




.top_shop_itme_subtitle{
	margin-top : 16px ;
	font-size: 18px ;
}


.top_shop_item_logoback{
	bottom : -32px ;
	right : -40px ;
	width: 220px ;
}

.top_logo_eneos{	width: 56px ;	}
.top_logo_evquick{	width: 56px ;	}
.top_logo_keeper{	width: 88px ;	}
.logo_mulberry{	width: 165px ;	}

.top_shop_itmebox.evens .top_shop_itme_image{
	left : auto ;
	right : 0px ;
}
.top_shop_itmebox.evens .top_shop_item_back{
	left : 50px ;
}

.top_shop_itmebox.evens .top_shop_itme_story{
	width: 100% ;
	padding : 80px 24px 32px 24px ;
}




.top_shop_itmebox_l{
	margin-bottom : 190px ;
	padding : 0px 0px 0px 40px ;
	background-color: transparent ;
}

.top_shop_itmebox_l.last{
	margin-bottom : 60px ;
}

.top_shop_itmebox_l_wrap{
	float : right ;
	width: calc( 100% - 20px );
	background-color: #F5F5F5 ;
	/** padding : 40px 24px 32px 24px ; **/
	padding : 80px 24px 32px 24px ;
}
.top_shop_itmebox_l.evens.last .top_shop_itmebox_l_wrap{
	float : left ;
	width: 100% ;
}

.top_shop_itme_l_title{
	float : none ;
	font-size: 24px ;
	line-height: 32px ;
	width: 100% ;
	padding-right : 0px ;
}
.top_shop_itme_l_title p{
	font-size: 14px ;
	line-height: 32px ;
}
.top_shop_itme_l_title img{
	position: relative ;
	top : auto ;
	right : auto ;
	transform: translate(0%,0%);
	margin : 12px auto 0px ;
}


.top_shop_itme_l_story{
	float : none ;
	width: 100% ;
	padding : 0px;
}

.top_shop_itme_l_story .top_shop_itme_subtitle{
	margin-top : 20px ;
}

.top_shop_itmebox_l .top_shop_item_logoback{
	bottom : auto ;
	top : -30px ;
}


.top_shop_itmebox_l_imagebox{
	width: calc( 100% - 92px );
	margin : -400px auto 0px ;
	z-index: 16 ;
}
.top_shop_itmebox_l_imagebox.hascoffee{
	margin : -700px auto 0px ;
}


/**
.top_shop_itmebox_l_imagebox{
	position: absolute;
	top : -94px ;
	left : auto ;
	right : 0% ;
	transform: translate(0%,0%);
	width: calc( 100% - 50px );
	max-width: 370px ;
}
**/
.top_shop_itmebox_l_image_l{
	width: 48% ;
}
.top_shop_itmebox_l_image_r{
	width: 100% ;
}

.top_shop_itme_l_title_notice{
	font-size: 14px ;
}



.top_sustain_section{
	padding : 60px 0px 60px ;
}

.top_sustain_inner{
	padding : 0px 30px 0px 50px ;
}


.top_sustain_left{
	float : none ;
	width: 100% ;
}

.top_sustain_right{
	float : none ;
	width: 100% ;
	max-width: 640px ;
	margin-left : auto ;
	margin-right : auto ;
}


.top_sustain_left_title{
	font-size: 28px ;
	text-align: center;
}

.top_sustain_left_title_en{
	font-size: 14px ;
	text-align: center;
}

.top_sustain_left_story{
	margin-top : 25px ;
	max-width: 800px ;
	margin-left : auto ;
	margin-right : auto ;
}



.top_sustain_kasugaibox{
	max-width: 300px ;
	padding : 12px 12px 12px 80px ;
	margin : 46px auto 0px ;
	font-size: 10px ;
}


.top_sustain_mainimage{
	top : -12px ;
	left : 4px ;
	border : 4px solid #FFFFFF ;
	width: 80px ;
	height: 80px ;
}

.top_sustain_kasugai_title{
	font-size: 10px ;
}

.top_sustain_kasugai_title_bar{
	width: 22px ;
	height: 2px ;
	margin : 6px auto ;
}

.top_sustain_kasugai_dotbar{
	bottom : 4px ;
	border-top : 1px dashed #B7B7B7 ;

}

.top_sustain_circle{
	margin-top : 24px ;
}

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


.top_access_title_en{
	font-size: 28px ;
	text-align: center ;
}
.top_access_title_jp{
	margin-top : 8px ;
	text-align: center ;
}

.top_access_inner{
	padding : 0px 30px 0px 50px  ;
}


.top_access_add{
	font-size: 16px ;
	padding-left : 18px ;
}
.top_access_add img{
	width: 16px ;
}

.top_gmaps{
	float : right ;
	width: calc( 100% - 60px );
	height: 360px ;
	margin-top : 16px ;
}

.top_access_flex{
	max-width: 640px ;
	margin : 36px auto 0px ; 
	padding : 0px 30px 0px 50px ;
}

.top_access_flex_item{
	width: 100% ;
	padding : 36px 0px 28px ;
}

.top_access_flex_item_name{
	margin-top: 18px ;
	font-size: 18px ;
}

.top_access_flex_item_tel{
	font-size: 16px ;
}
.top_access_flex_item_tel img{
	width: 16px ;
	margin-right : 2px ;
	margin-bottom : -3px 
}

.top_access_flex_item_during{
	width: 100% ;
	max-width: 350px ;
	margin : 16px auto 0px ;
	padding : 10px 6px;
}

.top_access_flex_item_during_table{
	font-size: 16px ;
	line-height: 20px ;
}
.top_access_flex_item_pipe{
	width: 100% ;
	height: 1px ;
	background-color: #9D9D9D;
}

.top_access_flex_item_notice{
	width: 90% ;
	max-width: 174px ;
	padding : 16px ;
	margin : 16px auto 0px ;
	font-size: 16px ;
	line-height: 26px ;
}

.top_footer_section{
	padding : 40px 0px 0px ;
}

.top_footer_line_catch{
	width: 320px ;
}

.top_footer_linebox{
	max-width: 280px ;
	padding : 20px ;
	margin : 14px auto 0px ;
}

.top_footer_line_icon{
	width: 64px ;
}

.top_footer_linebox_right{
	width: calc( 100% - 80px ) ;
}
.top_footer_linebox_right_title{
	font-size: 16px ;
}
.top_footer_linebox_right_link{
	text-align: center ;
	margin-top : 10px ;
}

.top_footer_linebox_right_link_btn{
	width: 25px ;
	height: 25px ;
	margin-left : 4px ;
	margin-bottom : -6px ;
}
.top_footer_linebox_right_link_btn img{
	width: 10px ;
}


.top_footer_imagebox{
	height: 166px ;
	margin-top : 32px ;
}

.top_belt_fv{
	width: 12px ;
}

.top_belt_about{
	width: 12px ;
}

.top_belt_shop{
	width: 12px ;
}
.top_belt_style{
	width: 12px ;
}

.top_belt_sustain{
	width: 12px ;
}

.top_belt_access{
	width: 12px ;
}
.top_belt_sns{
	width: 12px ;
}

.top_belt_footer{
	width: 12px ;
}


#top_lefttitle_about{
	top : 56px ;
	left : 16px;
	font-size: 12px ;
	padding-left : 12px ;
}
#top_lefttitle_about div{
	width: 9px ;
	height: 9px ;
}

#top_lefttitle_shop{
	top : 56px ;
	left : 16px;
	font-size: 12px ;
	padding-left : 12px ;
}
#top_lefttitle_shop div{
	width: 9px ;
	height: 9px ;
}

#top_lefttitle_style{
	top : 56px ;
	left : 16px;
	font-size: 12px ;
	padding-left : 12px ;
}
#top_lefttitle_style div{
	width: 9px ;
	height: 9px ;
}

#top_lefttitle_sustain{
	top : 56px ;
	left : 16px;
	font-size: 12px ;
	padding-left : 12px ;
}
#top_lefttitle_sustain div{
	width: 9px ;
	height: 9px ;
}

#top_lefttitle_access{
	top : 56px ;
	left : 16px;
	font-size: 12px ;
	padding-left : 12px ;
}
#top_lefttitle_access div{
	width: 9px ;
	height: 9px ;
}


#top_lefttitle_sns{
	top : 56px ;
	left : 16px;
	font-size: 12px ;
	padding-left : 12px ;
}
#top_lefttitle_sns div{
	width: 9px ;
	height: 9px ;
}


}
.shop_margin
{
	padding: 110px 0px 110px;
}


.top_sustain_kasugai_text {
    font-size: 14px;
    width: 380px;
    margin-left: -220px;
    top: 60px;
}
.top_sustain_kasugai_ss {
    font-size: 14px;
    font-weight: bold;
}
@media screen and (max-width: 1200px){
	.shop_margin {
		padding: 60px 0px 20px 12px !important
	}

	.top_sustain_kasugai_ss {
		font-size: 10px;
		font-weight: bold;
	}

}

.top_shop_center {
    text-align: center;
}
@media screen and (max-width: 1200px){
.sp-none {
    display: none;
}
}

/* インスタ埋め込み調整 */
.top_sns_instaaccount_link {
    /* margin: 0 auto; */
    text-align: center;
}

div#sns {
	padding: 110px 0px 0px;
}

iframe.snapwidget-widget {
	max-width: 1094px;
}
@media screen and (max-width: 1200px){
	iframe.snapwidget-widget {
		max-width: 800px;
		height: 600px !important;
	}
}

@media screen and (max-width: 750px){
	iframe.snapwidget-widget {
		max-width: 300px;
		max-height: 200px;
	}
	div#sns {
		padding: 60px 0px;
	}
	.media-image-wrapper {
		margin: 0 0 20px 20px !important;
	}
	}