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


/*===========トップページ===========*/

#main {
    width: 100%;
}

/*---ピックアップ情報---*/
.top_pick {
    width: 100%;
    margin-bottom: 70px;
	background-image: url("../images02/line_02.png") ;
	background-position: left top;
	background-repeat: repeat-x;
	background-size: 12px 10px;
    padding-top: 50px;
}

/*===共通===*/
.top_sub_title {
    max-width: 900px;
	 width: 100%;
    margin: 0 auto;
    text-align: center;
    margin-bottom: 15px;
}

.top_sub_title .top_titleicon {
    margin-bottom: 10px;
}
/*===*/

.top_pick .top_pick_main {
    width: 100%;
	background-image: url("../images02/back_03.jpg") ;
	background-position: left top;
	background-repeat: repeat;
	background-size: 30px 27px;
    padding: 35px 0 5px 0;
}

.top_pick .top_pick_main_con {
    max-width: 900px;
	 width: 90%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.top_pick .top_pick_main_con .top_pick_info {
    margin-bottom: 30px;
}

.top_pick .top_pick_main_con .top_pick_info .top_pick_img {
    margin-bottom: 8px;
}

.top_pick .top_pick_main_con .top_pick_info h4 {
    font-size: 120%;
    color: #E1515F;
    font-weight: bold;
	background-image: url("../images02/arrow_01.png") ;
	/*20210621修正*/
	background-position: left top 4px;
/**/
	background-repeat: no-repeat;
	background-size: 12px 19px;
    padding-left: 22px;
    margin-bottom: 3px;
}

.top_pick .top_pick_main_con .top_pick_info a:link {
	color:#E1515F;
	text-decoration: none;
}
.top_pick .top_pick_main_con .top_pick_info a:visited {
	color:#E1515F;
	text-decoration: none;
}
.top_pick .top_pick_main_con .top_pick_info a:hover,
.top_pick .top_pick_main_con .top_pick_info a:focus {
	color: #5B7921;
	text-decoration: underline;
	}
.top_pick .top_pick_main_con .top_pick_info a:active {
	color:#93AB57;
}

.top_pick .top_pick_main_con .top_pick_info p {
    font-size: 100%;
    padding-left: 22px;
}

.top_pick .top_pick_button {
    max-width: 900px;
	 width: 100%;
    margin: 0 auto;
    text-align: center;
    margin-top: 25px;
}








/*---インフォメーション・イベント情報---*/
.top_info {
    width: 100%;
    margin-bottom: 70px;
	background-image: url("../images02/back_02.jpg") ;
	background-position: left top;
	background-repeat: repeat;
	background-size: 42px 86px;
    padding: 35px 0 10px 0;
}

.top_info .top_info_con {
    max-width: 900px;
	 width: 90%;
    margin: 0 auto;
}

.top_info .top_info_con h4 {
    margin-bottom: 8px;
}

.top_info .top_infomation {
    background-color: #FFF;
    border-radius: 20px;
    padding: 15px 20px;
    margin-bottom: 20px;
}

.top_info .top_info_button {
    text-align: center;
    margin-top: 5px;
    margin-bottom: 6px;
}

.top_info .top_event {
    background-color: #FFF;
    border-radius: 20px;
    padding: 15px 20px;
}


/*協会からのお知らせ前回のから文字色変更*/
.top_infomation {
	margin-bottom: 25px;
	font-weight: bold;
}
.top_infomation h4 img {
	margin-bottom: 5px;
}
.top_infomation #infonewslist {
	margin-bottom: 20px;
	padding: 0 15px;
}

.top_infomation #infonewslist li {
	padding-bottom: 3px;
}

.top_infomation a:link {
	color:#333;
	text-decoration: none;
}
.top_infomation a:visited {
	color:#333;
	text-decoration: none;
}
.top_infomation a:hover,
.top_infomation a:focus {
	color: #5B7921;
	text-decoration: underline;
	}
.top_infomation a:active {
	color:#93AB57;
}


/*イベント情報前回のから文字色変更*/
.top_event {
	margin-bottom: 25px;
	font-weight: bold;
}
.top_event h4 img {
	margin-bottom: 5px;
}
.top_event .eventnewslist {
	max-width: 800px;
	padding: 0 15px;
	margin-bottom: 20px;
	width: 100%;
	}

.top_event .eventnewslist dt {
	float: left;
	width: 74px;
	padding-right: 15px;
	padding-bottom: 5px;
	}

.top_event .eventnewslist dd p {
	float: left;
	width: 700px;
	padding-bottom: 5px;
	}

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

