@charset "utf-8";
/*===============================================================
Theme Name: 宝塚市クリーンセンター2023年6月版
宝塚市クリーンセンターCSS
===============================================================*/

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

	TOPページ

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

/* PC向けレイアウトの指定 */
@media only screen and (min-width:761px){

	/***************メインビジュアル***************/
	#main_img {
	    background-image: url(images/pc/main_bg.jpg);
	    height: 694px;
	    background-color: #f7f3ec;
	    background-repeat: no-repeat;
	    background-position: 0% 0%;
	    background-position: center;
	    text-align: center;
	    padding-top: 60px;
	    white-space: nowrap;
	}
	#main_img .img {
	    margin-bottom: 40px;
	}
	#main_img div {
	    text-align: left;
	    display: inline-block;
	    margin-left: auto;
	    margin-right: auto;
	    background-image: url(images/logo_f.png);
	    background-size: 160px;
	    background-repeat: no-repeat;
	    padding-left: 390px;
	    height: 100px;
	    background-position: 200px 0%;
	}
	#main_img div p span {
	    display: block;
	    font-size: 26px;
	    padding-left: 40px;
	    margin-bottom: 10px;
	    margin-top: 10px;
	}
	#top .block02 ul {
	    border-top: 1px solid #8e8e8e;
	    margin-bottom: 20px;
	}
	#top .block02 ul li {
	    border-bottom: 1px solid #8e8e8e;
	}
	#top .block02 ul li a {
	    height: 56px;
	    width: 100%;
	    color: #464646;
	    text-decoration: none;
	    display: block;
	    padding-left: 10px;
	    padding-top: 0px;
	    line-height: 56px;
	    transition: 0.5s;
	}
	#top .block02 ul li a:hover {
	    background-color: #FCFFFD;
	}
	#top .block02 ul li a span {
	    background-color: #319255;
	    width: 90px;
	    height: 20px;
	    display: inline-block;
	    border-radius: 10px;
	    color: #fff;
	    font-size: 12px;
	    line-height: 22px;
	    text-align: center;
	    margin-left: 10px;
	    margin-right: 10px;
	}
	#top .block02 .right {
	    text-align: right;
	    margin-bottom: 100px;
	}
	#top .block02 .right a {
	    text-decoration: underline;
	    color: #464646;
	    transition: 0.5s;
	}
	#top .block02 .right a:hover {
	    opacity: .60; 
		filter: alpha(opacity=60); 
		-ms-filter: "alpha(opacity=60)"; 
		-khtml-opacity: .60;
		-moz-opacity: .60; 
	}
	#top .block01 ul {
	    margin-bottom: 60px;
	}
	#top .block01 ul li {
	    width: 300px;
	    float: left;
	}
	#top .block01 ul li img {
	    width: 100%;
	    margin-bottom: 20px;
	}
	#top .block01 .margin {
	    margin-left: 50px;
	}
	#top .block01.bg_color01 .buttom_margin {
	    margin-bottom: 60px;
	}

}
/* SP向けレイアウトの指定 */
@media only screen and (max-width:760px){

	.no_sp {
		display: none;
	}
	body {
	    margin-top: 70px;
	}
	#main_box {
	    text-align: center;
	    padding-top: 60px;
	    color: #5b9772;
	    background-color: #faf3ed;
	    font-size: 24px;
	    line-height: 29px;
	    padding-left: 5%;
	    padding-right: 5%;
	}
	#main_box p span {
	    display: block;
	    color: #6F6B6A;
	    font-size: 16px;
	    line-height: 26px;
	    text-align: left;
	    margin-top: 20px;
	}
	#top .block02 ul {
	    border-top: 1px solid #8e8e8e;
	    margin-bottom: 20px;
	}
	#top .block02 ul li {
	    border-bottom: 1px solid #8e8e8e;
	}
	#top .block02 ul li a {
	    width: 100%;
	    color: #464646;
	    text-decoration: none;
	    display: block;
	    padding-left: 10px;
	    padding-top: 10px;
	    transition: 0.5s;
	    padding-bottom: 10px;
	}
	#top .block02 ul li a:hover {
	    background-color: #FCFFFD;
	}
	#top .block02 ul li a span {
	    background-color: #319255;
	    width: 90px;
	    height: 20px;
	    display: inline-block;
	    border-radius: 10px;
	    color: #fff;
	    font-size: 12px;
	    line-height: 24px;
	    text-align: center;
	    margin-left: 10px;
	    margin-right: 10px;
	}
	#top .block02 .right {
	    text-align: center;
	    margin-bottom: 30px;
	}
	#top .block02 .right a {
	    text-decoration: underline;
	    color: #464646;
	    transition: 0.5s;
	    font-size: 16px;
	}
	#top .block02 .right a:hover {
	    opacity: .60; 
		filter: alpha(opacity=60); 
		-ms-filter: "alpha(opacity=60)"; 
		-khtml-opacity: .60;
		-moz-opacity: .60; 
	}
	#top .block01 ul {
	    margin-bottom: 35px;
	}
	#top .block01 ul li {
	    width: 100%;
	    font-size: 16px;
	}
	#top .block01 ul li img {
	    width: 100%;
	    margin-bottom: 20px;
	}
	#top .block01 .margin {
	    margin-top: 35px;
	}
	#top .padding1 {
	    padding-top: 60px;
	}
	#top .padding2 {
	    padding-top: 50px;
	}
	#top .block01.bg_color01 .buttom_margin {
	    margin-bottom: 35px;
	}

}

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

	工事便り一覧ページ

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

