@charset "UTF-8";
.entire_glass { width: 100%; background: #f5f7f9; padding-bottom: 60px;  }
.entire_glass .treasure_map { width: 1100px; margin: 0 auto; }
.entire_glass .treasure_map li { width: 340px; position: relative; float: left; margin-right: 40px; margin-top: 40px; }
.entire_glass .treasure_map li:nth-child(-n+3) { margin-top: 0; }
.entire_glass .treasure_map li:nth-child(3n) { margin-right: 0; }
.entire_glass .treasure_map li .imgbx { width: 100%; }
.entire_glass .treasure_map li .imgbx img { width: 100%; vertical-align: bottom; }
.entire_glass .treasure_map li a { display: block; opacity: 1; transition: all .6s; }
.entire_glass .treasure_map li a:hover { transition: all .6s; opacity: 0.6; }
.entire_glass .treasure_map li .txtbx { height: 80px; text-align: left;  background: #fff; padding:0 10px;  }
.entire_glass .treasure_map li .txtbx .txt { display: inline-block; text-align: left; color: #3a4763; font-size: 13px; letter-spacing: 0px; box-sizing: border-box; font-family: "Hiragino Kaku Gothic Pro"; padding-top: 20px; }

@media screen and (max-width: 1100px){
    .entire_glass { width: 100%; background: #f5f7f9; padding-bottom: 80px; }
    .entire_glass .treasure_map { width: 90%; margin: 0 auto; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; }
    .entire_glass .treasure_map li { width: 48%; position: relative; float: none; margin-right: 0; margin-top: 40px; }
    .entire_glass .treasure_map li:nth-child(-n+3) { margin-top: 40px; }
    .entire_glass .treasure_map li:nth-child(-n+2) { margin-top: 0px; }
    .entire_glass .treasure_map li:nth-child(3n) { margin-right: 0; }
    .entire_glass .treasure_map li .imgbx { width: 100%; }
    .entire_glass .treasure_map li .imgbx img { width: 100%; vertical-align: bottom; }
    .entire_glass .treasure_map li .txtbx { height: 80px; text-align: left;  background: #fff; padding:0 10px;  }
    .entire_glass .treasure_map li .txtbx .txt { display: inline-block; text-align: left; color: #3a4763; font-size: 13px; letter-spacing: 0px; box-sizing: border-box; font-family: "Hiragino Kaku Gothic Pro"; padding-top: 20px;line-height: 1.4em; }
}

@media screen and (max-width: 420px){
    .entire_glass { width: 100%; background: #f5f7f9; padding-bottom: 80px; }
    .entire_glass .treasure_map { width: 90%; margin: 0 auto; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; }
    .entire_glass .treasure_map li { width: 100%; position: relative; float: none; margin-right: 0; margin-top: 40px; }
    .entire_glass .treasure_map li:nth-child(-n+3) { margin-top: 40px; }
    .entire_glass .treasure_map li:nth-child(-n+2) { margin-top: 40px; }
    .entire_glass .treasure_map li:nth-child(3n) { margin-right: 0; }
    .entire_glass .treasure_map li .imgbx { width: 100%; }
    .entire_glass .treasure_map li .imgbx img { width: 100%; vertical-align: bottom; }
    .entire_glass .treasure_map li .txtbx { height: auto; text-align: center;  background: #fff; box-sizing: border-box; padding: 0 20px 20px; }
    .entire_glass .treasure_map li .txtbx .txt { display: inline-block; text-align: left; color: #3a4763; font-size: 12px; letter-spacing: 0px; box-sizing: border-box; font-family: "Hiragino Kaku Gothic Pro"; padding-top: 20px; } 
}

@media screen and (max-width: 420px){
    .entire_glass { width: 100%; background: #f5f7f9; padding-bottom: 80px; }
    .entire_glass .treasure_map { width: 90%; margin: 0 auto; display: flex; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; }
    .entire_glass .treasure_map li { width: 100%; position: relative; float: none; margin-right: 0; margin-top: 40px; }
    .entire_glass .treasure_map li:nth-child(-n+3) { margin-top: 40px; }
    .entire_glass .treasure_map li:nth-child(-n+2) { margin-top: 40px; }
    .entire_glass .treasure_map li:nth-child(3n) { margin-right: 0; }
    .entire_glass .treasure_map li .imgbx { width: 100%; }
    .entire_glass .treasure_map li .imgbx img { width: 100%; vertical-align: bottom; }
    .entire_glass .treasure_map li .txtbx { height: auto; text-align: center;  background: #fff; box-sizing: border-box; padding: 0 20px 20px; }
    .entire_glass .treasure_map li .txtbx .txt { display: inline-block; text-align: left; color: #3a4763; font-size: 12px; letter-spacing: 0px; box-sizing: border-box; font-family: "Hiragino Kaku Gothic Pro"; padding-top: 20px; } 
}