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




.inner1280{
	width : 100% ;
	max-width : 1280px ;
	margin : 0px auto ;
}

.head_logo{
	width : 240px ;
	height : auto ;
	padding-top : 20px ;
	margin : 0px auto 10px ;
}

.gnavi_sp{
	display : none ;
}

.spnavi_superbox{
	display : none ;
	height : 0% ;
}

#gnavi{
	position : relative ;
	width : 100% ;
	height : auto ;
	background-color : #0067AF ;
	z-index : 44 ;
	box-shadow : 0px 4px 4px rgba(0,0,0,0.25 );
}

.gnavi_inner{
	width : 100% ;
	max-width : 1200px ;
	margin : 0px auto ;
}
.gnavi_itembox{
	width : 12.5%;
	height : auto ;
}
.gnavi_itembox img{
	width : 100% ;
	height : auto ;
	z-index : 44 ;
}
.gnavi_item_back{
	position : absolute ;
	bottom : 0px ;
	left : 0px ;
	width : 100% ;
	height : 0% ;
	background-color : #00B3D6 ;
	z-index : 41 ;
}

h1.sitename{
	position : absolute ;
	bottom : -40px ;
	left : 10px ;
	color : #0067AF ;
	width : auto ;
	font-size : 14px ;
	text-shadow: 0px 0px 4px rgba(0,0,0,0.25) ;
}



#footer{
	width : 100% ;
	height : auto ;
	z-index : 14 ;
}

.btn_totop{
	width : 100% ;
	height : 120px ;
	background-color : #0067AF ;
	cursor: pointer 
}

.btn_totop_image{
	position : absolute ;
	top : 50% ;
	left : 50% ;
	width : 200px ;
	height : auto ;
	margin : -30px 0px 0px -100px  ;
}




.linkarrowbox{
	box-sizing : border-box ;
	width : 460px ;
	height : 50px ;
	line-height : 50px ;
	text-align : center ;
	font-size : 20px ;
	margin : 20px auto ;
	border : 2px solid #000000 ;
	text-decoration: none !important ;
	z-index : 14 ;
}
.linkarrowbox p{
	z-index : 14 ;
}


.ul_archiveyear_itembox{
	box-sizing : border-box ;
	width : 48% ;
}
.ul_archiveyear_linkbox{
	box-sizing : border-box ;
	width : 100% ;
	height : 50px ;
	line-height : 50px ;
	text-align : center ;
	font-size : 20px ;
	margin-bottom : 20px ;
	border : 2px solid #000000 ;
	text-decoration: none !important ;
	z-index : 14 ;
}

.linkarrow{
	position : absolute ;
	top : 6px ;
	right : -50px ;
	width : 36px ;
	height : auto ;
}
.arichive_linkarrow{
	position : absolute ;
	top : 50% ;
	margin-top : -18px ;
	right : 10px ;
	width : 36px ;
	height : auto ;
}

.footer_linkbox{
	box-sizing: border-box ;
	width : 100% ;
	height : 640px ;
	padding : 60px 100px 0px 100px ;
}

.footer_link_name{
	color : #FFFFFF ;
	font-size : 24px ;
	font-weight : 600 ;
	margin-bottom : 10px ;
}
.footer_link_add{
	color : #FFFFFF ;
	font-size : 16px ;
	font-weight : 600 ;
	margin-bottom : 10px ;
}
.footer_link_item{
	color : #FFFFFF ;
	font-size : 18px ;
	font-weight : 600 ;
}
.footer_link_item:hover{
	opacity : 0.8 ;
}
.footer_link_item a,
.footer_link_item a:link{
	color : #FFFFFF !important ;
}

.footer_copy{
	position : absolute ;
	bottom : 0px ;
	left : 0px ;
	width : 100% ;
	height : 40px ;
	line-height : 40px ;
	text-align : center ;
	font-size : 14px ;
	color : #FFFFFF ;
}


.footer_back{
	position : fixed ;
	bottom : 0px ;
	left : 0px ;
	width : 100% ;
	height : 800px ;
	overflow : hidden ;
	opacity:0.0;
}




.ul_inner_wrap{
	width : 100% ;
	height : auto ;
	padding-top : 80px ;
	background-color : #FFFFFF ;
	z-index : 14;
}

.ul_inner{
	width : 80% ;
	max-width : 960px ;
	height : auto ;
	margin : 0px auto ;
}

.post_title{
	width : 100% ;
	max-width : 720px ;
	height : auto ;
	font-size : 36px ;
	text-align : center ;
	margin : 0px auto ;
	line-height : 1.4em ;
}