.top_event a:link {
	color:#333;
	text-decoration: none;
}
.top_event a:visited {
	color:#333;
	text-decoration: none;
}
.top_event a:hover,
.top_event a:focus {
	color: #5B7921;
	text-decoration: underline;
	}
.top_event a:active {
	color:#93AB57;
}

/*---------*/

.new_icon{
	background:url(../images/new.gif) no-repeat center right;
	padding-right:30px;
	padding-top:5px;
	padding-bottom:5px;
}









/*---観光便利情報---*/
.top_to {
    width: 100%;
    margin-bottom: 70px;
}

.top_to .top_to_main {
    width: 100%;
	background-image: url("../images02/back_01.jpg") ;
	background-position: left top;
	background-repeat: repeat;
	background-size: 42px 86px;
}

.top_to .top_to_top {
	background-image: url("../images02/line_02.png") ;
	background-position: left top;
	background-repeat: repeat-x;
	background-size: 12px 10px;
    padding-top: 45px;
}

.top_to .top_to_bo {
	background-image: url("../images02/line_02.png") ;
	background-position: left bottom;
	background-repeat: repeat-x;
	background-size: 12px 10px;
    padding-bottom: 45px;
}

.top_to .top_to_main_con {
    max-width: 900px;
	 width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
	 column-gap: 10px;
}
.top_to_img{
	width: 15%;
	max-width: 130px;
}
.top_to_img img{
	width: 100%;
	height: auto;
}







/*---特集---*/
.top_spe {
    width: 100%;
    margin-bottom: 70px;
}

.top_spe .top_spe_main {
    width: 100%;
    background-color: #FFCFA0;
}

.top_spe .top_spe_top {
	background-image: url("../images02/line_02.png") ;
	background-position: left top;
	background-repeat: repeat-x;
	background-size: 12px 10px;
    padding-top: 35px;
}

.top_spe .top_spe_bo {
	background-image: url("../images02/line_02.png") ;
	background-position: left bottom;
	background-repeat: repeat-x;
	background-size: 12px 10px;
    padding-bottom: 15px;
}

.top_spe ul {
    width: 80%;
    margin: 0 auto;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.top_spe ul li {
    flex-basis: 32%;
    margin: 0.5%;
}
.top_spe ul li img {
    width: 100%;
    height: auto;
}




/*---PR---*/

.top_use {
    width: 100%;
    margin-bottom: 70px;
}
/*
.top_use .top_use_con {
    width: 1090px;
    margin: 0 auto;
}

.top_use .slidecon_b {
    margin-top: 25px;
}
*/

.slidecon_b {
    width: 75%;
    margin: 0 auto;
    position: relative;
}

.slider li{
    flex-basis: 32%;
    margin: 0.25%;
}

.slider li img {
    width: 100%;
    height: auto;
}
.prevarrow {
    width: 11px;
    height: 17px;
    position: absolute;
    top: 45%;
    left: -30px;
    cursor: pointer;
    
}

.nextarrow {
    width: 11px;
    height: 17px;
    position: absolute;
    top: 45%;
    right: -30px;
    cursor: pointer;
}

/*---月間アクセスランキング---*/

.top_ran {
    width: 100%;
    margin-bottom: 90px;
	background: #F2F2F2;
	padding: 35px 0 45px 0;
}

.top_ran ul {
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}

.top_ran ul li {
    flex-basis: 19%;
    margin: 0.5%;
}
.top_ran ul li img {
    width: 100%;
    height: auto;
}





/*---SNS/blog---*/

.top_sns {
    width: 100%;
    margin-bottom: 70px;
	background-image: url("../images02/back_02.jpg") ;
	background-position: left top;
	background-repeat: repeat;
	background-size: 42px 86px;
}

.top_sns .top_sns_top {
	background-image: url("../images02/line_01.png") ;
	background-position: left top;
	background-repeat: repeat-x;
	background-size: 12px 10px;
    padding-top: 40px;
}

.top_sns .top_sns_bo {
	background-image: url("../images02/line_01.png") ;
	background-position: left bottom;
	background-repeat: repeat-x;
	background-size: 12px 10px;
    padding-bottom: 35px;
}

.top_sns .top_sns_con {
    max-width: 900px;
	 width: 90%;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
	 column-gap: 30px;/*最小のギャップ指定*/
}

.top_sns .top_sns_bo h4 {
	font-size: 120%;
	color: #E1515F;
	background-image: url("../images02/t_yotuba.png") ;
	background-position: left;
	background-repeat: no-repeat;
	background-size: 16px 16px;
    padding-left: 22px;
    margin-bottom: 10px;
}

.top_sns .top_sns_simg {
    margin-bottom: 15px;
}

/*---20220705追加--*/
.top_sns .top_sns_con .top_sns_right .top_sns_bimg {
    margin-top: 30px;
	margin-bottom: 15px;
}
/*---20220705追加ここまで--*/


/*---広告バナー---*/

.top_kou {
    width: 100%;
    margin-bottom: 70px;
}

.top_kou .top_kou_con {
    max-width: 900px;
	 width: 90%;
    margin: 0 auto;
}

.top_kou .top_kou_ti {
    text-align: center;
    margin-bottom: 30px;
}

.top_kou .top_kou_ba {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.top_kou .top_kou_ba .top_koukoku {
    max-width: 200px;
	 width: 23%;
    margin-bottom: 20px;
}
.top_kou .top_kou_ba .top_koukoku img{
	width: 100%;
	height: auto;
}



/*20210621追加*/
.top_pick .top_pick_info {
	max-width: 430px;
	width: 48%;
}
.top_pick_img{
	width: 100%;
	height: auto;
}
.top_pick .top_pick_info img{
	width: 100%;
	height: auto;
}








/*20211019_インフォメーション*/
.top_infomation {
	margin-bottom: 25px;
	font-weight: bold;
}
.top_infomation h4 img {
	margin-bottom: 5px;
}
.top_infomation #infonewslist {
	margin-bottom: 20px;
	padding: 0 15px;
}

.top_infomation #infonewslist dt {
	width: 140px;
	float: left;
	padding-bottom: 5px;
	color: #808080;
}

