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


.sixtyel_anchor{
	position: absolute ;
	width : 100%;
	height : 1px ;
	top : -120px ;
	left : 0px ;
}


#header{
	position: fixed ;
	top : 0px ;
	left : 0px ;
	width : 100% ;
	height : 100px ;
	background-color : rgba(255,255,255,0.8) ;
	z-index : 44 ;
}
#header.top{
	background-color : transparent ;
}

.header_logo{
	position: absolute ;
	top : 50% ;
	left : 40px ;
	width : 310px ;
	transform : translate(0% , -50% );
}
.header_logo img{
	width : 100% ;
}
#header.top .header_logo{
	top : 50% ;
	left : 70px ;
	width : 96px ;
	transform : translate(0% , 0% );
}

.header_menu_superbox{
	float : right ;
	width : calc( 100% - 400px ) ;
	padding-right : 40px ;
}


.gnavi_itembox{
	float : right ;
	width : 140px ;
	height : 50px ;
	line-height : 50px ;
	font-size : 20px ;
	font-weight : 700 ;
	text-align: center ;
}
.gnavi_itembox_s{
	font-size : 16px ;
}

.gnavi_sns{
	float : right ;
	width : 20px ;
	margin-left : 20px ;
	margin-top : 15px ;
}
.gnavi_sns:hover{
	opacity : 0.6 ;
}

.gnavi_itembox.long{
	width : 260px ;
}
.gnavi_itembox.midium{
	width : 160px  ;
}

.gnavi_itembox_jp{
	position: absolute ;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : 100% ;
	color : #212529 ;
}

.gnavi_itembox_en{
	position: absolute ;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : 100% ;
	color : #212529 ;
	opacity : 0.6 ;
	display: none ;
}

#header.top .gnavi_itembox_jp,
#header.top .gnavi_itembox_en{
	color : #FFFFFF ;
}

.gnavi_itembox.active .gnavi_itembox_jp,
.gnavi_itembox.active .gnavi_itembox_en{
	color : #4694d1 ;
}

.spnavi_superbox{
	position: fixed;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	height : 0% ;
	background-color: #000000 ;
	z-index: 41 ;
	overflow: hidden ;
}

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

.spnavi_itembox_wrap{
	width : 50% ;
	height : 50px ;
	line-height : 50px ;
	text-align: center ;
	font-size: 16px ;
	font-weight: 700 ;
	padding : 0px 10px ;
}
.spnavi_itembox_wrap.long{
	width : 100% ;
}
.spnavi_itembox_wrap_firendship{
	width: 100% ;
}

.spnavi_itembox{
	color: #FFFFFF ;
}

.spnavi_snsbox_wrap{
	width : 32px ;
	height : 32px ;
	margin : 20px 10px ;
}

.spnavi_sns{
	width : 100% ;
}









.ul_header{
	width : 100% ;
	height : auto ;
	z-index: 1 ;
	overflow: hidden ;
	margin-bottom : 80px ;
	top : 0px !important ;
}


.ul_header_image_dummy{
	width : 100% ;
	z-index: 1 ;
	opacity: 0.01 ;
}

.ul_header_image{
	position: absolute;
	top : 0% ;
	left : 0% ;
	width : 100% ;
	z-index: 4 ;
	display: none ;
}

.ul_inner1400{
	width : 100% ;
	max-width: 1400px ;
	margin : 0px auto ;
	padding : 1px 0px ;
}
.ul_inner1280{
	width : 100% ;
	max-width: 1280px ;
	margin : 0px auto ;
	padding : 1px 0px ;
}
.ul_inner1000{
	width : 100% ;
	max-width: 1000px ;
	margin : 0px auto ;
	padding : 1px 0px ;
}

.ul_left{
	float : left ;
	width : 50% ;
	padding : 1px 40px ;
}
.ul_right{
	float : right ;
	width : 50% ;
	padding : 1px 40px 0px 40px ;
}

.ul_left.follow,
.ul_right.follow{
	margin-top : 50px ;
}

.ul_left.follow,
.ul_right.follow{
	margin-top : 70px ;
}

