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




/*============ mainimg ============*/

.mainimg {
	width:100%;
	margin-bottom: 35px;
	position: relative;
}
.mainimg .mainimg_con .mainimg_con_main img {
	width:100%;
	height: 480px;
	object-fit: cover;
	
}

.mainimg .mainimg_con #t_mainimg_copy01 {
	position: absolute;
	top: 70px;
	left: 20px;
}

.mainimg .mainimg_con #t_mainimg_copy02 {
	position: absolute;
	top: 400px;
	left: 20px;
}

/*============ iconbtn ============*/

.t_content_a {
	width:100%;
	background-image: url(../images/t_matinami_bg.png) ;
	background-position: left bottom;
	background-repeat: repeat-x;
	background-size: 30%;
	z-index: 1;
}
.t_content_a .t_content_a_con {
	width:1000px;
	margin: 0 auto;
}
.t_content_a .t_content_a_con #content_a_copy {
	text-align: center;
	font-size: 130%;
	font-weight: bold;
	color: #0071BC;
	padding-bottom: 35px;
}



/*=========*/

.t_content_b {
	width:100%;
	background-color: #CEE9FC;
	border-bottom: solid 3px #FDF5EE;
	padding-top: 40px;
	padding-bottom: 45px;
	margin-bottom: 60px;
}

.t_content_b .t_content_b_con {
	width:1000px;
	margin: 0 auto;
}



.t_content_b .t_content_b_con .t_b_con_left  {
	float: left;
	width: 460px;
	background-color: #FFF;
	border-radius: 30px; /* 角を丸くする */
	padding-left: 20px;
	padding-bottom: 10px;
}

.t_content_b .t_content_b_con .t_b_con_right  {
	float: right;
	width: 460px;
	background-color: #FFF;
	border-radius: 30px; /* 角を丸くする */
	padding-left: 20px;
	padding-bottom: 10px;
}


div.t_content_b_con:after {
	font-size: 1px;
	color: #FFFFFF;
	content:".";
	display: block;
	height: 0px;
	clear: both;
}
div.t_content_b_con{
	zoom: 1;
}


.t_content_b .t_content_b_con .markcontitle {
	text-align: center;
	padding: 22px 25px 15px 0;
}









.t_content_b .t_content_b_con .t_b_con_left .marknavi li  {
	float: left;
	width: 140px;
	margin-right:10px;
	margin-bottom:10px;
}

.t_content_b .t_content_b_con .t_b_con_right .marknavi li  {
	float: left;
	width: 215px;
	margin-right:10px;
	margin-bottom:10px;
}


ul.marknavi:after {
	font-size: 1px;
	color: #FFFFFF;
	content:".";
	display: block;
	height: 0px;
	clear: both;
}
ul.marknavi{
	zoom: 1;
}





/*============ MICE開催 ============*/



.t_content_c {
	width:100%;
	background-image: url(../images/t_bg_01.png) ;
	background-position: left bottom;
	background-repeat: repeat-x;
	background-size: 2px 240px;
	margin-bottom: 75px;
}

.t_content_c .t_content_c_con {
	width:970px;
	margin: 0 auto;
}

.t_content_c .t_content_c_con .markcontitle01 {
	text-align: center; 
	padding-bottom: 10px;
}

.t_content_c .t_content_c_con .t_content_c_contitle {
	text-align: center; 
	font-size: 160%;
	color: #0071BC;
	font-weight: bold;
	padding-bottom: 7px
}

.t_content_c .t_content_c_con .t_content_c_contitle span {
	color: #000;
}
.t_content_c .t_content_c_con .markconline01 {
	text-align: center; 
	padding-bottom: 30px;
}






.t_content_c .t_content_c_con .t_content_c_info .t_content_c_infoleft {
	float: left;
	width: 491px;
}

.t_content_c .t_content_c_con .t_content_c_info .t_content_c_inforight {
	float: right;
	width: 440px;
	height: 310px;
	background-image: url(../images/t_yamaguchimap_a.png) ;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 425px 285px;
}


div.t_content_c_info:after {
	font-size: 1px;
	color: #FFFFFF;
	content:".";
	display: block;
	height: 0px;
	clear: both;
}
div.t_content_c_info{
	zoom: 1;
}

.t_content_c .t_content_c_con .t_content_c_info{
	padding-bottom: 40px;
}






/*============ 山口市とはどんな街？ ============*/

.t_content_d {
	width:100%;
	margin-bottom: 60px;
}
.t_content_d .markcontitle02 {
	text-align: center; 
	padding-bottom: 15px;
}
.t_content_d .t_content_d_contitle {
	text-align: center; 
	margin-bottom: 20px;
}



/* カルーセルパネルはじまり============= */

.t_content_d .sliderscon {
	width:100%;
	margin: 0 auto;
	background-color: #F6F6F6;
	padding-top: 15px;
	padding-bottom: 25px;
}



.carousel{
	margin: 0 auto;
	width: 1060px;
	height: 150px;
}





/*============ お知らせ ============*/

.t_content_e {
	width:100%;
	background-color: #EEF7FA;
	padding: 35px 0;
	margin-bottom:80px;
}

.t_content_e .t_content_e_con {
	width: 920px;
	margin: 0 auto;
	background-color: #FFF;
	border-radius: 30px; /* 角を丸くする */
	padding: 25px 40px;
}

.t_content_e .t_content_e_con .newscon .newscontitle {
	text-align: center;
	background-image: url(../images/t_titleiline_02.png) ;
	background-position: center bottom;
	background-repeat: no-repeat;
	background-size: 930px 6px;
	padding-bottom:17px;
	margin-bottom:20px;
}
.t_content_e .t_content_e_con .newscon .newscontitle img {
	object-fit: cover;
}



.newscon .newslist {
	width: 920px;
}

.newscon .newslist dt {
	float: left;
	width: 145px;
	color: #000;
	padding-bottom: 7px;
	margin-bottom: 7px;
}
.newscon .newslist dd p {
	float: left;
	width: 775px;
	padding-bottom: 7px;
	margin-bottom: 7px;
}

div.newscon:after {
	font-size: 1px;
	color: #FFFFFF;
	content:".";
	display: block;
	height: 0px;
	clear: both;
}
div.newscon{
	zoom: 1;
}

.t_content_e .t_content_e_con .newscon .newscon_btn {
	text-align: center;
}




/*============ 広告 ============*/

.t_content_f {
	width:100%;
	margin-bottom:60px;
}

.t_content_f .t_content_f_con {
	width: 935px;
	margin: 0 auto;
}

.t_content_f .t_content_f_con .t_content_f_con_title {
	text-align: center;
	margin-bottom: 20px;
}


.t_content_f .t_content_f_con .banner_cm {
	margin-bottom: 15px;
}

.t_content_f .t_content_f_con .banner_cm li {
	float: left;
	width: 172px;
	padding-right: 15px;
}

ul.banner_cm:after {
	font-size: 1px;
	color: #FFFFFF;
	content:".";
	display: block;
	height: 0px;
	clear: both;
}
ul.banner_cm{
	zoom: 1;
}