/* PC向けレイアウトの指定 */
@media only screen and (min-width:761px){

	#tidings_list #wrap  {
	    width: 1340px;
	    margin-right: auto;
	    margin-left: auto;
	    margin-top: 70px;
	}
	
	#tidings_list .wrap_p85{
	    padding-left: 85px;
	}
	#tidings_list #wrap .left  {
	    float: left;
	    width: 1000px;
	}
	#tidings_list #wrap .left.left_bottom  {
	    margin-bottom: 100px;
	}
	#tidings_list .left_margin35 {
	    margin-left: 40px;
	}
	#tidings_list .left ul .b_left {
	    width: 420px;
	    float: left;
	    margin-bottom: 100px;
	}
	#tidings_list .left ul .b_right {
	    width: 420px;
	    float: right;
	    margin-bottom: 100px;
	}
	#tidings_list .left ul li a {
	    transition: 0.5s;
	    color: #464646;
	    text-decoration: none;
	    transition: 0.5s;
	}
	#tidings_list .left ul li a:hover {
	    opacity: .50; 
	}
	#tidings_list .left ul li img {
		margin-bottom: 20px;
        width: 100%;
        height: auto;
        object-fit: cover;
        aspect-ratio: 4 / 3;
	}
	#tidings_list .left ul li .txt1 {
	    margin-bottom: 10px;
	}
	#tidings_list .left ul li .txt2 {
	    text-align: right;
	    font-size: 13px;
	}
	#tidings_list #wrap .right  {
	    width: 270px;
	    float: right;
	    margin-bottom: 80px;
	}
	#tidings_list #wrap .right h3 {
	    font-size: 20px;
	    font-weight: bold;
	}
	#tidings_list #wrap .right li a {
	    text-decoration: none;
	    color: #464646;
	     transition: 0.5s;
	}
	#tidings_list #wrap .right li a:hover {
	    opacity: .60; 
	}
	
	#tidings_list .img {
	    margin-bottom: 60px;
	    width: 700px;
	    margin-right: auto;
	    margin-left: auto;
	}
	#tidings_list .txt700 {
	    width: 700px;
	    margin-right: auto;
	    margin-left: auto;
	}
	
	#tidings_list .wrap700 {
	    width: 700px;
	    margin-right: auto;
	    margin-left: auto;
	}
	#tidings_list .img1 {
	    margin-bottom: 100px;
	}
	#tidings_list .bottom_1 {
	    margin-bottom: 20px;
	}
	#tidings_list .bottom_2 {
	    margin-bottom: 100px;
	}
	#tidings_list .bottom_3 {
	    margin-bottom: 30px;
	}

	#tidings_list .tit_txt {
	    font-size: 26px;
	    line-height: 30px;
	    margin-bottom: 10px;
	}

	/*アコーディオン全体*/
	#tidings_list .menu {
	    /*width: 100%;*/
	    padding-top: 10px;
	    padding-right: 10px;
	    /*padding-bottom: 20px;*/
	}
	#tidings_list .menu input {
	  display: none; /*チェックボックスを隠す*/
	}
	
	/*バー部分*/
	#tidings_list .menu label {
	    cursor : pointer;
	    display: inline-block;
	    text-decoration: none;
	    line-height: 1;
	    position: relative;
	    margin: 0 0 10px;
	    padding-top: 10px;
	    padding-right: 40px;
	    padding-bottom: 10px;
	}
	
	/*開いたときに表示される部分*/
	#tidings_list .menu ul {
	  margin: 0;
	  padding: 0;
	  list-style: none;
	  margin-bottom: 1px;
	}
	#tidings_list .menu li {
	  height: 0;
	  overflow-y: hidden;
	  transition: padding-bottom 0.5s, padding-top 0.5s; /*閉じるときのアニメーション*/
	  -webkit-transition: padding-bottom 0.5s, padding-top 0.5s;
	  -moz-transition: padding-bottom 0.5s, padding-top 0.5s;
	  -ms-transition: padding-bottom 0.5s, padding-top 0.5s;
	  -o-transition: padding-bottom 0.5s, padding-top 0.5s;
	}
	#tidings_list #menu_bar01:checked ~ #links01 li,
	#tidings_list #menu_bar02:checked ~ #links02 li,
	#tidings_list #menu_bar03:checked ~ #links03 li,
	#tidings_list #menu_bar04:checked ~ #links04 li,
	#tidings_list #menu_bar05:checked ~ #links05 li,
	#tidings_list #menu_bar06:checked ~ #links06 li,
	#tidings_list #menu_bar07:checked ~ #links07 li,
	#tidings_list #menu_bar08:checked ~ #links08 li,
	#tidings_list #menu_bar09:checked ~ #links09 li,
	#tidings_list #menu_bar10:checked ~ #links10 li {
	    height: auto; /*開いたときに表示されるliの高さ*/
	    opacity: 1;
	    background-color: #fff;
	    padding-top: 10px;
	    padding-right: 10px;
	    padding-left: 30px;
	    padding-bottom: 10px;
	    border-left: 1px solid #8e8e8e;
	}
	 /*開いたときの下の余白*/
	#tidings_list #menu_bar01:checked ~ #links01 li:last-child,
	#tidings_list #menu_bar02:checked ~ #links02 li:last-child,
	#tidings_list #menu_bar03:checked ~ #links03 li:last-child,
	#tidings_list #menu_bar04:checked ~ #links04 li:last-child,
	#tidings_list #menu_bar05:checked ~ #links05 li:last-child,
	#tidings_list #menu_bar06:checked ~ #links06 li:last-child,
	#tidings_list #menu_bar07:checked ~ #links07 li:last-child,
	#tidings_list #menu_bar08:checked ~ #links08 li:last-child,
	#tidings_list #menu_bar09:checked ~ #links09 li:last-child,
	#tidings_list #menu_bar10:checked ~ #links10 li:last-child {
	  margin-bottom: 20px;
	}
	
	/*閉じた状態の矢印描画*/
	#tidings_list .menu label:after{
	  content:"";
	  display:block;
	  width:8px;
	  height:8px;
	  border-top: #333 2px solid;
	  border-right: #333 2px solid;
	  -webkit-transform: rotate(135deg);
	  -ms-transform: rotate(135deg);
	  transform: rotate(135deg);
	  position:absolute;
	  left: 70px;
	  top: 0;
	  bottom: 15%;
	  margin: auto;
	}
	/*開いた状態の矢印描画*/
	#tidings_list .menu input[type=checkbox]:checked + label:after{
	  content:"";
	  display:block;
	  width:8px;
	  height:8px;
	  border-top: #333 2px solid;
	  border-right: #333 2px solid;
	  -webkit-transform: rotate(-45deg);
	  -ms-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	  position:absolute;
	  left: 70px;
	  top: 7%;
	  bottom: 0;
	  margin: auto;
	}
	
	/***********前の記事・次の記事***********/
	#tidings_list .bn_box {
	    width: 1000px;
	    height: 46px;
	    position: relative;
	    margin-left: auto;
	    margin-right: auto;
	    margin-top: 90px;
	}
	#tidings_list .bn_box a {
	 transition: 0.5s;
	}
	#tidings_list .bn_box a:hover {
	 opacity: .60; 
	}
	#tidings_list .back_btn {
	    width: 150px;
	    height: 46px;
	    text-align: center;
	    line-height: 46px;
	    border: 1px solid #333;
	    display: block;
	    border-radius: 5px;
	    text-decoration: none;
	    color: #464646;
	    position: absolute;
	    left: 150px;
	}
	#tidings_list .next_btn {
	    width: 150px;
	    height: 46px;
	    text-align: center;
	    line-height: 46px;
	    border: 1px solid #333;
	    display: block;
	    border-radius: 5px;
	    text-decoration: none;
	    color: #464646;
	    position: absolute;
	    right: 150px;
	}
	#tidings_list .bn_btn{
	    width: 218px;
	    height: 46px;
	    color: #fff;
	    text-align: center;
	    line-height: 46px;
	    background-color: #319255;
	    display: block;
	    margin-right: auto;
	    margin-left: auto;
	    text-decoration: none;
	    -webkit-border-radius: 23px;
	    transition: 0.5s;
	    position: absolute;
	    left: 0px;
	    right: 0px;
	}
	
	
	
	/***********ページャー***********/
	#tidings_list .pager {
	    width: 1000px;
	    text-align: center;
	    margin-left: auto;
	    margin-right: auto;
	}
	#tidings_list .pager.pager_top {
	    margin-top: 100px;
	}
	#tidings_list .pager.pager_bottom {
	    margin-bottom: 100px;
	}
	#tidings_list .pager li {
	    width: 50px;
	    height: 50px;
	    text-decoration: none;
	    line-height: 50px;
	    text-align: center;
	    display: inline-block;
	    margin-right: 2px;
	    margin-left: 2px;
	}
	#tidings_list .on {
	    color: #fff;
	    background: #319255;
	}
	#tidings_list .off {
	    color: #464646;
	    background: #eeeeee;
	}
	#tidings_list .pager li a {
	    width: 50px;
	    height: 50px;
	    color: #464646;
	    text-decoration: none;
	    line-height: 50px;
	    text-align: center;
	    background: #eeeeee;
	    display: block;
	    transition: 0.5s;
	}
	#tidings_list .pager li a:hover {
	    color: #fff;
	    text-decoration: none;
	    background: #319255;
	}
	/*
	#tidings_list .pager  ul.pagination {
	    text-align: center;
	
	    margin-bottom: 100px;
	    padding: 0;
	}
	
	#tidings_list .pager .pagination li {
	  margin: 0 2px;
	  padding: 0;
	  display: inline-block;
	  background:#eeeeee;
	  width: 50px;
	  height: 50px;
	  text-align: center;
	
	}
	
	#tidings_list .pager .pagination li a{
	    vertical-align: middle;
	
	    top: -1px;
	    left: 0;
	    width: 100%;
	    height: 100%;
	    text-align: center;
	    display: table;
	    color: #464646;
	    text-decoration: none;
	}
	
	#tidings_list .pager .pagination li a span{
	  display:table-cell;
	  vertical-align:middle;
	}
	
	.pager .pagination li a:hover,
	.pager .pagination li a.active{
	  color: #fff;
	  background: #319255;
	}
	*/

}
/* SP向けレイアウトの指定 */
@media only screen and (max-width:760px){

	#tidings_list #wrap  {
	    margin-right: 5%;
	    margin-left: 5%;
	}
	#tidings_list #wrap .left  {
	
	}
	#tidings_list .left ul {
	    padding-top: 15px;
	}
	#tidings_list .left ul .b_left {
	    width: 100%;
	    float: left;
	}
	#tidings_list .left ul .b_right {
	    width: 100%;
	    float: right;
	}
	#tidings_list .left ul li a {
	    transition: 0.5s;
	    color: #464646;
	    text-decoration: none;
	}
	#tidings_list .left ul li a:hover {
	    opacity: .50; 
	}
	#tidings_list .left ul li img {
		margin-bottom: 20px;
		width: 100%;
		height: auto;
	}
	#tidings_list .left ul li .txt1 {
	
	}
	#tidings_list .left ul li .txt2 {
	    text-align: right;
	    font-size: 13px;
	    margin-bottom: 35px;
	}
	#tidings_list #wrap .right  {
	    margin-bottom: 60px;
	}
	#tidings_list #wrap .right h3 {
	    font-size: 20px;
	    font-weight: bold;
	}
	#tidings_list #wrap .right li a {
	    text-decoration: none;
	    color: #464646;
	    transition: 0.5s;
	    display: block;
	}
	#tidings_list #wrap .right li a:hover {
	    opacity: .60; 
	}
	
	#tidings_list .img {
	    margin-bottom: 35px;
	}
	#tidings_list .img1 {
	    margin-bottom: 35px;
	}
	#tidings_list .bottom_1 {
	    margin-bottom: 20px;
	}
	#tidings_list .bottom_2 {
	    margin-bottom: 35px;
	}
	#tidings_list .bottom_3 {
	    margin-bottom: 60px;
	}
	#tidings_list .tit_txt {
	    margin-bottom: 10px;
	}
	#tidings_list .txt700 {
	    margin-bottom: 60px;
	}

	/*アコーディオン全体*/
	#tidings_list .menu {
	    /*width: 100%;*/
	    padding-top: 10px;
	    padding-right: 10px;
	    border-top: 1px solid #8e8e8e;
	}
	#tidings_list .menu input {
	  display: none; /*チェックボックスを隠す*/
	  
	}
	
	/*バー部分*/
	#tidings_list .menu label {
	    cursor : pointer;
	    display: block;
	    text-decoration: none;
	    line-height: 1;
	    position: relative;
	    margin: 0 0 10px;
	    padding-top: 10px;
	    padding-bottom: 20px;
	    border-bottom: 1px solid #8e8e8e;
	}
	
	/*開いたときに表示される部分*/
	#tidings_list .menu ul {
	  margin: 0;
	  padding: 0;
	  list-style: none;
	  margin-bottom: 1px;
	}
	#tidings_list .menu li {
	  height: 0;
	  overflow-y: hidden;
	  transition: padding-bottom 0.5s, padding-top 0.5s; /*閉じるときのアニメーション*/
	  -webkit-transition: padding-bottom 0.5s, padding-top 0.5s;
	  -moz-transition: padding-bottom 0.5s, padding-top 0.5s;
	  -ms-transition: padding-bottom 0.5s, padding-top 0.5s;
	  -o-transition: padding-bottom 0.5s, padding-top 0.5s;
	}
	#tidings_list #menu_bar01:checked ~ #links01 li,
	#tidings_list #menu_bar02:checked ~ #links02 li,
	#tidings_list #menu_bar03:checked ~ #links03 li,
	#tidings_list #menu_bar04:checked ~ #links04 li,
	#tidings_list #menu_bar05:checked ~ #links05 li,
	#tidings_list #menu_bar06:checked ~ #links06 li,
	#tidings_list #menu_bar07:checked ~ #links07 li,
	#tidings_list #menu_bar08:checked ~ #links08 li,
	#tidings_list #menu_bar09:checked ~ #links09 li,
	#tidings_list #menu_bar10:checked ~ #links10 li {
	    height: auto; /*開いたときに表示されるliの高さ*/
	    opacity: 1;
	    background-color: #fff;
	    padding-top: 10px;
	    padding-right: 10px;
	    padding-bottom: 10px;
	    border-bottom: 1px solid #8e8e8e;
	    margin-left: 20px;
	}
	 /*開いたときの下の余白*/
	#tidings_list #menu_bar01:checked ~ #links01 li:last-child,
	#tidings_list #menu_bar02:checked ~ #links02 li:last-child,
	#tidings_list #menu_bar03:checked ~ #links03 li:last-child,
	#tidings_list #menu_bar04:checked ~ #links04 li:last-child,
	#tidings_list #menu_bar05:checked ~ #links05 li:last-child,
	#tidings_list #menu_bar06:checked ~ #links06 li:last-child,
	#tidings_list #menu_bar07:checked ~ #links07 li:last-child,
	#tidings_list #menu_bar08:checked ~ #links08 li:last-child,
	#tidings_list #menu_bar09:checked ~ #links09 li:last-child,
	#tidings_list #menu_bar10:checked ~ #links10 li:last-child {
	  margin-bottom: 20px;
	}
	
	/*閉じた状態の矢印描画*/
	#tidings_list .menu label:after{
	  content:"";
	  display:block;
	  width:8px;
	  height:8px;
	  border-top: #333 2px solid;
	  border-right: #333 2px solid;
	  -webkit-transform: rotate(135deg);
	  -ms-transform: rotate(135deg);
	  transform: rotate(135deg);
	  position:absolute;
	  left: 70px;
	  top: -5px;
	  bottom: 15%;
	  margin: auto;
	}
	/*開いた状態の矢印描画*/
	#tidings_list .menu input[type=checkbox]:checked + label:after{
	  content:"";
	  display:block;
	  width:8px;
	  height:8px;
	  border-top: #333 2px solid;
	  border-right: #333 2px solid;
	  -webkit-transform: rotate(-45deg);
	  -ms-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	  position:absolute;
	  left: 70px;
	  top: -5px;
	  bottom: 0;
	  margin: auto;
	}

	/***********前の記事・次の記事***********/
	#tidings_list .bn_box {
	    margin-bottom: 60px;
	    position: relative;
	    height: 127px;
	}
	#tidings_list .bn_box a {
	 transition: 0.5s;
	}
	#tidings_list .bn_box a:hover {
	 opacity: .60; 
	}
	#tidings_list .back_btn {
	    width: 120px;
	    height: 46px;
	    text-align: center;
	    line-height: 46px;
	    border: 1px solid #333;
	    display: block;
	    border-radius: 5px;
	    text-decoration: none;
	    color: #464646;
	    position: absolute;
	    left: 0px;
	}
	#tidings_list .next_btn {
	    width: 120px;
	    height: 46px;
	    text-align: center;
	    line-height: 46px;
	    border: 1px solid #333;
	    display: block;
	    border-radius: 5px;
	    text-decoration: none;
	    color: #464646;
	    position: absolute;
	    right: 0px;
	}
	#tidings_list .bn_btn{
	    width: 218px;
	    height: 46px;
	    color: #fff;
	    text-align: center;
	    line-height: 46px;
	    background-color: #319255;
	    display: block;
	    margin-right: auto;
	    margin-left: auto;
	    text-decoration: none;
	    -webkit-border-radius: 23px;
	    transition: 0.5s;
	    position: absolute;
	    bottom: 0px;
	    right: 0px;
	    left: 0px;
	}

	/***********ページャー***********/
	#tidings_list .pager {
	    text-align: center;
	    margin-left: auto;
	    margin-right: auto;
	    margin-bottom: 60px;
	    font-size: 12px;
	}
	#tidings_list .pager li {
	    width: 40px;
	    height: 40px;
	    text-decoration: none;
	    line-height: 40px;
	    text-align: center;
	    display: inline-block;
	    margin-left: 1px;
	    margin-right: 1px;
	}
	#tidings_list .on {
	    color: #fff;
	    background: #319255;
	}
	#tidings_list .off {
	    color: #464646;
	    background: #eeeeee;
	}
	#tidings_list .pager li a {
	    width: 40px;
	    height: 40px;
	    color: #464646;
	    text-decoration: none;
	    line-height: 40px;
	    text-align: center;
	    background: #eeeeee;
	    display: block;
	    transition: 0.5s;
	}
	#tidings_list .pager li a:hover {
	    color: #fff;
	    text-decoration: none;
	    background: #319255;
	}
	#tidings_list .left.left_bottom .wrap700 {
	    padding-top: 15px;
	}
	
	/*
	.pager  ul.pagination {
	    text-align: center;
	    margin-right: 0px;
	    margin-left: 0px;
	    margin-bottom: 40px;
	    padding: 0;
	}
	
	.pager .pagination li {
	    display: inline;
	    margin: 0 1px;
	    padding: 0;
	    display: inline-block;
	    background: #eeeeee;
	    width: 35px;
	    height: 35px;
	    text-align: center;
	    position: relative;
	    font-size: 12px;
	}
	
	.pager .pagination li a{
	  vertical-align: middle;
	  position: absolute;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 100%;
	  text-align: center;
	  display:table;
	  color: #464646;
	  text-decoration: none;
	}
	
	.pager .pagination li a span{
	  display:table-cell;
	  vertical-align:middle;
	}
	
	.pager .pagination li a:hover,
	.pager .pagination li a.active{
	  color: #fff;
	  background: #319255;
	}
	*/

}

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

	お知らせ一覧ページ

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

