/* ==========
共通CSS
==========*/
/*==========　テキストデコレーション　==========*/
.sp{display: none;}
p{line-height: 35px;}
.t-padding{padding: 5px 15px;}
.pad-btm{padding-bottom: 20px;}
.text-large{font-size: 28px;}
.text-mid{font-size:20px;}
.text-small{font-size: 12px;}
.text-b{font-weight: bold;}
.text-box{background: #6B4423; color:#fff; padding: 2px; border-radius: 3px;}
.text-center{text-align: center;}
.text-left{text-align: left; margin-left:10px;}
.text-right{text-align: right;}
.box{background: #618dc2; color: #eee; width: 60px; padding: 10px; border-radius: 3px; margin: 0 10px;}
.box-2{text-align: center; background: #618dc2; color: #eee; width: 130px; padding: 10px; border-radius: 3px; margin: 0 10px;}
.box-3{text-align: center; background: #618dc2; color: #eee; width: auto; padding: 10px; border-radius: 3px; margin: 0 10px;}
.red{color: #FF0004;}
.blue{color: #0054FF;}
.bg-y{background: yellow;}
.border-b{border-bottom:1px solid #555;}

/*========== header CSS ==========*/
.spartan{font-family: 'Spartan','Noto Sans JP', sans-serif;}
header{padding: 20px;text-align: center; margin-top: 50px; }
header h1{font-size: 45px;}
.header-flex{display: flex; justify-content: center;}
.header-inner{display: flex; margin: 15px 0; justify-content: center; flex-wrap: wrap; align-items: center;}
.header p{padding: 5px; align-items: baseline;}
.hi-sub{display: flex;}
.hi-sub-sub-1,.hi-sub-sub-2{display: flex; align-items: center; margin: 15px 0;}
.hi-sub-sub-1{width: 355px;}
.hi-sub-sub-2{width: 457px;}
.hi-sub-sub-3{width: 235px; margin: 15px 0;}

.sp-header{display: none;}

/*========== footer CSS ==========*/
footer{background: #111;color:#eee; padding: 25px;justify-content: space-between;}
footer p{font-size: 10px;}
.footer-left,.footer-right{width: 100%; margin: 25px 10px;}
.copy{text-align: center; background: #111; color: #fff; font-size: 10px;}
footer a{color: #eee;}

/* ==========
メインコンテンツ共通CSS
==========*/
.main{margin-top: 100px;max-width: 1130px;margin: 0 auto; padding: 15px; display: flex;}
.side{width: 300px;}
.main-content{flex: 1;}

.main-heading{padding: 15px; border-left:10px solid #a6bae0; border-right:10px solid #a6bae0; border-top:2px solid #a6bae0; border-bottom:2px solid #a6bae0;border-radius: 15px;}
.main-heading h3{font-size: 24px; text-align: center;}

.sub-heading{background: #2A497E; margin: 10px; border-radius: 4px;}
.sub-heading h4{color: #eee; padding: 15px; font-size: 20px;}

.sub-inner{padding:10px 25px;}

.main-table{border-collapse: collapse; width: 100%;}
.main-table th,.main-table td{border: solid 2px #A4A4A4; padding: 15px;}
.main-table th{background: #ECECEC; vertical-align: middle;}

.sub-table{border-collapse: collapse; width: 100%; margin: 0 auto;}
.sub-table th,.sub-table td{border: solid 2px #A4A4A4; padding: 15px; vertical-align: middle;}
.sub-table th{background: #ECECEC;}


/*========== サイドメニューボタン ========== */
.btn-side{margin: 5px; display: inline-block; width: 230px; text-align: center; border: 2px solid #a6bae0; font-size: 16px; color: #111; text-decoration: none; padding: 10px 24px; border-radius: 4px; }
.btn-side:hover {color: #eee; background: #618dc2;}
.current{background: #a6bae0; color: #111;}
.naj-logo{margin: 5px; padding: 10px; max-width:258px; border: 2px solid #a6bae0; border-radius: 4px; background: #fff;}
img.th-logo{text-align: center; border-radius: 0px;}
.th-logo{padding-top: 5px;}

#g-nav{display: none;}
.openbtn1{display: none;}

.live-web{color:#fff; border:2px solid red; background: red; margin: 0; padding: 50px 0; width: 100%;}
.live-web:hover{background: #fff; color: #111;}

/*==========
個別CSS
==========*/

.mente{
	margin: 25px;
	padding: 15px;
	border: #FF0004 solid 2px;
	font-weight: bold;
}


/* ========== ホーム ========== */
.main-img{max-width: 900px; width: 100%; object-fit: cover;}
.top-message{padding: 35px; margin: 15px; background: blanchedalmond;}
.heading-h3{font-size: 22px; padding: 10px; margin-bottom: 15px; background: #a83446; color: #fff;}

.new-content{margin: 15px; padding: 25px; box-shadow: 0px 0px 7px #8C8C7D;}
.top-img{display: flex; max-width: 1130px;}


.top-program{border-collapse: separate; border-spacing: 30px 10px;}
.top-program p{padding: 10px 0;}
.text-flex{display: flex; align-items: center;}

.new-content h3{padding-bottom: 15px;}
.new-content-inner li{display: flex;}
.date{color: #FFF; margin: 2px 12px 2px 2px; width: 100px; background: #2E4194; text-align: center; border-radius: 10px; max-height: 35px;}

.top-banner{display: flex; padding: 25px; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.top-banner img{border-radius: 0; width: 200px; margin: 10px;}

/* ========== 会長挨拶 ========== */
.content-inner{padding: 25px;}
.border-box{border:solid 1px #111; margin: 10px}
p.message{padding: 25px; line-height: 30px;}
.inner-flex{display: flex; justify-content: space-between; align-items: center;}
.inner-flex img{width: 150px;}
/* ========== 開催概要 ========== */
/* ========== 演題募集（一般演題） ========== */
.ippan-inner{padding: 25px; border: 2px solid #111; margin: 10px;}
/* ========== 演題募集（指定演題） ========== */
.sitei-inner1,.sitei-inner2{padding: 25px; margin: 10px 0; display: flex; justify-content: space-around;}
.sitei-inner1{border: 2px solid #2A00FF;}
.sitei-inner2{border: 2px solid #FF5F00;}
.sitei-inner1 a,.sitei-inner2 a{text-align: center; width: 250px; display: block; padding: 25px 0; margin: 10px;  color: #FFF; border-radius: 15px;}
.sitei-inner1 a{background: #2A00FF;}
.sitei-inner2 a{background: #FF5F00;}
/* ========== プログラム・日程表 ========== */
.program-inner{padding: 15px;}
.program-inner h4{padding: 15px 0; line-height: 35px;}
.program-inner-inner{padding-left: 25px;}
/* ========== 参加登録のご案内 ========== */
.btn-entry a{text-align: center; display: block; width: 300px;
	margin: 15px auto; padding: 25px 35px; background: rgba(73,157,72,1.00); color: #fff;}
.btn-entry a:hover{opacity: .6;}

/* ========== 座長・演者へのご案内 ========== */


/* ========== 会場・交通案内 ========== */
.access-inner{padding: 15px;}
.access-inner p{padding: 10px;}
.access-inner a{text-align: center; display: block; padding: 25px 10px; background: #9995D7; margin: 10px;}
.gmap {height: 0;overflow: hidden;padding-bottom: 56.25%;position: relative;}
.gmap iframe {position: absolute;left: 0;top: 0;height: 100%;width: 100%;}
/* ========== 関連リンク ========== */
a.link-btn{text-align: center; display: block; padding: 25px 10px; background: #9995D7; margin: 10px;}
a.link-btn:hover{opacity: .5;}

/*==========
タブレットディスプレイ
==========*/
@media screen and (max-width:1024px){
header{display: none;}
.sp-header{display: block; padding: 15px; background: #006EB0; color: #eee;}
.sp-header h1{font-size: 40px;margin-bottom: 10px;}
.sp-header p{font-size: 18px;}
.main{flex-wrap: wrap;}
.nav{display: flex; flex-wrap: wrap;justify-content: center;}
.side{display: none;}
.hi-sub-sub-1 {width: 320px;}
.hi-sub-sub-2 {width: 385px;}
.text-large{font-size: 24px;}
.text-left{font-size: 12px;}
	
/*=========
ナビゲーションのためのCSS
===========*/

#g-nav{display: block; position:fixed; z-index: 999; top:-250%; left:0; width:100%; height: 100vh; background:#fff; transition: all 0.6s;}
#g-nav.panelactive{top: 0;}
#g-nav.panelactive #g-nav-list{position: fixed; z-index: 999; width: 100%; height: 100vh; overflow: auto;
-webkit-overflow-scrolling: touch;}
#g-nav ul {position: absolute; z-index: 999; top:50px; left:50px; width: 350px; scrollbar-width: none;}
#g-nav ul::-webkit-scrollbar {display: none;}
#g-nav li{list-style: none; text-align: center;}
#g-nav li a{text-decoration: none; padding:10px; display: block;}

.openbtn1{display: block; position:fixed; z-index: 9999; background:#111; cursor: pointer; top: 5px; right: 5px; width: 50px; height:50px;}
.openbtn1 span{display: inline-block; transition: all .4s; position: absolute;}
.openbtn1 span:nth-of-type(1),
.openbtn1 span:nth-of-type(3) {height: 2px; background: #fff; width: 31px; left: 0; right: 0; margin: auto;}
.openbtn1 span:nth-of-type(1) {top:13px;}
.openbtn1 span:nth-of-type(2) {top:21px; left: 0; right: 0;	text-align: center; font-size:0.6rem; text-transform: uppercase; color: #fff;}
.openbtn1 span:nth-of-type(3) {top:36px;}
.openbtn1.active span:nth-of-type(1) {top: 18px; left: 0; transform: translateY(6px) rotate(-45deg); width: 31px;}
.openbtn1.active span:nth-of-type(2) {opacity: 0;}
.openbtn1.active span:nth-of-type(3) {top: 30px; left: 0; transform: translateY(-6px) rotate(45deg); width: 31px;}

/* ========== 会長挨拶 ========== */
/* ========== 開催概要 ========== */
/* ========== 演題募集（一般演題） ========== */
/* ========== 演題募集（指定演題） ========== */
/* ========== プログラム・日程表 ========== */
/* ========== 参加登録のご案内 ========== */
/* ========== 座長・演者へのご案内 ========== */
/* ========== 会場・交通案内 ========== */
}

/*==========
SPディスプレイ　
==========*/
@media screen and (max-width : 768px){
.pc{display: none;}
.sp{display: contents;}

.sp-header h1 {font-size: 19px;}
.sp-header p{font-size: 11px;}
p.text-mid{font-size:19px;}
p.text-small{font-size:14px;}
	
.hi-sub{flex-wrap: wrap; justify-content: center;}
.top-program tr,.top-program td{display: block;}
.top-program {border-spacing: 0px 10px; width: 100%;}
.top-program p{padding: 5px 0;}
	
.text-flex{display: block;}
	
.main{padding: 5px;}
.main-content{width: 100%;}
.content-inner{padding: 15px 0px;}
.sub-inner{padding:10px 0;}
.sub-inner p,.content-inner p{padding: 0 15px ;}

	
.main-table td,.main-table th{display: block; 
	border-left: 3px solid #A4A4A4;
	border-right: 3px solid #A4A4A4;}
	
/* ========== ホーム ========== */
.new-content-inner li {display: block;}

/* ========== 会長挨拶 ========== */
.border-box{border: none;}
p.message{padding: 5px;}

/* ========== 開催概要 ========== */

/* ========== 演題募集（一般演題） ========== */
.sitei-inner1,.sitei-inner2{flex-wrap: wrap;}
/* ========== 演題募集（指定演題） ========== */
/* ========== プログラム・日程表 ========== */
/* ========== 参加登録のご案内 ========== */
/* ========== 座長・演者へのご案内 ========== */
/* ========== 会場・交通案内 ========== */

}