@charset "UTF-8";
/* CSS Document */

/* clearfix */
.clearfix:after {  
visibility:hidden;/*見えなくする*/ 
height:0;/*見えなくする*/
display: block;/*block要素にする*/
font-size: 0;  
content: " ";  
clear: both;  

}  
* html .clearfix             { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/*汎用*/
.b{font-weight: bolder;}
.underline{text-decoration: underline;}
.center{text-align: center;}
.left{text-align: left;}
.right{text-align: right;}
.top{vertical-align: top;}
.color_red{color: #f00 !important;}
.color_kon{color: #007275;}
.mt_1{margin-top: 1em;}

hr{
  border:dotted 1px #000;
  margin:1em 0;
  }


hr.outline_border {
    border: 0;
    border-top: 1px dotted #000;
    margin: 15px 0 15px 270px;   /* 250px + 20px */
    width: calc(100% - 270px);
}

.disc{
	list-style-type: disc;
	margin-left: 24px;
	text-align: left;}

.pl1em{padding-left: 1em;}
.indent_2{
	padding-left:2em;
	text-indent:-1em;
	display: inline-block;
}

.indent_1{
	padding-left:1em;
	text-indent:-1em;
	display: inline-block;
}

/* 20230418高倉追加 */
.indent_4{
	padding-left:4em;
	text-indent:-4em;
	display: inline-block;
}
/* 高倉追加ここまで */

/* 20230418追加 */
.indent_3{
	padding-left:2.5em;
	text-indent:-2.5em;
	display: inline-block;
}
/* 20230418追加ここまで */


.indent_5{
	padding-left:5em;
	text-indent:-5em;
	display: inline-block;
}
.indent_7{
	padding-left:7em;
	display: inline-block;
}
.ltext{font-size: 18px;}

.break{word-break: break-word;}

/* 全体 */
*{margin:0;
padding:0;
color:#333333;
font-size:16px;
line-height:1.6;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}


body{
	min-height: 100vh;
	margin-left:auto;
	margin-right:auto;
}

a{
	color: #0000ff;
}


/* ヘッダー */
header{
	margin-left:auto;
	margin-right:auto;
	padding-top: 10px;
	width: 100%;
}

h1{
    max-width:1000px;
	height: 50px;
    margin:0 auto;
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.main_image_pc{
    width:100%;
    display:block;
}

.main_image_sp{
    width:100%;
    height:auto;
    display:block;
}

.logo_pc{
    display:block;
    max-width:700px;
    width:100%;
}

.logo_sp{
    display:none;
}


.header_inner{
    max-width:1000px;
    margin:0 auto;
    padding:10px 20px;

    display:flex;
    justify-content:space-between;
    align-items:center;
}

.site_logo img{
    display:block;
    max-width:650px;
    width:100%;
}

.header_right{
    float:right;
}

.fukuoka_logo{
    vertical-align:middle;
    border-right:1px solid #666;
}

.header_right a{
    display:inline-block;
    padding:0 5px;
    color:#999;
    text-decoration:none;
    border-right:1px solid #666;
}


.header_right a:hover{
    color:#003972;
}
.header_right img{
    width: 100px;
}	

.header_btn img{
	display: inline-block;
	width: 100%;
	max-width: 107px;
	margin-top: 12px;
}



.clearfix a{
text-decoration:none;
color: #999;

}


.humanitude_linkbtn{
    position:absolute;
    right:3%;
    top:580px;
}

.humanitude_linkbtn img{
    display:block;
    width:200px;
}

.humanitude_linkbtn a:hover img {
    opacity: 0.7;
}	


/*下層ページ右側に追従するユマニチュードのボタン*/

.fixed_btn {
    position: fixed;
    right: 20px;      /* 右端から20px */
    bottom: 80px;     /* 下から50px */
    z-index: 9999;    /* 他の要素より前面に表示 */
}

.fixed_btn img {
    display: block;
    width: 220px;     /* 好きなサイズ */
    height: auto;
}

.fixed_btn img:hover {
    opacity: 0.8;
    transition: 0.3s;
}






.sp{
    display:block;
}




.attend_btn{
display: inline-block;
width:8em;
margin-left:8.5em;	
}


.english_btn{
display:inline-block;
color:#fff;
text-align: center;	
background:#1A4A98;
text-decoration:none;
margin-bottom:0.5em;
width:7em;
padding:5px 0;	
}


.otoiawase_btn{
display:inline-block;
color:#1A4A98;
text-align: center;		
background:#fff;
border:1px solid #1A4A98;
text-decoration:none;
margin-bottom:0.5em;
width:7em;
padding:5px 0;	
}

.homebtn:hover,.english_btn:hover,.otoiawase_btn:hover{
background:#ccc;

}

nav.globalMenuSp {
	width: 100%;
	background-color: #003972;
	position: relative;
}



.nopage{
	background:#999 !important;
	color:#fff !important;
    border-right: 0.5px solid #fff;
	pointer-events:none !important;
}

/* メイン */
#main{
	margin: auto;
	background-image: url(../img/backpanel_2023.png);
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center 1%;/*メインビジュアルの高さ位置を調整*/	
}
#main2{
	margin: auto;
	background-color:#2d2d2b;
	background-repeat: repeat;
	background-position: center 1%;/*メインビジュアルの高さ位置を調整*/	
	min-height:50em;
}
#main_en{
	margin: auto;
	background-image: url(../img/backpanel_2023.png);
	/* 20230906修正 */
	background-repeat: repeat;
	background-position: center 1%;/*メインビジュアルの高さ位置を調整*/
	min-height:50em;
	/* 20230906修正ここまで */
}

.en h2,.en h3,.en h4,.en h5{
	letter-spacing: 0 !important;
}

#main_wrapper{
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
	overflow:visible;
	width: 100%;
	margin-bottom:1em;
	position: relative;
}