/* PC向けレイアウトの指定 */
@media only screen and (min-width:761px){

	#news_list .news {
	    border-top: 1px solid #8e8e8e;
	    margin-bottom: 100px;
	}
	#news_list .news li {
	    border-bottom: 1px solid #8e8e8e;
	}
	#news_list .news li a {
	    height: 56px;
	    width: 100%;
	    color: #464646;
	    text-decoration: none;
	    display: block;
	    padding-left: 10px;
	    padding-top: 0px;
	    line-height: 56px;
	    transition: 0.5s;
	}
	#news_list .news li a:hover {
	    background-color: #E6EFE9;
	}
	#news_list .news li a span {
	    background-color: #319255;
	    width: 90px;
	    height: 20px;
	    display: inline-block;
	    border-radius: 10px;
	    color: #fff;
	    font-size: 12px;
	    line-height: 22px;
	    text-align: center;
	    margin-left: 10px;
	    margin-right: 10px;
	}
	/***********ページャー***********/
	#news_list .pager {
	    width: 1000px;
	    text-align: center;
	    margin-left: auto;
	    margin-right: auto;
	    margin-bottom: 100px;
	}
	#news_list .pager li {
	    width: 50px;
	    height: 50px;
	    text-decoration: none;
	    line-height: 50px;
	    text-align: center;
	    display: inline-block;
	    margin-right: 2px;
	    margin-left: 2px;
	}
	#news_list .on {
	    color: #fff;
	    background: #319255;
	}
	#news_list .off {
	    color: #464646;
	    background: #eeeeee;
	}
	#news_list .pager li a {
	    width: 50px;
	    height: 50px;
	    color: #464646;
	    text-decoration: none;
	    line-height: 50px;
	    text-align: center;
	    background: #eeeeee;
	    display: block;
	    transition: 0.5s;
	}
	#news_list .pager li a:hover {
	    color: #fff;
	    text-decoration: none;
	    background: #319255;
	}

}
/* SP向けレイアウトの指定 */
@media only screen and (max-width:760px){

	#news_line .bottom1 {
	    margin-bottom: 80px;
	}
	
	#news_list .news {
	    border-top: 1px solid #8e8e8e;
	    margin-bottom: 60px;
	    margin-top: 35px;
	}
	#news_list .news li {
	    border-bottom: 1px solid #8e8e8e;
	}
	#news_list .news li a {
	    width: 100%;
	    color: #464646;
	    text-decoration: none;
	    display: block;
	    padding-left: 10px;
	    padding-top: 10px;
	    transition: 0.5s;
	    padding-bottom: 10px;
	}
	#news_list .news li a:hover {
	    background-color: #E6EFE9;
	}
	#news_list .news li a span {
	    background-color: #319255;
	    width: 90px;
	    height: 20px;
	    display: inline-block;
	    border-radius: 10px;
	    color: #fff;
	    font-size: 12px;
	    line-height: 24px;
	    text-align: center;
	    margin-left: 10px;
	    margin-right: 10px;
	}
	/***********ページャー***********/
	#news_list .pager {
	    text-align: center;
	    margin-left: auto;
	    margin-right: auto;
	    margin-bottom: 80px;
	    font-size: 12px;
	}
	#news_list .pager li {
	    width: 40px;
	    height: 40px;
	    text-decoration: none;
	    line-height: 40px;
	    text-align: center;
	    display: inline-block;
	    margin-left: 1px;
	    margin-right: 1px;
	}
	#news_list .on {
	    color: #fff;
	    background: #319255;
	}
	#news_list .off {
	    color: #464646;
	    background: #eeeeee;
	}
	#news_list .pager li a {
	    width: 40px;
	    height: 40px;
	    color: #464646;
	    text-decoration: none;
	    line-height: 40px;
	    text-align: center;
	    background: #eeeeee;
	    display: block;
	    transition: 0.5s;
	}
	#news_list .pager li a:hover {
	    color: #fff;
	    text-decoration: none;
	    background: #319255;
	}

}

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

	お知らせ詳細ページ

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

