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

 file name  :contents.css
 author     :第53回日本臨床矯正歯科医会大会
 style info :コンテンツエリア関係 他
 
各ページのCSS

学会カラー：#4394D0 水色
背景カラー：#9ecb54 黄緑　　#72be69 暗黄緑　　#81c9b7 暗黄緑青寄り
アクセントカラー：#0b5993 青　　#009a55 緑
　　　　　　　　　
=================================================================== */

/* -----------------------------------------------------------
	.l-body__top-page
		トップページ
----------------------------------------------------------- */

/*---------- アイキャッチ ----------*/
.p-top-eyecatch {
	position: relative;
	width: 100%;
	margin: 0 auto;
	background-color: #9ecb54;
	text-align: center;
  	/*background-image: url("../img/img_top-eyecatch_back.jpg?202409201400");
  	background-position: center;*/
	z-index: 0;
}

/*---------- インフォメーション ----------*/
.p-top-info {
	position: relative;
	width: 100%;
	margin: 30px 0;
}

.p-top-info__inner {
	position: relative;
	width: 850px;
	margin: 0 auto;
	padding: 20px 25px;
/*	background-color: RGBa(227, 100, 113, .1); */
	border: 2px solid #E36471;
	border-radius: 4px;
}

.p-top-info__head {
	margin: 0 0 15px;
	text-align: center;
	font-size: 110%;
	font-weight: 700;
	color: #DB3949;
}

.p-top-info__content {
	/*font-size: 1em;*/
	color: #1C1C1C;
}

/*---------- お知らせ（新着情報） ----------*/
.p-top-news {
	position: relative;
	background-color: #FFF;
}

.p-top-news__inner {
	margin: 0 auto;
	padding: 64px 10px 80px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
}

.p-top-news__content {
	width: 100%;
	min-height: 170px;
	height: auto !important;
	margin: 0 auto;
	padding: 15px 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;		
}

.p-top-news__head h2 {
	margin: 0 0 50px;
	padding: 0 30px;
	text-align: center;
	font-size: 200%;
	font-weight: 500;
	letter-spacing: 2px;	
}

.p-top-news__list {
	display: inline-block;
	overflow: auto;
	width: 100%;
	max-height: 300px;
	margin: 0;
	padding: 20px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
  border-bottom: 2px solid #F7F7F7;
  border-top: 2px solid #F7F7F7;
}
 
.p-top-news__list tbody {
	overflow-y: scroll;
	width: 100%;
}
/*
.p-top-news__list tr {
	border-bottom: 1px solid #CCC;
}*/

.p-top-news__list th {
	/*width: 10%;
	padding: 8px 10px 8px 0;*/
	vertical-align: top;
	font-weight: 700;
	color: #1144AD;
  border-bottom: none;
}

.p-top-news__list td {
  border-bottom: none;
}
/*
.p-top-news__list::-webkit-scrollbar {
	width: 8px;
}
 
.p-top-news__list::-webkit-scrollbar-track {
	background: #CCC;
}

.p-top-news__list::-webkit-scrollbar-thumb {
	background: #767687;
}
*/
/*
.p-top-news {
	position: relative;
	width: 100%;
	height: 50px;
	background-color: #EEE;
}

.p-top-news__content {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	-js-display: flex;
	display: flex;	
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;	
	width: 1000px;
	margin: 0 auto !important;
	padding: 10px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
}

.p-top-news__head {
	width: 15%;
}

.p-top-news__head h2 {
	text-align: center;
	font-weight: 700;
	color: #006300;
}

.p-news__list {
	width: 85%;
}

.p-news__list.ticker {
    position: relative;
    overflow: hidden;	
    margin: 0 auto;
    text-align: left;
}
 
.p-news__list.ticker ul {
    position: relative;	
    width: 100%;
}
 
.p-news__list.ticker ul li {
    width: 100%;
    display: none;
}

.p-news__list_date {
	padding: 0 15px 0 0;
	font-weight: 700;
}
*/

/*----------バナーエリア---------*/
.p-top-bnrarea {
	width: 100%;
	background-color: #FFF;
}

.p-top-bnrarea__list {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	-js-display: flex;
	display: flex;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;	
	flex-wrap: wrap;
	webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-ms-align-items: center;
	-webkit-align-items: center;
	-moz-align-items: center;
	align-items: center;
	width: 1000px;
	height: auto;
	margin: 0 auto;
	padding: 15px;
	box-sizing: border-box;
}

.p-top-bnrarea__item {
	list-style-type: none !important;
	flex-basis: 25%;	
	padding: 10px 0;
	text-align: center;
	box-sizing: border-box;
}

/*---------- リンクエリア ----------*/
.p-top-link {
	background-color: #DDD;
	padding: 60px 30px;	
}

/*.p-top-link__inner {
	width: 100%;
	padding: 60px 30px 120px;	
}
*/
/*
.p-top-link__content {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	-js-display: flex;
	display: flex;	
	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: distribute;
	justify-content: space-around;	
	width: 900px;
	margin: 0 auto !important;
}
*/
.p-top-link__item {
	/*width: 47%;*/
	padding: 48px 30px;
  	margin-bottom: .5em;
	background-color: #FFF;	
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
	box-shadow: 3px 3px 0 RGBa(0, 0, 0, .2);
	-webkit-box-shadow: 3px 3px 0 RGBa(0, 0, 0, .2);
}

