*{padding: 0;margin: 0;box-sizing: border-box;}
ul,ol{list-style: none;margin-top: 0;}
a{text-decoration: none;}
img{vertical-align: bottom;}
ol, ul:not([class]), ul.dotList{padding-left: 0;}
p{margin-top: 0;}
.contents_main{margin: 0 auto;}
.item1, .item2, .item3, .top{padding: 0 5px;}
.none{display: none;}
table{margin: 0;}
article{max-width: 1200px;margin: 0 auto;}
.none{display: none;}

/*------------------全体、top画像-----------------------*/
.top{width: 100%;max-width: 800px;margin: 0 auto 40px;}
.top img{width: 100%;}

/*-----------------ページ内リンク-------------------*/
.link1 {margin-bottom: 30px;}
.link1 a{
    font-size: 16px;
    margin: 0 3px;
    color: #008cff;
    font-weight: bold;
    padding: 5px 20px;
    border: 1px solid #ccc;
    background: #f1e767;
    background: -webkit-gradient(linear, left top, left bottom, from(#fdfbfb), to(#ebedee));
    background: -webkit-linear-gradient(top, #fdfbfb 0%, #ebedee 100%);
    background: linear-gradient(to bottom, #fdfbfb 0%, #ebedee 100%);
    -webkit-box-shadow: inset 1px 1px 1px #fff;
    box-shadow: inset 1px 1px 1px #fff;
  }
  
.link1 a:hover {
    background: -webkit-gradient(linear, left bottom, left top, from(#fdfbfb), to(#ebedee));
    background: -webkit-linear-gradient(bottom, #fdfbfb 0%, #ebedee 100%);
    background: linear-gradient(to top, #fdfbfb 0%, #ebedee 100%);
  }

  
/*---------------各分野リンク------------------*/
.link2{
    display: flex;
    justify-content: start;
}


.contents-box{
    display: block;
    border: 1px solid #b1b1b1;
    border-radius: 8px;
    width: 32%;
    margin: 3px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.contents-box:hover{
    position: relative;
    opacity: 0.6;
    top: 2px;
    box-shadow: none;
    transition: all 0.3s ease 0s;
}

.contents-img{
    width: 100%;
    width: 97%;
   margin: 10px auto 0px;
}
.contents-img img{width: 100%;}

.text1{
    padding: 15px;
}

.text1 h2{
    font-weight: bold;
    color: #008cff;
    font-size: 20px;
    margin: 10px 0;
}

.text1 p{
    height: 100px;
    color: #616161;
    line-height: 1.7;
    font-size: 14px;
}
.text2{margin-top: 15px;}
.text2 h3{
    font-size: 17px;
    font-weight: bold;
    padding-left: 15px;
}
.text2 p{
    padding: 30px 0;
}
.text2 p span{
    font-size: 14px;
    display: block;
    padding: 5px 15px;
    font-weight: bold;
    color: #363636;
}

.text3{
    font-size: 14px;
    text-align: right;
    padding: 10px;
    color: #008cff;
}


/*---------------配色個別調整------------------*/
.travel .text2 h3{color: #ff719c;}
.travel .text2 p{background-color: #fdedf1;}

.car .text2 h3{color: #3947c4;}
.car .text2 p{background-color: #ebebf3;}

.food .text2 h3{color: #f89615;}
.food .text2 p{background-color: #fcf5f0;}

@media (max-width: 800px){
.link1 a{
    margin: 0 2px;
    padding: 2px 10px;
    font-size: 12px;
  }
  
.link1{width: 97%;margin-bottom: 10px;}
.link2{
        display: block;
        justify-content: start;
        margin-bottom: 30px;
}
    
.contents-box{
        width: 100%;
        margin: 0 auto 30px;
        box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2);
}

.text1 h2{ font-size: 16px;}
.text1 p{ height: auto;font-size: 13px;}

.text2{margin-top: 15px;}
.text2 h3{font-size: 15px;}
.text2 p{
    padding: 20px 0;
}
.text2 p span{
    font-size: 13px;
    font-weight: normal;
    padding: 2px 10px;
}

}