/* PC向けレイアウトの指定 */
@media only screen and (min-width:761px){

	#news .txt {
	    margin-bottom: 60px;
	}
	#news .bottom {
	    margin-bottom: 100px;
	}
	
	/***********前の記事・次の記事***********/
	#news .bn_box {
	    width: 720px;
	    height: 46px;
	    position: relative;
	    margin-left: auto;
	    margin-right: auto;
	    margin-bottom: 100px;
	}
	#news .bn_box a {
	 transition: 0.5s;
	}
	#news .bn_box a:hover {
	 opacity: .60; 
	}
	#news .back_btn {
	    width: 150px;
	    height: 46px;
	    text-align: center;
	    line-height: 46px;
	    border: 1px solid #333;
	    display: block;
	    border-radius: 5px;
	    text-decoration: none;
	    color: #464646;
	    position: absolute;
	}
	#news .next_btn {
	    width: 150px;
	    height: 46px;
	    text-align: center;
	    line-height: 46px;
	    border: 1px solid #333;
	    display: block;
	    border-radius: 5px;
	    text-decoration: none;
	    color: #464646;
	    position: absolute;
	    right: 0px;
	}
	#news .bn_btn{
	    width: 218px;
	    height: 46px;
	    color: #fff;
	    text-align: center;
	    line-height: 46px;
	    background-color: #319255;
	    display: block;
	    margin-right: auto;
	    margin-left: auto;
	    text-decoration: none;
	    -webkit-border-radius: 23px;
	    transition: 0.5s;
	    position: absolute;
	    left: 0px;
	    right: 0px;
	}

}
/* SP向けレイアウトの指定 */
@media only screen and (max-width:760px){

	#news .txt {
	    margin-bottom: 35px;
	}
	#news .bottom {
	    margin-bottom: 60px;
	}
	
	/***********前の記事・次の記事***********/
	#news .bn_box {
	    margin-left: 5%;
	    margin-right: 5%;
	    margin-bottom: 80px;
	    position: relative;
	    height: 127px;
	}
	#tidings_list .bn_box a {
	 news: 0.5s;
	}
	#news .bn_box a:hover {
	 opacity: .60; 
	}
	#news .back_btn {
	    width: 120px;
	    height: 46px;
	    text-align: center;
	    line-height: 46px;
	    border: 1px solid #333;
	    display: block;
	    border-radius: 5px;
	    text-decoration: none;
	    color: #464646;
	    position: absolute;
	    left: 0px;
	}
	#news .next_btn {
	    width: 120px;
	    height: 46px;
	    text-align: center;
	    line-height: 46px;
	    border: 1px solid #333;
	    display: block;
	    border-radius: 5px;
	    text-decoration: none;
	    color: #464646;
	    position: absolute;
	    right: 0px;
	}
	#news .bn_btn{
	    width: 218px;
	    height: 46px;
	    color: #fff;
	    text-align: center;
	    line-height: 46px;
	    background-color: #319255;
	    display: block;
	    margin-right: auto;
	    margin-left: auto;
	    text-decoration: none;
	    -webkit-border-radius: 23px;
	    transition: 0.5s;
	    position: absolute;
	    bottom: 0px;
	    right: 0px;
	    left: 0px;
	}

}

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

	ごみ持ち込みについて

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