#info_wrapper{
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
	width: 100%;
}

#page-top {
    position: fixed;
    bottom: 15px;
	/* 20230123 高倉変更
    right: 20px;
	*/
	right: 7.25%;
    font-size: 80%;
	z-index: 2;
}
 
#page-top a {
	content: url(../img/pagetop.png);
}

/*コンテンツ*/
#contents_wrapper{
	max-width:1000px;
min-height: 1200px;/*1200pxを変更*/	
	margin-left:auto;
	margin-right:auto;
	overflow:hidden;
	width: 100%;
  background-color:#fff;
	padding:0 20px;/*スマホで左右に余白をつけるため*/	
	background-image: url(../img/background_earth.png);
    background-repeat: no-repeat;
    background-size: 300px auto;    /* 横300px */
    background-position: right top;  /* 左上 */
}


.hp_h100 {
	height: 100% !important;
}




#sponsors img{
	max-height: 115px;
}

.lank{
	display: inline-block;
	position: absolute;
	top:8%;
	right: 0;
}

.sponsors_tab img{
	width: 100%;
}

.platinum,.gold,.silver{
	display: inline-block;
	padding: 10px;
	color: #fff;
	width: 85px;
    text-align: center;
		overflow-wrap: unset;
}

.platinum{
	background: #8095af;
}
.gold{
	background: #9e850b;
}
.silver{
	background: #9cbbc0;
}

.platinum_cell{
	border: 2px solid #8095af;
	padding: 10px;
}

.platinum_cell img{
	width: 50%;
}

.gold_cell{
	border: 2px solid #9e850b;
	padding: 10px;
}

.gold_cell img{
	max-width: 263px;
	width: 100%;
}



.silver_cell img{
	width: 100%;
		border: 1px solid #CCCCCC;
}

