@charset "UTF-8";

#chikatabi_page h2 {
	color:#5cbd39;
	font-weight:bold;
	font-size:22px;
	border-bottom:solid 3px #5cbd39;
	padding:0 20px 10px;
	margin-bottom:30px;
}

#chikatabi_page h2.osu{
	color:#3d838e;
	border-bottom:solid 3px #3d838e;
}

#chikatabi_page .low_box{
	padding: 40px;
	background:#C1DDB1;
	border-radius:20px;
	margin-bottom:50px;
}

#chikatabi_page .low_box.osu{
	background:#b9cfd2;
}

#chikatabi_page .low_box div.text{
	background:#fff;
	padding:40px;
	margin-top:40px;
}

#chikatabi_page .low_box p.cap{
	font-size:18px;
	font-weight:bold;
	color:#5cbd39;
}

#chikatabi_page .low_box p.cap:before{
	content:"●";
}

#chikatabi_page .low_box p.name{
	margin-bottom:15px;
}

#chikatabi_page .low_box div.back_link{
	text-align:center;
}

#chikatabi_page .low_box div.back_link a{
	display:block;
	background:#5cbd39;
	color:#fff;
	font-weight:bold;
	padding:15px 20px;
	margin:30px auto 0;
	max-width:420px;
	width:75%;
}

/*TAB切り替え---------------------------------------------*/
    .article-tabs {
      display: flex;
      gap: 10px;
      margin-bottom: 20px;
      flex-wrap:wrap;
    }

    .tab-list {
      padding: 10px 20px;
      background: #eee;
      border-radius: 5px;
      cursor: pointer;
      text-align: center;
    }

    .tab-list.active {
      background-color: #007BFF;
      color: white;
    }

    .article-item {
      padding: 10px;
    }

    .pagination,
    .osu-pagination {
      margin-top: 20px;
      display: flex;
      gap: 10px;
      justify-content: center;
      align-items: center;
      flex-wrap: wrap;
      margin-bottom:20px;
    }

    .pagination button,
    .osu-pagination button {
      padding: 5px 15px;
      border: none;
      background-color: #007BFF;
      color: white;
      border-radius: 4px;
      cursor: pointer;
    }

    .pagination button:disabled,
    .osu-pagination button:disabled {
      background-color: #ccc;
      cursor: default;
    }

    .page-number,
    .osu-page-number {
      background-color: #eee;
      color: #333;
      border-radius: 4px;
      padding: 5px 10px;
      cursor: pointer;
      border: none;
    }

    .page-number.active,
    .osu-page-number.active {
      background-color: orange;
      color: white;
    }

    #chikatabi_page .box_list{
       padding: 30px 20px 20px;
       background:#C1DDB1;
       border-radius:20px;
       margin-bottom:50px;
    }

    #chikatabi_page .box_list.osu{
       background:#B9CFD2;
    }

    #articlelist{
       display:flex;
       flex-wrap:wrap;
    }

    #articlelist > div{
       width: calc(33.333% - 20px);
       background: #fff;
       padding: 15px;
       margin: 10px;
       display: flex;
       flex-direction: column;
    }

    #articlelist > div a{
       display: flex;
       flex-direction: column;
       flex-grow: 1;
    }

    #articlelist > div a > div:last-child {
      display: flex;
      flex-direction: column;
      flex-grow: 1;
    }

    #articlelist > div p{
       margin:10px 0 10px;
       flex-grow: 1;
    }

    #articlelist > div span{
       align-self: flex-start; /* ← 横幅をテキストに合わせる */
       background:#e88e2e;
       border-radius:20px;
       padding:4px 15px;
       color:#fff;
       display:inline-block;
       font-size:15px;
       margin-top: auto; /* ← 下に押し下げる */
    }

	#page-numbers,
	#osu-page-numbers{
        display: flex;
        gap: 5px;
        flex-wrap: wrap;
        justify-content: center;
     }

	#chikatabi_page .chikatabi_cont p.box{
		padding:20px;
		background:#fff;
		margin-bottom:60px;
	}

	#chikatabi_page .chikatabi_cont p.box span{
		border:solid 3px #5cbd39;
		display: block;
		padding: 20px;
	}

	#chikatabi_page .chikatabi_cont p.box.osu span{
		border:solid 3px #3d838e;
	}