/* PC向けレイアウトの指定 */
@media only screen and (min-width:761px){
	
	#guide_map .block .img {
	    margin-bottom: 10px;
	    margin-top: 60px;
	}
	#guide_map .block .img2 {
	    margin-bottom: 100px;
	}
	#guide_map .block .txt {
	    margin-bottom: 100px;
	}

	#guide_map ul.box {
	    margin-top: 0;
	    margin-right: 0;
	    margin-left: 0;
	    margin-bottom: 90px;
	    display: -webkit-box;
	    display: -moz-box;
	    display: -ms-flexbox;
	    display: -webkit-flex;
	    display: -moz-flex;
	    display: flex;
	    -webkit-box-lines: multiple;
	    -moz-box-lines: multiple;
	    -webkit-flex-wrap: wrap;
	    -moz-flex-wrap: wrap;
	    -ms-flex-wrap: wrap;
	    flex-wrap: wrap;
	    width: 990px;
	}
	 
	#guide_map ul.box li {
	    width: 440px;
	    list-style: none;
	    margin-top: 50px;
	}
	#guide_map ul.box li img {
	    width:100%;
	}
	#guide_map .margin_left {
	    margin-left: 110px;
	}
	#guide_map li p {
	    margin-top: 20px;
	}
	#guide_map li p span {
	    color: #172a88;
			font-weight: bold;
	}

}
/* SP向けレイアウトの指定 */
@media only screen and (max-width:760px){

	.bottom1 {
	    margin-bottom: 40px;
	}
	#guide_map .block .img {
	    margin-bottom: 20px;
	    margin-top: 35px;
	}
	#guide_map .block .img2 {
	    margin-bottom: 20px;
	}
	#guide_map .block .txt {
	    margin-bottom: 20px;
	}
	#guide_map .txt2 {
	    margin-top: 35px;
	}
	#guide_map .btn3 {
	    width: 100%;
	    height: 46px;
	    color: #fff;
	    text-align: center;
	    line-height: 46px;
	    background-color: #319255;
	    display: block;
	    margin-right: auto;
	    margin-left: auto;
	    text-decoration: none;
	    -webkit-border-radius: 23px;
	    transition: 0.5s;
	    margin-bottom: 35px;
	}
	#guide_map .btn3:hover {
	    opacity: .60; 
		filter: alpha(opacity=60); 
		-ms-filter: "alpha(opacity=60)"; 
		-khtml-opacity: .60;
		-moz-opacity: .60; 
	}
	#guide_map ul.box {
	    margin-bottom: 80px;
	}
	#guide_map ul.box li {
	    width: 100%;
	    list-style: none;
	    margin-top: 35px;
	}
	#guide_map ul.box li img {
	    width:100%;
	}
	
	#guide_map li p {
	    margin-top: 20px;
	}
	#guide_map li p span {
	    color: #172a88;
			font-weight: bold;
	}

}

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

	宝塚市クリーンセンターについてページ

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

