@font-face {
font-family: "Noto Serif JP";
  src: url(/kanri/wp-content/themes/ceruleanblue/fonts/NotoSerifJP-Bold.otf) format("opentype");
}
/* 文字と画像を包んだタグ */
.category-banner-box {
    position: relative;
}
/* 基本の文字の位置 */
.category_img_text {
    position: absolute;/*絶対配置*/
    color: white;/*文字は白に*/
    top: 25%;
    left: 5%;
    font-size: 2.2em;
    text-shadow: 1px 2px 3px #000000;
    font-family: "Noto Serif JP", Bold;
}
.category_img_text.cate_snorkel_text {
    left: 70%;
}
.category_img_text.cate_snorkel_text.ja {
    left: 48%;
}
.category_img_text.cate_sightseeing-bus-tour_text {
    left: 60%;
}
.category_img_text.cate_sightseeing-bus-tour_text.en {
    left: 50%;
}
.category_img_text.cate_marine-sports_text {
    left: 60%;
}
.category_img_text.cate_marine-sports_text.es {
    left: 50%;
}
.category_img_text.cate_island-tour_text {
    left: 35%;
}
.category_img_text.cate_island-tour_text.zh {
    left: 40%;
}
.category_img_text.cate_island-tour_text.cn {
    left: 40%;
}
.category_img_text.cate_island-tour_text.ko {
    left: 40%;
}
.category_img_text.cate_island-tour_text.th {
    left: 45%;
}
.category_img_text.cate_island-tour_text.es {
    left: 25%;
}
.category_img_text.cate_guide-tour_text.th {
    left: 10%;
}
.category_img_text.cate_fishing_text {
    left: 70%;
}
.category_img_text.cate_whalewatching_text {
    left: 58%;
}
.category_img_text.cate_whalewatching_text.ja {
    left: 50%;
}
.category_img_text.cate_whalewatching_text.es {
    left: 40%;
}
.category_img_text.cate_food_text.th {
    left: 10%;
}
.category_img_text.cate_photowedding_text.th {
    left: 15%;
}
.category_img_text.cate_other-activities_text {
    left: 40%;
}
.category_img_text.cate_other-activities_text.ja {
    left: 29%;
}
.category_img_text.cate_other-activities_text.en {
    left: 30%;
}
.category_img_text.cate_other-activities_text.es {
    left: 30%;
}
.category_img_text.cate_car-rental_text {
    left: 10%;
}
.category_img_text.cate_goto-bustour_text,
.category_img_text.cate_goto-hotel_text {
    font-size: 1.6em;
    top: 35%;
}
.category_img_text.cate_goto-bustour-0508_text {
    font-size: 1.6em;
    top: 20%;
}
.category_img_text.cate_airplane_text {
    left: 55%;
}
/* 小さなディバイスの場合の文字の位置や大きさ */
@media screen and (max-width: 750px) {
    .category_img_text {
        position: absolute;
        top: 25%;
        left: 3%;
        font-size: 1.2em;
    }
    .category_img_text.cate_limousine_text.es {
        font-size: 5vw;
    }
    .category_img_text.cate_sightseeing-bus-tour_text {
        left: 50%;
    }
    .category_img_text.cate_sightseeing-bus-tour_text.en {
        left: 46%;
        font-size: 5vw;
    }
    .category_img_text.cate_sightseeing-bus-tour_text.es {
        font-size: 5vw;
    }
    .category_img_text.cate_snorkel_text {
        left: 60%;
    }
    .category_img_text.cate_snorkel_text.ja {
        left: 30%
    }
    .category_img_text.cate_marine-sports_text {
        left: 50%;
    }
    .category_img_text.cate_marine-sports_text.es {
        left: 45%;
        font-size: 5vw;
    }
    .category_img_text.cate_island-tour_text {
        left: 30%;
    }
    .category_img_text.cate_fishing_text {
        left: 65%;
    }
    .category_img_text.cate_food_text.es {
        font-size: 5vw;
    }
    .category_img_text.cate_whalewatching_text.ja {
        left: 35%;
    }
    .category_img_text.cate_whalewatching_text.zh {
        left: 60%;
    }
    .category_img_text.cate_whalewatching_text {
        left: 48%
    }
    .category_img_text.cate_whalewatching_text.es {
        left: 32%;
        font-size: 5vw;
    }
    .category_img_text.cate_other-activities_text {
        left: 25%;
    }
    .category_img_text.cate_other-activities_text.ja {
        left: 19%;
    }
    .category_img_text.cate_other-activities_text.zh {
        left: 40%;
    }
    .category_img_text.cate_other-activities_text.ko {
        left: 35%;
    }
    .category_img_text.cate_goto-bustour_text {
      font-size: 1.2em;
      top: 42%;
    }
    .category_img_text.cate_goto-hotel_text {
      font-size: 1.2em;
      top: 25%;
    }
}

/* 日本語の場合だけ文字を黒にするサンプル */
/*.category_img_text.ja {*/
    /*color: #0a0a0a;*/
/*}*/

/* ハイヤーのカテゴリの時だけ文字を黒にするサンプル */
/*.cate_taxi_text {*/
    /*color: #0a0a0a;*/
/*}*/