@charset "utf-8";
/* ===================================================================
CSS information

 file name  :module.css
 author     :日本歯科保存学会2020年度秋季学術大会（第153回）
 style info :共通（ヘッダー、フッター）
=================================================================== */

/* -----------------------------------------------------------
	header
		ヘッダー
----------------------------------------------------------- */
.l-header {
	position: relative;
	width: 100%;
	z-index: 1;
}

.l-header__inner {
	position: relative;	
	width: 740px;
	margin: 0 auto;
}

/* -----------------------------------------------------------
	footer
		フッター
----------------------------------------------------------- */
.l-footer {
	width: auto;
	margin-top: auto;
	bottom: 0;
	-moz-box-shadow: 0 -5px 5px rgba(0, 0 , 0, .2);
	-ms-box-shadow: 0 -5px 5px rgba(0, 0 , 0, .2);
	-webkit-box-shadow: 0 -5px 5px rgba(0, 0 , 0, .2);
	box-shadow: 0 -5px 5px rgba(0, 0 , 0, .2);
	z-index: 100;
}

/*---------- トップスクロールボタン ----------*/
#js-page-top__scroll {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 100%;
	z-index: 99;
}

#js-page-top__scroll a {
	position: relative;
	display: block;	
	width: 50px;
	height: 50px;
	line-height: 50px;
	background-color: RGBa(4, 156, 184, .8); 
	background: linear-gradient(135deg, RGBa(107, 52, 126, 8) 10%, RGBa(4, 156, 184, .8) 50%, RGBa(45, 195, 137, .8) 100%);
	text-align: center;
	text-decoration: none;	
}

#js-page-top__scroll a:after {
	content: "";
	position: absolute;
	display: inline-block;
	top: 40%;
	left: 37%;
	width: 10px;
	height: 10px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	border-top: 3px solid #FFF;
	border-right: 3px solid #FFF;
}

#js-page-top__scroll a:hover {
	text-decoration: none;
	cursor: pointer;
	-webkit-opacity: .7;
	opacity: .7;
}

/*---------- フッターコンテンツ ----------*/
.l-footer__inner {
	width: 100%;
	background-color: #000;
	border-top: 1px solid RGBa(255, 255, 255, .5);
}

/*---------- 事務局 ----------*/
.p-footer-office {
	width: 100%;	
}

.p-footer-office__inner {
	position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 960px;
	margin: 0 auto;
	padding: 30px 40px;
	color: #FFF;	
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.p-footer-office__head {
	flex-basis: 18%;
	padding: 0 40px 0 0;
	text-align: right;
	font-size: 1rem;
	border-right: 1px solid #FFF;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
}

.p-footer-office__content {
	flex-basis: 47%;	
	font-size: .9rem;
	padding: 0 0 0 40px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;		
}

.p-footer-office__contact-link {
	flex-basis: 35%;		
	-webkit-box-sizing: border-box;
	box-sizing: border-box;		
}

.p-footer-office__contact-link .c-btn__container {
	width: 230px;
}

.p-footer-office__contact-link .c-btn__container .c-btn {
	font-size: .9rem;
}

.p-footer-office__info {
	margin: 20px 35px 0;
	padding: 15px 25px;
	background-color: RGBa(255, 255, 255, .13);
	font-size: .95rem;
	line-height: 1.6;
}

.p-footer-office__info a {
	color: #FFF;
}

/*---------- コピーライト ----------*/
.p-footer-copy-right {
	width: 100%;
}

.p-footer-copy-right__inner {
	width: 1000px;
	margin: 0 auto;	
	padding: 5px 0;	
	text-align: center;
	font-size: .75rem;
	font-weight: 500;
	color: #FFF;	
}

.p-footer-copy-right__inner a {
	color: #FFF;	
}

.p-footer-copy-right__inner a:hover {
	color: RGBa(255, 255, 255, .7);
}