@charset "utf-8";
/* CSS Document */
.breadcrumb {
    margin: 5px 0 0 10px;
    display: flex;
    list-style: none;
    color: #fff;
}
.breadcrumb a{
    color: #fff;
}
.breadcrumb a:hover{
    opacity: 0.5;
}
.breadcrumb li::after{
  content: '＞';
  display: inline-block;
 background:none;
  padding: 0 10px; /*左右に余白*/
}
.breadcrumb li:last-child::after{
  display: none;
}
/*breadcrumb領域*/
@media screen and (max-width:370px){
    .breadcrumb li{
      font-size: 13px;
    }
}
/*main領域*/
main{
    margin-bottom:80px;
}
main ul{
   list-style: none;
    display: flex;
}
main ul li{
    padding:2%;
    border-radius:10px;
    margin-right:4%;
    background-color:#fff;
    font-size:16px;
}
main ul li:hover{
  opacity: 0.5;
}
main ul li a{
    color:#000;
}

main article h2 {
    margin: 40px 0 10px;
    font-size: 30px;
    text-shadow:none;
}
main article p{
    text-align: center;
}
main dl:first-of-type{
    margin-top:40px;
}
main dl{
    color:#fff;
    margin-top:30px;
    font-size:20px;
}
main dl dd{
    margin-top:5px;
}
.entry{
    text-align:center;
    margin:15% 0 20px;
}
.entry a:hover{
  opacity: 0.5;
}
.entry a{
    padding:2% 4%;
    border-radius:10px;
    background-color:#fff;
    font-size: 18px;
    color:#000;
}
/*320px表示領域*/
@media screen and (max-width:370px){
main ul li{
    font-size:14px;
    }
}
/*main領域_pc*/
@media screen and (min-width:640px){
     main dl{
    font-size:20px;
    }
}

/*サイド領域_pc*/
@media screen and (min-width:640px){
   aside{
    height:635px;
    margin:60px 1% 0 0;
    }
}