/* PC向けレイアウトの指定 */
@media only screen and (min-width:761px){

	#outline .bottom1 {
	    margin-bottom: 30px;
	}
	#outline .bottom2 {
	    margin-bottom: 100px;
	}
	#outline .bottom3 {
	    margin-bottom: 100px;
	}
	#outline .right {
		/*230907BEXadd*/
		width: 1000px;
		/*width: 700px;*/
	    margin-right: auto;
	    margin-left: auto;
	}
	#outline table {
		/*230907BEXadd*/
		width: 1000px;
	    /*width: 700px;*/
	}
	#outline tbody tr th {
	    background-color: #d0e0ce;
	    text-align: left;
	    font-weight: normal;
	}
	#outline tbody tr td {
	    background-color: #fafafa;
	}
	#outline tbody tr th,td {
	    padding-left: 10px;
	    padding-right: 10px;
	    padding-top: 5px;
	    padding-bottom: 5px;
	}
	#outline h4 {
	    background-image: url(images/outline/h4_bg.png);
	    width: 355px;
	    height: 45px;
	    line-height: 45px;
	    color: #fff;
	    font-size: 20px;
	    padding-left: 40px;
	    font-weight: normal;
	    margin-left: 2px;
	}
	#outline .img2 {
	    margin-bottom: 80px;
	}

}
/* SP向けレイアウトの指定 */
@media only screen and (max-width:760px){

	#outline .bottom1 {
	    margin-bottom: 30px;
	}
	#outline .bottom2 {
	    margin-bottom: 80px;
	}
	#outline .bottom3 {
	    margin-bottom: 40px;
	}
	#outline table {
	    width: 100%;
	}
	#outline tbody tr th {
	    background-color: #d0e0ce;
	    text-align: left;
	    font-weight: normal;
	}
	#outline tbody tr td {
	    background-color: #fafafa;
	}
	#outline tbody tr th,td {
	    padding-left: 10px;
	    padding-right: 10px;
	    padding-top: 5px;
	    padding-bottom: 5px;
	}
	#outline h4 {
	    font-size: 20px;
	    font-weight: normal;
	    color: #319255;
	    margin-bottom: 10px;
	    padding-left: 10px;
	}
	.bg_w {
	    background-color: #fff;
	}
	#outline .img2 {
	    margin-bottom: 80px;
	}

}


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

	施設稼働状況ページ

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