.p-top-link__title {
	text-align: center;
	font-size: 1.6em;
	font-weight: 700;
	letter-spacing: 2px;	
}

.p-top-link__title2 {
	text-align: center;
	font-size: 1.6em;
	font-weight: 700;
	letter-spacing: 2px;	
}

.p-top-link__title2 span {
  display: inline-block;
}


.p-top-link__text {
	text-align: center;
	/*font-size: 1em;*/
	font-weight: 700;
	color: #4394D0;
}

.p-top-link__item .c-btn__container {
	/*width: 230px;*/
	margin: 15px auto 0;
}

/*
.p-top-link__item .c-btn {
	font-size: 1em;
}*/

/* -----------------------------------------------------------
	.l-body__greeting
		大会長挨拶
----------------------------------------------------------- */
.p-greeting__head {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flexbox;
	display: -moz-flexbox;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: -moz-flex;
	-js-display: flex;
	display: flex;
	-ms-align-items: flex-end;
	-webkit-align-items: flex-end;
	-moz-align-items: flex-end;
	align-items: flex-end;
	margin: 20px auto;
	padding: 0 0 20px;
	border-bottom: 3px solid #CCC;
}

.p-greeting__sign {
	padding: 0 2em;
	/*font-size: 1em;*/
	font-weight: 700;
}

.p-greeting__name {
	font-size: 170%;
	font-weight: 700;
	display: inline-block;
}

.p-greeting__department {
	display: block;
	font-size: 90%;
	font-weight: 400;
}

/* -----------------------------------------------------------
	.l-body__program
		プログラム
----------------------------------------------------------- */
.l-body__program .c-title__h4 {
  border: none;  
  margin: 4em 0 20px;
}

.p-program .c-title__h4 {
	font-size: 130%;
}

h4.c-title__h4::after {
	top: .55rem;
}

.p-program__title {
	position: relative;	
	margin: 30px 0 20px;
	padding: 0 0 0 12px;
	border-left: 5px solid #0b5993;
  border-bottom: 2px solid #CCC;
	font-size: 120%;	
	font-weight: 600;
}

.p-program__title span{
  font-size: 90%;
  font-weight: 500;
  position: absolute;
  top: 20%;
  right: 1.5%;
}

.p-program__sub-title {
	margin: 0 0 13px 15px;
	font-size: 110%;
	font-weight: 700;
	color: #009a55;	
  position: relative;
}

.p-program__sub-title span {
  font-size: 90%;
  font-weight: 500;
  position: absolute;
  top: 20%;
  right: 1.5%;
}

.p-program__content {
	margin: 5px 0 0 15px;
}

.p-program__speaker {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: 100%;
}

.p-program__speaker dt {
	flex-basis: 15%;
	margin: 0 0 7px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
}

.p-program__speaker dt span {
	display: block;
	width: 120px;
	height: 32px;
	padding: 2px 8px;
	border: 1px solid #CCC;	
	text-align: center;
	font-size: 90%;
	font-weight: 500;	
	-webkit-box-sizing: border-box;
	box-sizing: border-box;	
}

.p-program__speaker dd {
	flex-basis: 85%;
	margin: 0 0 7px;
	padding: 3px 0;	
	-webkit-box-sizing: border-box;	
	box-sizing: border-box;		
}

.p-program__speaker dd .c-program__subject {
	font-size: 105%;
	font-weight: 500;
}

.p-program__speaker dd .c-program__subject:not(:first-of-type) {
	margin: 12px 0 0;
}

.p-program__speaker dd .c-program__name {
	/*font-size: 1em;*/
	margin: 0 0 5px;
}

.p-program__speaker dd .c-program__depart {
	padding-left: .5em;
	font-size: 90%;
}

/* -----------------------------------------------------------
	.l-body__subject
		演題登録
----------------------------------------------------------- */
.c-table__form-subject th,
.c-table__form-subject td {
	padding: 30px 20px;
	vertical-align: middle;
}

.c-table__form-subject .c-btn__container {
	width: 90%;
	margin: 0 auto;
}

.c-btn.-type__orange.-confirm {
	background-color: #ED4E29;
}

.c-btn.-type__green.-confirm {
	background-color: #52950C;
}


/* -----------------------------------------------------------
	.l-body__join
		参加登録
----------------------------------------------------------- */
.table_box{
  overflow-x: auto;
  display: block;
  margin-bottom: 60px;
}

.table_box table th,
.table_box table td {
  white-space: nowrap;
}


/* -----------------------------------------------------------
	.l-body__access
		アクセス
----------------------------------------------------------- */

.access_en .c-btn__container {
  width: 300px;
  margin: 10px auto;
}

@media (min-width: 750px) {
.access_en {
  display: flex;
}

.access_en .c-btn__container {
  width: 200px;
  margin: 0 0 0 auto;
}
}



/* -----------------------------------------------------------
	.p-tbd__content
		準備中
----------------------------------------------------------- */
.p-tbd__content {
	padding: 50px 10px;
	text-align: center;
}

.p-tbd__head {
	font-size: 4.5em;
	font-weight: 500;
	color: #B4B4B4;
	line-height: 1;
}

.p-tbd__text {
	padding: 15px 0 5px;
	font-size: 1.4em;
	font-weight: 500;
}

.p-tbd__desc {
	padding: 0 0 40px;
	/*font-size: 1em;*/
	font-weight: 500;
	color: #777;	
}

.p-tbd__link {
	width: 250px;
	margin: 0 auto;
}