.post_date{
	width : 100% ;
	max-width : 600px ;
	height : auto ;
	font-size : 24px ;
	text-align : center ;
	border-top : 2px solid #000000 ;
	margin : 10px auto 40px ;
}

.post_contents{
	width : 100% ;
	height :auto ;
	padding : 20px 0px 80px ;
}
.post_contents p{
	margin-bottom : 20px ;
}

.post_contents img{
	width : auto ;
	max-width : 100% ;
	height : auto ;
	margin : 0px auto 20px ;
}

.ul_archivebox_head{
	width : 100% ;
	height : 100px  ;
	background-color : #FFFFFF ;
}

.ul_archivebox_head_wave{
	width : 100% ;
	height : 100px  ;
}


.ul_archivebox{
	width : 100% ;
	padding : 80px 0px 160px ;
	background-color : #FFD600 ;
}
.ul_archivebox.events{
	background-color : #BCEEFF !important ;
}

.ul_archive_title{
	width : 100% ;
	max-width : 600px ;
	margin : 0px auto ;
	font-size : 24px ;
	text-align : center ;
	line-height : 1.2em ;
}
.ul_archive_title_bar{
	width : 100% ;
	max-width : 600px ;
	height : auto ;
	font-size : 24px ;
	text-align : center ;
	border-top : 2px solid #000000 ;
	margin : 10px auto 80px  ;
}



.ul_archiveyear_superbox,
.top_events_flex{
	width : 100% ;
	height : auto ;
}


.ul_archiveyear_superbox.nurse{
	padding : 200px 0px ;
}

.top_events_itembox{
	box-sizing:  border-box ;
	width : 400px ;
	height : auto ;
	padding : 19px ;
	background-color : rgba(255,255,255,0.6);
	border-radius : 16px ;
	-moz-border-radius : 16px ;
	-webkit-border-radius : 16px ;
	border : 1px dashed #000000 ;
	z-index : 14;
	margin-bottom : 60px ;
	cursor: pointer 
}
.top_events_itembox:hover{
	background-color : rgba(255,255,255,1.0);
	box-shadow: 2px 2px 8px rgba(0,0,0,0.25) ;
}

.top_events_imagebox{
	width : 100% ;
	height : 300px ;
	overflow : hidden ;
}
.top_events_imagebox img{
	width : 100% ;
	height : 100% ;
	object-fit: cover ;
}

.top_events_item_title{
	width : 100% ;
	margin-top : 16px ;
	border-top : 1px dashed #000000 ;
	font-size : 24px ;
	padding-top : 10px ;
	line-height : 1.4em ;
}
.top_events_item_story{
	font-size : 14px ;
	margin-top : 10px ;
}

.top_events_item_date{
	position : absolute ;
	top : -20px ;
	left : -20px ;
	width : 160px ;
	height : 40px ;
	line-height : 40px ;
	background-color : #00B3D6 ;
	color : #FFFFFF ;
	text-align : center ;
	font-size : 24px  ;
	z-index : 16 ;
	box-shadow: 4px 4px 0px rgba(0,0,0,0.25) ;
	transform:rotate(-15deg);
}


.ul_noposts{
	width : 80% ;
	text-align : center ;
	margin : 10px auto 100px ;
}




.ul_classnews_itembox{
	box-sizing : border-box ;
	width : 100% ;
}
.ul_classnews_linkbox{
	box-sizing : border-box ;
	width : 100% ;
	height : auto ;
	padding : 10px 60px 10px 20px ;
	text-align : left ;
	font-size : 16px ;
	margin-bottom : 20px ;
	border : 2px solid #000000 ;
	text-decoration: none !important ;
	z-index : 14 ;
}
.ul_classnews_linkbox p{
	padding-left : 40px ;
}

.classnews_contents{
	width : 100% ;
	height :auto ;
	padding : 20px 0px 80px ;
}



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



.ul_archiveyear_superbox,
.top_events_flex{
	box-sizing : border-box;
	width : 100% ;
	height : auto ;
	padding : 20px 40px ;
}

.top_events_itembox{
	width : 30% ;
	padding : 19px ;
}




}







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



.top_events_itembox{
	width : 48% ;
	padding : 19px ;
}

.top_events_imagebox{
	height : 200px ;
}




}


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


.post_title{
	font-size : 24px ;
}

h1.sitename{
	position : absolute ;
	bottom : auto ;
	top : 20px ;
	left : 10px ;
	color : #FFFFFF ;
	width : 100% ;
	font-size : 12px ;
	text-align : center ;
	text-shadow: 0px 0px 4px rgba(0,0,0,0.25) ;
}