/* PC向けレイアウトの指定 */
@media only screen and (min-width:761px){

	#operating_status .bottom1 {
	    margin-bottom: 100px;
	}
	#operating_status a{
	    color: #464646;
	    text-decoration: underline;
	    transition: 0.5s;
	}
	#operating_status a:hover  {
	    opacity: .60; 
	}

}
/* SP向けレイアウトの指定 */
@media only screen and (max-width:760px){

	#operating_status .bottom1 {
	    margin-bottom: 80px;
	}
	#operating_status a{
	    color: #464646;
	    text-decoration: underline;
	    transition: 0.5s;
	}
	#operating_status a:hover  {
	    opacity: .60; 
	}

}


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

	ごみ処理についてページ

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

/* PC向けレイアウトの指定 */
@media only screen and (min-width:761px){

	#waste_treatment .bottom1 {
	    margin-bottom: 100px;
	}

}
/* SP向けレイアウトの指定 */
@media only screen and (max-width:760px){

	#waste_treatment .bottom1 {
	    margin-bottom: 80px;
	}

}

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

	アクセスページ

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

/* PC向けレイアウトの指定 */
@media only screen and (min-width:761px){

	#access .map {
	    width: 1000px;
	    margin-right: auto;
	    margin-left: auto;
	    height: 400px;
	    margin-top: 20px;
	    margin-bottom: 100px;
	}
	#access .map iframe {
	    width: 1000px;
	    height: 400px;
	}

}
/* SP向けレイアウトの指定 */
@media only screen and (max-width:760px){

	#access .map {
	    height: 220px;
	    width: 100%;
	    margin-top: 20px;
	    margin-bottom: 80px;
	}
	#access .map iframe {
	    height: 220px;
		width: 100%;
	
	}
	#access .block p {
	    padding-top: 15px;
	}

}

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

	プライバシーポリシーページ

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

