@charset "utf-8";
/* Copyright 2017 FSFIELD All Rights Reserved. */
/* ------------------------------------------------------------

さわる 共通

------------------------------------------------------------ */
.section-title{color: #449bbb;
    font-size:26px;
	text-align:center;    
} 

.section-title a{
	text-decoration:none;
	color: #449bbb;
}

.animal-title {
	text-decoration:none;
	color: #449bbb;
	font-size:26px;
	text-align:center;
  	padding-bottom: 10px;		
}

.container {
  width: 100%;
  margin: 0 auto;
  padding: 0 16px;
  box-sizing: border-box;
}

.block-txt {
  background-color: #449bbb;
  width: 100%;
  padding: 2rem 0;
  text-align: center;
  color: #fff;
}


.border-bottom {border-bottom: dotted 1px #449bbb;}

.additional {
	border: solid 1px #449bbb;
	color: #449bbb;
}
 
.catetop .article .title-md {text-align: left;}
.catetop .article .text {text-align: center;}

.touch_cyui {
  border:1.3px solid #df0000;
  padding:15px;
  color:#df0000;
  font-size:13px;
  text-align:center;
  margin: 0 auto;
  width: 90%;
  margin-top:20px;
}

.animal-subtitle {
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  margin-top: 30px;
  color: #434343;
}

.dotted-line {
  border: none;
  border-top: 3px dotted #449bbb;
  margin-top: 20px;
  margin-bottom: 20px;
  width: 100%;
}

.touch-icons{
  display: flex;
    justify-content: center;
      gap: 15px;
     width: 95%;
}
.touch-icons p{
text-align: center;
}

.animal-photo-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 5px;
  margin: 0 auto;
  width: 95%;
}

.animal-box {
  text-align: center;
  padding: 2px;
  background-color: rgb(255, 255, 255);
  box-sizing: border-box;
}

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

さわる 641px以上

------------------------------------------------------------ */
@media (min-width: 641px) {

/* グローバルアクティブナビ
---------------------------------------------- */
.site-header .site-navi .m-touch a:after{opacity: 1;} 		
.catetop .article .section-title {margin-bottom: 20px; }

.block-schedule {
  width: 100%;
  max-width: none;
  margin: 0 auto;
  padding: 0 60px; /* ← ここで調整 */
  box-sizing: border-box;
}

.table-schedule {
  width: 100%;
  padding: 0 8px; /* ← 内側の余白 */
  box-sizing: border-box;
}
}
/* ------------------------------------------------------------

さわる 640px以下

------------------------------------------------------------ */
@media (max-width: 640px) {
.catetop .article .section-title {
      margin-bottom: 5%;
      text-align: center;
}   
.btn-def{width: 100%;}
}