/*TAB切り替え---------------------------------------------*/


@media screen and (max-width:1000px) {

	/*TAB切り替え---------------------------------------------*/

	    #articlelist > div{
               width: calc(50% - 20px);
               background: #fff;
               padding: 15px;
               margin: 10px;
	    }
	/*TAB切り替え---------------------------------------------*/

}

@media screen and (min-width:801px) {
	#chikatabi_page img {
		width:100%;
		height:auto;
		vertical-align:bottom;
		max-width:none;
	}

	#chikatabi_page img.main_tel{
		max-width:640px;
		margin:0 auto;
		display:block;
	}

	#chikatabi_page .feature_content  {
		width:100%;
	}
	#chikatabi_page .chikatabi_cont p {
		font-size:16px;
		line-height:1.8em;
	}

	#chikatabi_page .chikatabi_cont p.read{
		font-size:26px;
		margin:40px auto 30px auto;
		text-align:center;
		color:#5cbd39;
		font-weight:bolder;
	}

	#chikatabi_page .chikatabi_cont p.read.osu{
		color:#3d838e;
	}


	#chikatabi_page .chikatabi_cont p.center {
		text-align:center;
		margin-bottom:30px;
		margin-top:30px;
	}

	#chikatabi_page .chikatabi_cont p.deco {
		font-weight:600;
		font-size:1.5em ;
		margin-bottom:15px;
	}

	#chikatabi_page .feature_content .chikatabi_cont p span.text_s {
		font-size:0.8em ;
		color:#333333;
	}



}

@media screen and (max-width:800px) {
	#chikatabi_page img {
		width:100%;
		height:auto;
		vertical-align:bottom;
		max-width:none;
	}

	#chikatabi_page .feature_content  {
		width:100%;
		margin:10px auto;
	}

	#chikatabi_page .feature_content h1 {
		background:none;
		padding:0;
	}

	#chikatabi_page .chikatabi_cont p {
		font-size:16px;
		line-height:1.7em;
	}

	#chikatabi_page .chikatabi_cont p.read{
		font-size:20px;
		margin:20px auto 30px auto;
		text-align:center;
		color:#5cbd39;
		font-weight:bolder;
	}

	#chikatabi_page .chikatabi_cont p.center {
		text-align:center;
		margin-bottom:30px;
		margin-top:30px;
	}

	#chikatabi_page .chikatabi_cont p.deco {
		font-weight:600;
		font-size:16px;
	}

	#chikatabi_page .photo{
		text-align:center;
	}

	#chikatabi_page .feature_content .cnt_inn03{
		color:#000;
		
	}

	#chikatabi_page .feature_content .chikatabi_cont p span.text_s {
		font-size:0.8em ;
		color:#333333;
	}
		
	#chikatabi_page .chikatabi_cont p {

	}

	#chikatabi_page h2 {
		font-size:20px;

	}

	#chikatabi_page .chikatabi_cont p.box{
		margin-bottom:40px;
	}

	/*TAB切り替え---------------------------------------------*/
	    .article-tabs {
	      display: flex;
	      gap: 10px;
	      margin-bottom: 20px;
	      justify-content: center;
	    }

	    .tab-list {
	      padding: 10px 10px;
	      background: #eee;
	      border-radius: 5px;
	      cursor: pointer;
	      text-align: center;
	    }

	    .tab-list.active {
	      background-color: #007BFF;
	      color: white;
	    }

	    .article-item {
	      padding: 10px 0;
	    }

	    .pagination,
	    .osu-pagination{
	      margin-top: 20px;
	      display: flex;
	      gap: 10px;
	      justify-content: center;
	      align-items: center;
	      flex-wrap: wrap;
	      margin-bottom:20px;
	    }

	    .pagination button,
	    .osu-pagination button{
	      padding: 5px 15px;
	      border: none;
	      background-color: #007BFF;
	      color: white;
	      border-radius: 4px;
	      cursor: pointer;
	      margin-bottom:5px;
	    }

	    .pagination button:disabled,
	    .osu-pagination button:disabled {
	      background-color: #ccc;
	      cursor: default;
	    }

	    .page-number,
	    .osu-page-number {
	      background-color: #eee;
	      color: #333;
	      border-radius: 4px;
	      padding: 5px 10px;
	      cursor: pointer;
	      border: none;
	    }

	    .page-number.active,
	    .osu-page-number.active {
	      background-color: orange;
	      color: white;
	    }

	    .pagination button#prev,
	    .osu-pagination button#prev{
	      order:2;
	    }

	    .pagination button#next,
	    .osu-pagination button#next{
	      order:3;
	    }

	    .pagination #page-numbers,
	    .osu-pagination #page-numbers{
	      width:100%;
	      justify-content: center;
	      flex-wrap: wrap;
	    }

	    #articlelist > div p{
	       margin-top:10px;
            }

	/*TAB切り替え---------------------------------------------*/


	#chikatabi_page .feature_content .cnt_inn03{
		color:#000;
	}

	#chikatabi_page .feature_content .cnt_inn01 h2{
		font-size:20px !important;
		padding: 6px 0 !important;
		line-height: 26px !important;
	}

	#chikatabi_page .feature_content .to_top a{
		color:#fff !important;
	}

	#chikatabi_page img.half_l{
		max-width:100%;
	}

	#chikatabi_page .feature_content .cnt_inn03 p.btn a{
		width:80% !important;
	}

	#chikatabi_page .feature_content .pt{
		margin: -50px auto 0 !important;
		float: none !important;
	}

	#chikatabi_page .feature_content .info{
		padding:0 0 10px !important;
	}

	#chikatabi_page .feature_content .cnt_inn03 h2{
		font-size:20px !important;
	}

	#chikatabi_page .feature_content .cnt_inn03 p.btn a{
		font-size:20px !important;
	}

	#chikatabi_page .feature_content .cnt_inn03 p{
		font-weight:normal;
	}

	#chikatabi_page .feature_content .cnt_inn01 .bkcolor{
		padding-top:25px !important;
	}
}