.ul_title{
	font-size : 28px ;
	font-weight : 700 ;
	letter-spacing: 4px ;
}
.ul_title_en{
	font-size : 14px ;
	font-weight: 700 ;
	letter-spacing: 2px ;
}
.ul_title_image{
	width : auto ;
	max-width: 100% ;
	margin : 50px 0px ;
}

.ul_right_title_jp{
	font-size : 15px ;
	font-weight: 400;
	margin-bottom : 20px ;
}
.ul_right_title_jp.large{
	font-size : 22px ;
}

.ul_right_story_jp{
	margin-bottom :50px; 
	font-size : 13px ;
}
.ul_right_story_jp p{
	margin-bottom :20px; 
}
.ul_right_story_jp_small{
	font-size: 11px;
}


.ul_right_title_en{
	font-size : 15px ;
	font-weight: 400;
	margin-bottom : 20px ;
	color : #808080 ;
}
.ul_right_title_en.follow{
	margin-top : 80px ;
}
.ul_right_story_en{
	margin-bottom :50px; 
	font-size : 10px ;
	color : #808080 ;
}
.ul_right_story_en p{
	margin-bottom :10px; 
}


#footer{
	width : 100% ;
	padding : 36px 0px 62px ;
	background-color: #e0e0e1; 
}


.footer_inner{
	width : 100% ;
	max-width : 1400px ;
	margin : 0px auto ;
	padding : 1px 0px ;
}


.footer_logobox{
	float : left ;
	width : 280px ;
	text-align: center ;
	font-size : 12px ;
	margin-right : 80px ;
}
.footer_logobox img{
	width : 100% ;
	max-width : 136px ;
	margin : 0px auto 16px ;
}


.footer_listbox{
	float : left ;
	width : auto ;
	margin : 0px 8px ;
	font-size : 10px ;
	width : 130px 
}
.footer_list_title{
	width : 100% ;
	font-size : 14px ;
	margin-bottom : 8px ;
}
.footer_list_title.follow{
	margin-top : 40px 
}

.footer_gnavi_sns_wrap{
	width : 20px ;
}
.footer_gnavi_sns{
	width : 100% ;
}
.footer_snsbox{
	max-width : 90px ;
	justify-content: space-between !important;
}


.footer_listbox li{
	list-style: none ;
}



.footer_listbox a,
.footer_listbox a:link,
.footer_listbox a:visited{
	color : #212529 ;
}
.footer_listbox a:hover{
	opacity: 0.6;
}

.footer_spacer{
	width : 100% ;
	height : 150px ;
}



.support_hr{
	width : 100% ;
	height : 1px ;
	background-color: #808080 ;
	margin : 132px auto ;
}



.about_history_title{
	width : 100% ;
	border-top : 1px solid #000000 ;
	border-bottom : 1px solid #000000 ;
	font-size : 20px ;
	text-align: center ;
	margin : 50px 0px 20px ;
}

.ul_right.history,
.ul_left.history{
	display: flex ;
	justify-content: space-between;
	flex-wrap : wrap;
}

.about_history_year{
	/** float : left ; **/
	width : 82px ;
	font-size : 13px ;
	padding : 2px 0px ;
	text-align: center ;
	line-height: 20px ;
}
.about_history_story{
	/** float : right ; **/
	width : calc( 100% - 82px );
	border-left : 1px solid #000000 ;
	padding : 2px 13px ;
	line-height: 20px ;
}

























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






.gnavi_itembox{
	font-size : 16px ;
}
.gnavi_itembox_s{
	font-size : 13px ;
}










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


.header_logo{
	left : 20px ;
	width : 18% ;
}
#header.top .header_logo{
}
.header_menu_superbox{
	width : calc( 100% - 260px ) ;
	padding-right : 40px ;
}
.gnavi_itembox{
	width : 120px ;
	font-size : 13px ;
}
.gnavi_itembox_s{
	font-size : 11px ;
	height: 40px ;
	margin-top : 10px ;
}
.gnavi_itembox.long{
	width : 220px ;
}
.gnavi_itembox.midium{
	width: 140px ;
}
.gnavi_sns{
	margin-top : 25px ;
}




}




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