.top_infomation #infonewslist dd {
	width: 100%;
	float: right;
	padding-bottom: 5px;
}

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


.top_infomation a:link {
	color:#333;
	text-decoration: none;
}
.top_infomation a:visited {
	color:#333;
	text-decoration: none;
}
.top_infomation a:hover,
.top_infomation a:focus {
	color: #5B7921;
	text-decoration: underline;
	}
.top_infomation a:active {
	color:#93AB57;
}



/*20230316_改修工事表示部分*/

.top_pick .kaisyu_a {
	background-color: #EF6F7C;
	margin-top: -35px;
	margin-bottom: 50px;
}

.top_pick .kaisyu_a .shuhuku_a {
	text-align: center;
	padding: 10px;
	font-size: 120%;font-weight :bold;
}

.top_pick .kaisyu_a .shuhuku_a a:link {
	color:#FFF;
	text-decoration: none;
}
.top_pick .kaisyu_a .shuhuku_a a:visited {
	color:#FFF;
	text-decoration: none;
}
.top_pick .kaisyu_a .shuhuku_a a:hover,
.top_pick .kaisyu_a .shuhuku_a a:focus {
	color: #FFF3C3;
	text-decoration: none;
	}
.top_pick .kaisyu_a .shuhuku_a a:active {
	color:#93AB57;
}


/*20230327_アートページ・香山公園へのリンクバナー*/

.t_artcon {
    width: 100%;
	margin-bottom: 70px;
	margin-top: 60px;
}

.t_artcon .t_artcontent {
    max-width: 900px;
	 width: 90%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.t_artcon .t_artcontent .t_artcon_info{
	max-width: 430px;
	width: 48%;
}
.t_artcon .t_artcontent .t_artcon_info img{
	width: 100%;
	height: auto;
}


/*202312画面幅はみ出る問題修正*/

#header .h_top_con{
	flex-wrap: wrap;
	row-gap: 15px;
}
#header .h_right{
	flex-wrap: wrap;
	row-gap: 10px;
}

.top_sns_simg,.top_sns_bimg{
	max-width: 400px;
	width: 100%;
}
.top_sns_simg img,
.top_sns_bimg img{
	width: 100%;
	height: auto;
}

.top_info h4 img{
	width: 100%;
	height: auto;
}

#header .globalnavigation{
	max-width: 900px;
	width: 90%;
	margin: 0 auto;
}
#header .globalnavigation li{
	max-width: 180px;
	width: 25%;
}
#header .globalnavigation li img{
	width: 100%;
	height: auto;
}

#footerutility #footerutilitycopy {
	max-width: 900px;
	width: 90%;
}

#footerconvention #footerconventioninfo {
	max-width: 900px;
	width: 90%;
}

#footercopylight #copylight{
	max-width: 900px;
	width: 90%;
}

.t_main_round_a{
	max-width: 150px;
	width: 16vw;
}
.t_main_round_a img{
	width: 100%;
	height: auto;
}