.back_color {
    background: -webkit-gradient(linear, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.7) 20%, rgba(255,255,255,0.7) 80%,rgba(255,255,255,0.5) 100%);
    background: -webkit-linear-gradient(rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.7) 20%, rgba(255,255,255,0.7) 80%,rgba(255,255,255,0.5) 100%);
    background: linear-gradient(rgba(255,255,255,0.5) 0%, rgba(255,255,255,0.7) 20%, rgba(255,255,255,0.7) 80%,rgba(255,255,255,0.5) 100%);
}

.bg_color1 {
    background-color: #14212a;
}

.content_wrap {
    background-color: rgba(241, 241, 241, 1);
}

.page2, .page3, .page4, .page5, .page6, .page7, .page8, .page9, .page10{
    background-color: white !important;
}

#page_title:before {
    background: linear-gradient(to bottom right, rgba(255,255,255,0) 50%, #fff 50.5%) no-repeat top left/100% 100%;
}

#contents .box .no div{
        color: #4fb6ff;
}

#contents .box .no div span{
           color: #4fb6ff;
    text-shadow: 3px 0px #1b6fd4;
}

.top_cms_box .cms_title div h2 span{
        color: #3e9def;
}

.more a:hover {
    color: #f1ff3f;
        background-color: #a1a1a1;
}

.hvr_opa05:hover {
    opacity: 1;
    color: #f1ff40;
}

#header .logo{
        max-width: 250px;
    min-width: 180px;
}

.header_menu{
    font-size: 14px;
}

#header{
    padding:7px 0;
}

.cate_list span.bg_color1{
        background-color: #1b71dc;
}

.bg_color2 {
        background-color: #ced2d7;
}

#page-top p{
        color: #f0fe3f;
    font-size: 14px;
}

#loading_bg{
    background-color: white;
}

#tel_contact{
    color:black;
        background-color: transparent;
}

#tel_contact .tel a{
   background-color: #1a8ee9;
}

#page-top .scroll_u span::before {
    background-color: #f0e614;
}

#contents .box .box_item:before {
    background-color: rgba(171, 239, 255, 0.8) !important;
}

#contents .box .box_item {
    color: black;
}

.catch_txt{
            background-color: rgba(255, 255, 255, 1);
        color:black;
}

.main_box h1.logo{
    text-align: center;
}

.main_box .entry a{
    margin: auto;
}

#contents .box .box_item:after {
    background: linear-gradient(to top left, rgba(255,255,255,0) 50%, #052032 50.5%) no-repeat top left/100% 100%;
}

.catch_txt h2{
    text-align: center;
    font-size: -webkit-calc(1rem + 10px);
    font-size: calc(1rem + 10px);
}

#page_title:after {
    background-color: transparent;
}

#page_title{
    background-position: center;
    background-attachment: scroll;
}

#cms_5-c .box_title1 {
    background-color: white;
}

#cms_5-c .cate_box p.box_txt1{
    margin-left: 1%;
}

#cms_5-c .box_title1:before {
    color: #1a82e9;
}

#cms_5-c .box_txt1::before {
    color: rgb(235, 85, 85);
}

.catch_txt:before{
    content: "";
    display: block;
    width: 60%;
    height: 300px;
    position: absolute;
    top: 0%;
    left: 50%;
    background-image: url(./Dup/img/catch.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: contain;
    pointer-events: none;
    z-index: 1;
}

.page9 h3 span{
    color:#1a83e9;
    margin-right: 5px;
}

#page_title p.font_9up{
    color: #a8e7ff;
    filter: drop-shadow(2px 2px 10px black);
}

.linkStyle{color: #29a9e0;}


#top_cms .cms_2-c cate_box{
        padding: 3% 0;
}

.page4 .cate_box .box_txt1{
    border-left: 2px solid #1b71dc;
    padding-left: 10px;
    padding-bottom: 5px;
}

.txt_color3 {
    color: #1b71dc;
}

.catch_txt {
    padding: 70px 40px;
}

#main{
    position: relative;
}

#main:before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(./Dup/img/gui.png), url(./Dup/img/copy.png);
    background-position: 25% 0%, 82% 80%;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: contain, 27%;
    pointer-events: none;
    z-index: 0;
    mix-blend-mode: multiply;
    opacity: 0.85;
}

/*20220530 start*/

.bg_color1 {
    background-color: #052032;
}

#contents .box .no div {
    color: #f1ff40;
}

#contents .box .no div span {
    color: #ffffff;
    text-shadow: none;
}

#contents .box .box_item:before {
    background-color: rgba(195, 244, 255, 0.8) !important;
    background-image: url(./Dup/img/siro.png);
    background-position: center right;
    background-repeat: no-repeat;
}

#top_cms .more a {
    background-color: #1a81e9;
}

.page_title_box p.font_30up{
    color: #7df721;
}

.top_cms_box {
    padding: 20px 10px;
}

.g-menu-btn .dot span {
    background: #fff;
}

.g-menu-btn:after {
    background: rgba(0, 0, 0, 1);
}

/*20220530 end*/

@media all and (-ms-high-contrast: none){
  
.page4 .cate_box .box_txt1 {
    padding-bottom: 0px;
    padding-top: 7px;
}



}




/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){


.catch_txt{
    margin-top: 60px;
}

}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){

/*#main .cms_img1 img {
    height: 70vh;
}

#main {
    max-height: 70vh;
}*/

#main .cms_img1 img {
    object-position: 64%;
}

#main .main_box {
    background-color: rgba(255,255,255,0.5);
    padding: 20px;
    box-sizing: border-box;
}

.cate_list {
    margin-left: 20px;
}

.shop_info h2{
    font-size: 24px;
}

#cms_5-c .box_title1:before {
    left: 5px;
}

#cms_5-c .box_txt1:before {
    left: 5px;
}

#tel_contact .tel a{
    font-size: -webkit-calc(1rem + 0px);
    font-size: calc(1rem + 0px);
}

#main:before {
    background-image: url(./Dup/img/copy.png), url(./Dup/img/gui.png);
    background-position: 15% 8%, 25% 0%;
    background-size: 55%, cover;
    opacity: 0.85;
}

#main .main_box {
    width: 58%;
}

.catch_txt {
    padding-top: 25px;
}

}