﻿/*------global start-------*/

.bg_color1 {
    background-color: #669ca1;
    background-image: linear-gradient(to bottom, #6fbfff 0%, #cef9f3 100%);
}

.hvr_txt_color1:hover {
    color: #42abff;
}

.bg_color4 {
    background-color: #f7f7f7;
}

#page-top a {
    background-image: none;
    background-color: #ffeb00;
    color: black;
}

.txt_color3 {
    color: #ffc800;
}

.linkStyle{
    color: #6fbfff;
}

.svg_box{
    display: none;
}

.bg_color2 {
    background-color: #b7ebf6;
        background-image: linear-gradient(
360deg
, #ddecf7 0%, #98d1ff 50%,#ddecf7 100%);
}

.all_page.bg_color4{
    background-color: #f0f8ff;
}


.hvr_border_color3:hover {
    border-color: #0088f5;
}

.hvr_bg_color3:hover {
    background-color: #94cfff;
}

.txt_color1 {
    color: #0a8cf4;
}

main{
    margin-top: 0 !important;
}

.border_color3 {
    border-color: #e6e6e6;
}

#cms_5-b .cate_box .open_bt .arrow img, .cms_5-b .cate_box .open_bt .arrow img {
    background-image: none;
    background-color: #5aaef1;
}

.page_title_box p.font_25{
    color:#ffcc13;
}


/*------global end-------*/


/*----footer start-----*/

footer {
    background-color: #dedede;
}

footer .txt_white{
    color:black;
}

/*----footer end-----*/

/*--------index start---------*/

.vegas-overlay {
    background-size: 2px;
    display: none;
}

.top_nav ul li a{
        color: #0088f5;
    font-weight: bold;
}

#contents figure.txt_color3 {
    background-image: url(./Dup/img/stripe.png);
    color: #4db1fb;
}

.catch{
        top: -4.5%;
        left: 5%;
        font-size: 3.5vw;
        /* color: blue; */
}

.catch span{
        letter-spacing: 0.15em;
        font-weight: bold;
        /* background-image: url(./Dup/img/stripe.png); */
        /* background-color: rgba(255,255,255,0.3); */
        color: #404b52;
        /* background-size: 20px; */
        text-shadow: 0 5px 10px rgba(226, 226, 226, 0.5);
}

.main_img:before{
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(./Dup/img/coat.png);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: 190px;
    pointer-events: none;
    z-index: 1;
    background-color: rgba(228, 239, 247, 0.2);
}

.top_cms_box .more_box .more:hover:before {
    background-color: white;
}

.top_cms_box .more_box .more:hover div {
    color: white;
}

.box.koren{
    margin-top: 7vw;
    margin-bottom:7vw;}

.img-container:before {
    background: #0789f1;
}

.t_cms_img2 .img-container:before {
    background: #0789f1;
}

.other .box:hover {
    background-color: #a2a2a2 !important;
}

.other .box:hover p{
    color: #ffcc13;
}

.other .box:hover h2 span{
    color: black;
}

#top_cms{
        border-right: 2px solid #0a8cf4;
}

.menu{
    padding: 20px 0;
}

.all_header {
    pointer-events: none;
}

/*--------index end---------*/

/*--------cms_2-c start---------*/

#cms_2-c .cate{
    padding-top: 100px;
    margin-top: -100px;
}

/*--------cms_2-c end---------*/

/*------お問い合わせ start-------*/

#mail_CONTACT{
    display: none;
}

#tel_CONTACT .bg_color1{
    background-image:none;
    background-color: #5aaef1;
}

/*------お問い合わせ end-------*/


/*----------20210916 start----------*/

.main_img:before{
    content:none;
}

/*----------20210916 end----------*/


@media all and (-ms-high-contrast: none){
  

}

@media screen and (max-width: 1000px){
.all_header {
    pointer-events: auto;
}
}

/*-----custom------*/
@media screen and (max-width: 900px){
     #contents .box .txt_wrap {
    width: 100%;
}
    
#contents .box figure {
    width: 100%;
}
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
    
    #contents .box .txt_wrap {
    width: 100%;
}
    
#contents .box figure {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){


.catch {
        top: -3.5%;
    left: 5%;
    font-size: 5vw;
}


}