@charset "utf-8";
@media screen and (min-width: 1201px) { html{font-size:16px; } }@media screen and (max-width: 1200px) { html{font-size:15px; } }@media screen and (max-width: 1024px) { html{font-size:14px; } }@media screen and (max-width: 768px) {  html{font-size:13px; } }@media screen and (max-width: 480px) {  html{font-size:12px; } }a,a:visited,a:active { color:rgba(66,66,66,1.00)}a:hover { color:rgba(186,186,186,1.00)}
/* css setting */
/*　———　ホバー時半調　———　*/

.hover_opacity:hover{
    opacity: 0.7;
    transition:0.6s;
}

.hover_opacity_img img:hover {
opacity:0.7;
transition:0.6s;
}

/*　———　telリンク - スマホ版のみ　———　*/

@media screen and (min-width: 480px) {
     .tel_splink {
         pointer-events: none;
     }
 }

/*　———　SP版センター　———　*/

@media screen and (max-width: 480px) {
     .sp_center {
         text-align: center!important;
     }
 }

/*　———　SP版左　———　*/

@media screen and (max-width: 480px) {
     .sp_left {
             text-align: justify!important;
     }
 }

/*　———　SP版右　———　*/

@media screen and (max-width: 480px) {
     .sp_right {
             text-align: right!important;
     }
 }


/*　———　スマホ時改行なし　———　*/

@media screen and (max-width: 768px){
.sp_br_none br {
  display:none;
 }
}

/*　———　スマホ時改行あり　———　*/

@media only screen and (min-width: 769px){
.sp_br br {
  display:none;
 }
}


.tk_tags{
background-color:#2ca6e0;
color:#ffffff;
}

.tk_title {
    font-size: 1rem;
}

/*デフォルト*/
a   {
text-decoration:none;
}

h1 , h2 , h3 {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px;
    margin-top: 0px;
}

.hover_opacity:hover{
opacity: 0.85;
transition:0.6s;
}

.letter-spacing{
letter-spacing: 0.3rem;
}

.opacity {
opacity: 0.9;
}

/*　==============================　ヘッダー　==============================　*/

/*　--------------------　SP用（Fatナビ）に関する設定　--------------------　*/

.fat-nav li {
    list-style-type: none;
    text-align: left;
    padding: 1.5rem ;
    font-size: 1.2rem;
    line-height: 1.3rem;
    border-bottom: 1px solid #fff;
}
.fat-nav li a {
    border-bottom: 0px solid #fff;
}
.fat-nav li .sub_title{
    font-size: 0.8rem;
}

.fat-nav{
    background: rgba(45, 167, 224, 0.96);
}

.hamburger .hamburger__icon, .hamburger .hamburger__icon:before, .hamburger .hamburger__icon:after {
    background-color: #2da7e0;
}

.topfix_A {
    position: absolute;
    z-index: 100;
    top: 0;
    right: 0;
}
.topfix_B {
    position: absolute;
    z-index: 10;
    top: 0;
    right: 0;
}


.shop_table{width:100%;  background-color:#fff;  color:#194265; border-radius:1rem 1rem 0 0; }
.shop_table dl {width:100%; display: flex; flex-wrap: wrap;}
.shop_table dt { width:100%; color:#2DA7E0; padding:1rem 2rem; border-bottom: 1px solid #2DA7E0;font-size:1.2rem; font-weight: bold;  }
.shop_table dd { margin:0 0 0 2rem;padding:1rem 0; border-bottom:1px dotted #e7e7e7;  width:41%;}
.shop_table i {color:#E7F1F8;}
@media screen and (max-width: 498px) {
.shop_table li { width:100%;}
.shop_table dd {width:100%;}
}


.shop_table span{padding:0.3rem 1rem; background-color:#2DA7E0; font-size:0.8rem; color:#fff;}
.table_bd-bottom{border-radius:0 0 1rem 1rem;}
.box-kdmr{border-radius:1rem;}

.display_none {  display:none;}