.platinum_btn{
	background: #8095af;
	color: #fff;
	text-align: center;
	width: 90%;
	display: block;
    margin: 0 auto 5px;
}
.gold_btn{
	background: #9e850b;
	color: #fff;
	text-align: center;
	width: 90%;
	display: block;
    margin: 0 auto 5px;
}
.silver_btn{
	background: #9cbbc0;
	color: #fff;
	text-align: center;
	width: 90%;
	display: block;
    margin: 0 auto 5px;
}

.platinum_btn:hover,.gold_btn:hover,.silver_btn:hover{
	cursor: pointer;
}

.sponsors_tab{
	margin: 0 auto;
	width: 50%;
}

.sponsors_tab td{
	text-align: center;
}


.no-bullet {
    list-style: none;
	text-indent:-1em;
	display: inline-block;
}















/* フッター */
#footerWrap{
	width:100%;
	background-color:#FFF6ED;
	margin-top: auto;
	z-index: 1;
    position: relative;
}

#footer{
  margin: auto;
  max-width: 1000px;
  padding: 5px;/*これを書かないとフッターの下に余白ができてしまう*/	
  height:auto;
  padding:1em 0 3em 0;	
}

.address{
	
display: inline-block;
margin-bottom: 0.5em;	
}
#footer .taikai{
width: 40em;
margin-right:0.2em;	
}
#footer .unei{
width: 33.5em;
}


.footer_img{
    position: absolute;
    right: 20px;   /* 右から20px */
    bottom: 0;     /* 下にぴったり */
}

.footer_img img{
    display: block;
    width: 400px;  /* お好みのサイズ */
    height: auto;
}

.address dl{
  margin-top:5px;
  margin-bottom:15px;
  position:relative;
  font-size:79%;
}

.address dt{
 display: inline-block;
 position:absolute;
 left:-10px;
 width:6.2em;
 padding:1em 0.2em;
 text-align: center;
 float:left;
 border:solid 1px;
}




/*英語用*/
.address_en dl{
  margin-top:5px;
  margin-bottom:15px;
  position:relative;
  font-size:92%;
}


.address_en dt{
 position:absolute;
 left:0;
 top:0.2em;
 width:12em;
 color:#ffffff;
 background-color:#0bd;
 padding:0.1em;
 text-align: center;
 float:left;
}


.address hr,.address_en hr{
  border-bottom:solid 0.5px #ffffff;
  margin:1em 0;
  }

.address a,.address_en a{
text-decoration: none;
color: #003c78;

  }
.address a:hover,.address_en a:hover{
  color:#F18D2D;
  }

#footerlast{
	width:100%;
	height: 40px;
	background-color:#44514B;
	margin-top: auto;
	z-index: 1;
    position: relative;
}


.copyright{
 text-align: center;

}

.copy{
	font-size: 75%;
	color: #ffffff;
	padding: 10px;
}

@media print, screen and (min-width: 1001px) {
	
	


	
	
	.pc_fleft{float: left;}


	
	
	.menu {
    	display: flex;
    	margin: 0 auto;
    	width: 1000px;
	}
	
	.stext{
	font-size: 11px;
	color: #fff;
}
	
	.sp{
		display: none !important;
	}

	.menu li {
    	list-style: none;
    	position: relative;
		height: 4rem;
	}
	
	.menu li a {
    	background: #003972;
    	border-right: 1px solid #fff;
    	color: #fff;
    	display: table-cell;
    	text-align: center;
    	text-decoration: none;
    	width: 143px;
		height: 4rem;
		vertical-align: middle;
    background: linear-gradient(to bottom, transparent, black, 80%);
	}
	
	.menu_en li a {
    	width: 167px;
	}

	.menu li a:last-child{
		border-left: 1px solid #fff;
	}

	.menu li a:hover {
		color:#fff;
    	background:#ED6C00;
	}


	
	.address dd{
  		padding-left:6.5em;
		line-height:1.5;
	}
	
	.address_en dd{
  		padding-left:13em;
		line-height:1.7;
	}
}