.header_logo{
	left : 20px ;
	width : 160px ;
}
.header_menu_superbox{
	width : calc( 100% - 160px ) ;
	padding-right : 20px ;
}
.gnavi_itembox{
	width : 100px ;
	font-size : 12px ;
}
.gnavi_itembox_s{
	font-size : 10px ;
}
.gnavi_itembox.long{
	width : 180px ;
}
.gnavi_itembox.midium{
	width: 110px ;






#footer{
}


.footer_inner{
	padding : 1px 30px ;
	display: flex;
	justify-content: space-between;
	flex-wrap : wrap;
}


.footer_logobox{
	float : none ;
	width : 100% ;
	text-align: center ;
	margin-bottom : 20px ;
	margin-right : 0px ;
}
.footer_logobox img{
}


.footer_listbox{
	float : none ;
	width : 12.5% ;
	margin : 0px 0px ;
	text-align: center ;
}
.footer_list_title{
	margin-top : 40px ;
}
.footer_list_title.follow{
	margin-top : 20px ;
}

.footer_webshop{
	width : 100% ;
	text-align : center ;
}

.footer_gnavi_sns_wrap{
	width : 20px ;
}
.footer_gnavi_sns{
	width : 100% ;
}
.footer_snsbox{
	max-width : 100px ;
	margin : 20px auto 0px ;
}


.footer_listbox li{
}



.footer_listbox a,
.footer_listbox a:link,
.footer_listbox a:visited{
}
.footer_listbox a:hover{
}






}


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








#header{
	height : 64px ;
	background-color : transparent ;
}
#header.top{
}

.header_logo{
}
#header.top .header_logo{
}

.header_menu_superbox{
}


.gnavi_itembox{
}
.gnavi_itembox_s{
}

.gnavi_sns{
}
.gnavi_sns:hover{
}

.gnavi_itembox.long{
}

.gnavi_itembox_jp{
}

.gnavi_itembox_en{
}

#header.top .gnavi_itembox_jp,
#header.top .gnavi_itembox_en{
}

.gnavi_itembox.active .gnavi_itembox_jp,
.gnavi_itembox.active .gnavi_itembox_en{
}

.spnavi_superbox{
}

.spnavi_superbox_flex{
}

.spnavi_itembox_wrap{
}
.spnavi_itembox_wrap.long{
}

.spnavi_itembox{
}

.spnavi_snsbox_wrap{
}

.spnavi_sns{
}









.ul_header{
}

.ul_header_image_dummy{
}

.ul_header_image{
}

.ul_inner1400{
}


.ul_left{
	float : none ;
	width : 100% ;
	padding : 1px 30px ;
}
.ul_right{
	float : none ;
	width : 100% ;
	padding : 1px 30px ;
}

.ul_left.follow,
.ul_right.follow{
}

.ul_title{
}
.ul_title_en{
}
.ul_title_image{
}

.ul_right_title_jp{
}

.ul_right_story_jp{
}
.ul_right_story_jp p{
}


.ul_right_title_en{
}
.ul_right_title_en.follow{
}
.ul_right_story_en{
}
.ul_right_story_en p{
}


#footer{
}


.footer_inner{
	padding : 1px 30px ;
	display: flex;
	justify-content: space-between;
	flex-wrap : wrap;
}


.footer_logobox{
	float : none ;
	width : 100% ;
	text-align: center ;
	margin-bottom : 20px ;
	margin-right : 0px ;
}
.footer_logobox img{
}


.footer_listbox{
	float : none ;
	width : 50% ;
	margin : 0px 0px ;
	text-align: center ;
}
.footer_list_title{
	margin-top : 40px ;
}
.footer_list_title.follow{
	margin-top : 20px ;
}

.footer_webshop{
	width : 100% ;
	text-align : center ;
}

.footer_gnavi_sns_wrap{
	width : 20px ;
}
.footer_gnavi_sns{
	width : 100% ;
}
.footer_snsbox{
	max-width : 100px ;
	margin : 20px auto 0px ;
}


.footer_listbox li{
}



.footer_listbox a,
.footer_listbox a:link,
.footer_listbox a:visited{
}
.footer_listbox a:hover{
}


.footer_spacer{
	height : 120px ;
}




.support_hr{
	margin: 80px auto ;
}







.about_history_year{
	width : 60px ;
}
.about_history_story{
	width : calc( 100% - 60px );
}
































}