.head_logo{
	position : absolute ;
	top : 10px  ;
	left : 20px ;
	width : auto ;
	height : 40px ;
	padding-top : 0px ;
	margin : 0px auto 0px ;
}

#gnavi{
	display : none ;
}


.gnavi_home_sp{
	width : 100% ;
	height : 32px ;
	line-height: 32px ;
	background-color : 32px ;
	text-align : center ;
	color : #0067AF ;
	margin-bottom : 10px ;
	background-color : #FFFFFF ;
}
.gnavi_home_sp a,
.gnavi_home_sp a:link{
	color : #0067AF ;
}

.spnavi_superbox{
	display : block ;
	position : fixed ;
	top : 0px ;
	left : 0px ;
	box-sizing: border-box ;
	width : 100% ;
	height : 0% ;
	background-color : #0067AF ;
	padding : 0px ;
	overflow : hidden ;
	z-index : 41 ;
}

.spnavi_wrap{
	width : 60% ;
	margin : 0px auto ;
	padding : 80px 0px 0px ;
}

.gnavi_sp{
	display : block ;
	position : fixed ;
	top : 0px ;
	left : 0px ;
	width : 100% ;
	height : 60px ;
	z-index : 44 ;
	background-color : #0067AF ;
}

.gnavi_itembox_sp{
	width : 50%  ;
	height : auto ;
}
.gnavi_itembox_sp img{
	width : 100% ;
	height : auto ;
}
.spnavi_btnbox{
	position : absolute ;
	top : 10px ;
	right : 20px ;
	width : 40px ;
	height : 40px ;
}
.spnavi_bar01{
	width : 40px ;
	height : 40px ;
	position : absolute ;
	top : -10px ;
}
.spnavi_bar02{
	width : 40px ;
	height : 40px ;
	position : absolute ;
	bottom : -10px ;
}
.spnavi_bar03{
	width : 40px ;
	height : 40px ;
	position : absolute ;
	top : 0px ;
}
.spnavi_bar_white{
	position : absolute ;
	top : 50% ;
	left : 0% ;
	width : 100% ;
	height : 4px ;
	margin-top : -2px ;
	background-color : #FFFFFF ;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.5) ;
}



.top_events_itembox{
	width : 100% ;
	padding : 19px ;
}

.top_events_imagebox{
	height : 200px ;
}

.top_events_itembox{
	padding : 18px ;
	border-radius : 32px ;
	-moz-border-radius : 32px ;
	-webkit-border-radius : 32px ;
	border : 2px dotted #000000 ;
}
.top_events_item_title{
	border-top : 2px dotted #000000 ;
}








}




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



.linkarrowbox{
	width : 80% ;
	height : auto ;
	line-height : 1.8rem ;
	font-size : 24px ;
	margin : 20px auto ;
	padding : 16px 60px 10px 20px ;
	border : 4px solid #000000 ;
}
.linkarrowbox p{
}

.linkarrow{
	top : 50% ;
	right : 10px ;
	width : 40px ;
	height : auto ;
	margin-top : -20px ;
}
.arichive_linkarrow{
	top : 50% ;
	right : 10px ;
	width : 40px ;
	height : auto ;
	margin-top : -20px ;	
}


.footer_linkbox{
	width : 100% ;
	height : auto ;
	padding : 60px 40px 120px 40px ;
}

.footer_link_name{
	margin-bottom : 20px ;
	text-shadow: 0px 0px 8px rgba(0,0,0,1.0) ;
}
.footer_link_add{
	font-size : 16px ;
	margin-bottom : 20px ;
	text-shadow: 0px 0px 8px rgba(0,0,0,1.0) ;
}
.footer_link_item{
	font-size : 18px ;
	margin-bottom : 10px ;
	text-shadow: 0px 0px 8px rgba(0,0,0,1.0) ;
}
.footer_link_item:hover{
}
.footer_link_item a,
.footer_link_item a:link{
}

.footer_copy{
	box-sizing: border-box;
	height : auto ;
	line-height : 1.8rem ;
	font-size : 14px ;
	padding : 0px 40px ;
	text-shadow: 0px 0px 8px rgba(0,0,0,1.0) ;
}


.footer_back{
	height : 100vh ;
}



.ul_archiveyear_itembox{
	width : 100% ;
}







.ul_classnews_itembox{
}
.ul_classnews_linkbox{
}

.ul_classnews_linkbox p{
	padding-left : 20px ;
}


















}