@media screen and (max-width:480px) {

	#chikatabi_page .chikatabi_cont p.box{
		font-size:15px;
		padding: 15px;
	}

	#chikatabi_page .chikatabi_cont p.box span{
		padding: 15px;
	}

	#chikatabi_page .low_box{
		padding:20px 20px;
	}

	#chikatabi_page .low_box div.text{
		margin-top:30px;
		padding:20px;
	}

	#chikatabi_page .low_box iframe{
		height:240px;
	}

	#chikatabi_page .low_box div.back_link a{
		margin-top:20px;
	}


	/*TAB切り替え---------------------------------------------*/
	#chikatabi_page .box_list{
		padding:20px 10px;
	}

	#articlelist > div{
		background: #fff;
		padding: 10px;
	}
	
	#chikatabi_page .chikatabi_cont #articlelist > div p{
		font-size:15px;
		margin-top:10px;
		line-height:1.5rem;
	}

	#articlelist > div span{
		background:#e88e2e;
		border-radius:20px;
		padding:4px 15px;
		color:#fff;
		display:inline-block;
		font-size:14px;
		margin-top:10px;
	}

	#articlelist > div{
	/*	width: calc(50% - 15px); */
		width:100%;
		margin: 7.5px;
		display:flex;
	}

	#articlelist > div a{
		flex-direction: row;
	}

	#articlelist > div a > div:nth-child(odd){
		width:40%;
	}

	#articlelist > div a > div:nth-child(even){
		width:60%;
		padding-left: 10px;
	}

	#chikatabi_page .chikatabi_cont #articlelist > div p{
		margin-top:0;
		font-size: 14px;
		line-height:1.2rem;
	}

	#articlelist > div span{
		margin-top:0;
		font-size: 13px;
		padding: 2px 15px;
	}

	/*TAB切り替え---------------------------------------------*/

	#chikatabi_page .low_box p.name,
	#chikatabi_page .low_box p.spot{
		font-size:15px;
		line-height: 1.4rem;
	}
}