@media screen and (max-width: 1000px) {
	/* 1000px以下に適用されるCSS */

	
h1{
	height: 40px;
}	
	
	
.pc_fleft{float: none;}
	
.header_btn,.pc{
		display: none;
}
	
.sp{
    display:block;
}	
	
.logo_pc{
    display:none;
}

.logo_sp{
    display:block;
    width:40%;
    max-width:450px;
    margin:0px 10px 10px 10px;
}

.header_right{
    display:flex;
    align-items:center;
    position:absolute;
    top:12px;
    right:65px; /* ハンバーガーの左に配置 */
    z-index:10;
}

	
.fukuoka_logo{
    width:60px;
}

	

	
	
.header_right a{
    font-size:10px;
}
	
	
.header_right.active{
    display:none;
}
	
.menu {
    margin: 40px auto 0 !important;
    width: 100%;
}


.menu li {
    list-style: none;
    position: relative;
}
.menu li a {
    background: #fff;
    text-align: center;
    text-decoration: none;
	width: 95%;
	height: 4rem;
	vertical-align: middle;
	margin: 5px auto;
	border-radius: 5px;
	
}
	

	
	.sp_bottom{
		padding-bottom: 20px !important;
	}
	
	.address dd{
		padding:3em 0 1em 0;
  		padding-left:1em;
		line-height: 1.7;
		font-size: 12px;
	}
	
	.address_en dd{
		padding-top:2em;
  		padding-left:0em;
		line-height: 1.5;
	}
	
		.address dd a{
font-size: 12px;
	}
	
	/*　ハンバーガーボタン　*/
.hamburger {
	display : block;
	position: fixed;
	z-index : 3;
	/* 20230123 高倉変更
	right : 13px; */
	right : 3%;
	top   : 7px;
	width : 42px;
	height: 42px;
	cursor: pointer;
	text-align: center;
	background-color: #003972;
	border:1px solid #fff;
}
.hamburger span {
  display : block;
  position: absolute;
  width   : 30px;
  height  : 2px ;
  left    : 6px;
  background : #fff;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition   : 0.3s ease-in-out;
  transition        : 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
  top: 10px;
}
.hamburger span:nth-child(2) {
  top: 20px;
}
.hamburger span:nth-child(3) {
  top: 30px;
}

/* ナビ開いてる時のボタン */
.hamburger.active{
  background : #003972;}	
	
.hamburger.active span:nth-child(1) {
  top : 16px;
  left: 6px;
  -webkit-transform: rotate(-45deg);
  -moz-transform   : rotate(-45deg);
  transform        : rotate(-45deg);
  background-color:#fff;
  border:none;
}

.hamburger.active span:nth-child(2),
.hamburger.active span:nth-child(3) {
  top: 16px;
  -webkit-transform: rotate(45deg);
  -moz-transform   : rotate(45deg);
  transform        : rotate(45deg);
  background-color:#fff;
  border:none;	
}

nav.globalMenuSp {
	position: fixed;
	z-index : 2;
	top  : 0;
	left : 0;
	color: #000;
	background: #003972;
	text-align: center;
	transform: translateY(-100%);
	transition: all 0.6s;
	width: 100%;

}

nav.globalMenuSp ul {
	margin: 0 auto;
	padding:0;
	width: 100%;

}
	
.menu_logo{
    display:block;
    width:80%;
    max-width:250px;
    margin:-20px 0 20px 15px;
}
	
.home_menu{
    background:#ED6C00 !important;
    color:#fff !important;
}

.home_menu:hover{
    background:#c95b00 !important;
}

.attend_btn{
width:98%;
margin-left:0;

}



.homebtn{
display:inline-block;
background:#16A0B0;
color:#fff;
text-align:center;	
text-decoration:none;
width:90%;
margin:0 auto;	
padding:12px 0;
margin-top:1em;	
margin-bottom:0.5em;	
}

.english_btn{
display:inline-block;
color:#fff;
text-align:center;	
background:#1A4A98;
text-decoration:none;
margin-bottom:0.5em;
width:90%;
margin:0 auto;	
padding:12px 0;
margin-top:0;
margin-bottom:0.5em;	
}

.otoiawase_btn{
display:inline-block;
color:#1A4A98;
text-align: center;		
background:#fff;
border:1px solid #1A4A98;
text-decoration:none;
margin-top:0.2em;
width:90%;
margin:0 auto;	
padding:12px 0;
margin-bottom:1em;
	
}


.english_btn:hover,.otoiawase_btn:hover{
background:#ccc;
}

nav.globalMenuSp ul li {
  list-style-type: none;
  padding: 0;
  width: 100%;

}
nav.globalMenuSp ul li:last-child {
  padding-bottom: 0;
  border-bottom: none;
}

nav.globalMenuSp ul .sp_li a {
  display: block;
  color: #fff;
  padding: 0;
  text-decoration :none;

}

nav.globalMenuSp ul li a {
  display: block;
  color: #003972;
  padding: 1.1em 0 0;
  text-decoration :none;
  padding-left:1em;
}

	
.comingsoon{
	background:#999 !important;
	color:#fff !important;
	cursor:default;
	pointer-events:none;
}

.comingsoon:hover{
	background:#999 !important;
	color:#fff !important;
}	
	

	
	.pc_link{
		pointer-events: none;
	}
	
/* このクラスを、jQueryで付与・削除する */
	nav.globalMenuSp.active {
		transform: translateY(0%);
		overflow-y: scroll;
    	height: 100%;
	}
	
	.sp_btn{
		display: inline-block !important;
		background: #27b4ea !important;
		width: 30% !important;
	}
	
	.nav_img{
		display: inline-block;
    	width: 100%;
    	margin-top: 10px;
	}
	
    .container{
        margin-left:0;
    }

    .movie-wrap{

        margin-left:0;

        width:100%;

        flex-direction:column;
    }	
	
	

	
	
	
	
}

@media screen and (max-width: 999px){
#main{
    background:none;
    min-height:auto;
}
	
#main_en{
margin: auto;
background-image: url(../img/main_teama_sp_01.png);
background-repeat: no-repeat;
background-size: 100%;	
background-position: center top;
	}