/* PC向けレイアウトの指定 */
@media only screen and (min-width:761px){

	#privacy p {
	    margin-bottom: 100px;
	}

}
/* SP向けレイアウトの指定 */
@media only screen and (max-width:760px){

	#privacy p {
	    margin-bottom: 80px;
	    margin-top: 35px;
	}

}


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

	投稿一覧のナビゲーション

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


/* PC向けレイアウトの指定 */
@media only screen and (min-width:761px){

	.wp-pagenavi {
		    width: 1000px;
		    text-align: center;
		    margin-left: auto;
		    margin-right: auto;
		    margin-bottom: 100px;
	}
	.wp-pagenavi a, .wp-pagenavi span {
		    width: 50px;
		    height: 50px;
		    text-decoration: none;
		    line-height: 50px;
		    text-align: center;
		    display: inline-block;
		    margin-right: 2px;
		    margin-left: 2px;
		    color: #464646;
		    background: #eeeeee;
	}
	.wp-pagenavi a:hover{
		    color: #fff;
		    background: #319255;
	    }
	.wp-pagenavi span.current{
		    color: #fff;
		    background: #319255;
	}

}
/* SP向けレイアウトの指定 */
@media only screen and (max-width:760px){

	.wp-pagenavi {
		    text-align: center;
		    margin-left: auto;
		    margin-right: auto;
	    margin-bottom: 60px;
	    font-size: 12px;
	}
	.wp-pagenavi a, .wp-pagenavi span {
	    width: 40px;
	    height: 40px;
	    text-decoration: none;
	    line-height: 40px;
	    text-align: center;
	    display: inline-block;
	    margin-left: 1px;
	    margin-right: 1px;
		    color: #464646;
		    background: #eeeeee;
	}
	.wp-pagenavi a:hover{
		    color: #fff;
		    background: #319255;
	    }
	.wp-pagenavi span.current{
		    color: #fff;
		    background: #319255;
	}





}
/*2404追加*/
/* PC向けレイアウトの指定 */
section.bg_topG {background-color: #e6efe9; width: 100%;}
div.top_bunnerarea {
    width: 100%;
    max-width: 1000px;
    display: flex;
    align-items: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    justify-content: flex-end;
    margin-top: 125px;
}
a.top_studybunner {
    background-image: url(images/kankyo/topbunner1.png);
	background-color: #fff;
    width: 450px;
    height: 95px;
    background-size: auto 80%;
    background-position: right center;
    display: flex;
    align-items: flex-start;
    justify-content: center;	
	flex-direction: column;
    position: absolute;
    border-radius: 7px;
    transition: all .3s;
    color: #15955f;
    font-size: 18px;
    font-weight: 600;
    font-family: "Yu Gothic medium";
    text-decoration: auto;
    padding-left: 20px;
    padding-top: 4px;
	border: solid 1px;
    filter: drop-shadow(0 1px 4px rgba(0, 0, 0, 0.2));
}
a.top_studybunner span{font-size: 15px;}
a.top_studybunner:hover {opacity: .5;transition: all .3s;}
@media only screen and (min-width:761px){
.top_status{width: 1000px;margin: 0 auto;}
}

a.top_studybunner2 {
    background-image: url(images/kankyo/topbunner2.png);
    width: 450px;
    height: 85px;
    background-size: auto 100%;
    background-position: right bottom;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    position: absolute;
    border-radius: 7px;
    transition: all .3s;
    color: #fff;
    font-size: 20px;
    font-weight: 600;
    font-family: "Yu Gothic medium";
    text-decoration: auto;
    padding-left: 30px;
    padding-top: 4px;
}
a.top_studybunner2:hover {opacity: .5;transition: all .3s;}
@media only screen and (min-width:761px){
.top_status{width: 1000px;margin: 0 auto;}
}
/* SP向けレイアウトの指定 */
@media only screen and (max-width:760px){
	div.top_bunnerarea {
		width: 95%;
		display: flex;
		align-items: center;
		position: relative;
		left: unset;
		transform: unset;
		margin: 20px auto;
		justify-content: center;
	}
	a.top_studybunner,a.top_studybunner2 {
		width: 320px;
        height: 85px;
        background-size: auto 65%;
        background-position: right center;
        display: flex;
        align-items: flex-start;
        justify-content: center;
        position: unset;
        border-radius: 7px;
        transition: all .3s;
        color: #15955f;
        font-size: 15px;
        padding-left: 7px;
	}
	a.top_studybunner span {
		font-size: 13px;
		line-height: normal;
	}
}




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

	定形ページ

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

/* PC向けレイアウトの指定 */
@media only screen and (min-width:761px){

}
/* SP向けレイアウトの指定 */
@media only screen and (max-width:760px){

}