@charset "UTF-8";
/*各ページ独自のcss設定*/


/*以下に指定を記述する*/

footer{
   background-color: #e6e6e6;
   padding-bottom: 10px;
}

.flex-horizontal{
   display: flex;
   justify-content: space-evenly;
   padding-top: 10px;
   padding-bottom: 30px;
}

.flex-vertical{
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   height: 250px;
}

.link{
   display: flex;
   flex-direction: column;
   gap: 3px;
   width: 141px;
}



.link span{
   display: inline-block;
   font-size: 12px;
   border-bottom: solid 0.5px;
}

.link a{
   font-size: 9px;
   text-decoration: none;
   color: #3e3a39;
}

.kari{
   /*display: none;*/
}

.bottom{
   margin: auto;
   text-align: center;
   font-size: 8px;
}

.bottom a{
   text-decoration: none;
   color: #3e3a39;
}

/*広告関連*/
.ad-container {
   padding: 30px 10% 0 10%;
}

.ad-image-large img{
   width: 100%;
}

.ad-image-small img{
   width: 49%;
}

.ad-image-large {
   width: 100%;
}

.ad-container img{
   transition: .3s;
}

.ad-container img:hover{
   opacity: 0.75;
   transition: .3s;
}


@media screen and (min-width:1024px) {

   .ad-container {
      padding: 30px 30% 30px 30%;
   }

   .flex-horizontal{
      justify-content: center;
      padding-bottom: 50px;
      padding-left: 30px;
   }

   .flex-vertical{
      height: 350px;
      flex-direction: row;
   }

   .link{
      gap: 6px;
      width: 250px;
   }

   .link span{
      font-size: 17px;
   }

   .link a{
      font-size: 14px;
   }

   .bottom{
      font-size: 12px;
   }
}