#main_wrapper{
	top:21rem;
	/* 20230123 高倉変更
	left:1em; */
	padding-left: 1em;
}
	
	

#info_wrapper{
max-width:100%;
  position:relative;
  top:1rem;
}
#footer{
  margin: auto;
  max-width: 1000px;
  padding: 13px 0 5px 0;/*これを書かないとフッターの下に余白ができてしまう*/	
  height:auto;	
}

	
.address{
display:block;
}

#footer .taikai,#footer .unei{
width: 100%;
margin-right:0;	
}

	
	
	
	
.address dl{
  margin-top:0;
  margin-bottom:0;
  position:relative;
  font-size:100%;
}

.address dt{
 display: inline-block;
 width:95%;
 padding:0.2em 0.5em;
 margin-bottom:0.5em;
 margin:0 20px;
 float:left;
 border:solid 1px;
 text-align:left;
font-size: 15px;
}

	
.copy{
	font-size: 50%;
	color: #ffffff;
	padding: 10px;
}
	

	
}

@media screen and (max-width: 440px){
#main{
margin: auto;
background-image: url(../img/main_teama_sp_01.png);
background-repeat: no-repeat;
background-size: 100%;	
background-position: center top;
/* min-height:1350px; */ /* spのmainの高さを連作先なし1150px */
	}
#main_en{
margin: auto;
background-image: url(../img/main_teama_sp_01.png);
background-repeat: no-repeat;
background-size: 100%;	
background-position: center top;
	}
	
	


}