/*
*
* CUSTOM ADD CSS
*/
/*
*
* 
* --------------------------------------------------
*/







@media(min-width:751px){
    .only_sp{
        display: none !important;
    }
}
@media(max-width:750px){
    .only_pc{
        display: none !important;
    }
}


@media screen and (min-width: 768px){
.br-sp {display: none; }
}



@media screen and (max-width: 479px) {
    /* 479px以下用（スマートフォン用）の記述 */


.widget_p_categories li{
	list-style: none;
}

.widget_p_categories a {
  display: block;
  background-color: var(--white-color);
  color: var(--body-color);
  padding: 23px 25px;
  margin-bottom: 10px;
  padding-right: 50px;
  line-height: 1;
  font-size: 16px;
  border-radius: 5px;
}

.widget_p_categories a:before {
  content: '\f138';
  font-family: var(--icon-font);
  font-weight: 700;
  font-size: 1.1em;
  color: rgba(var(--theme-color), 1);
  margin-right: 10px;
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
}
.widget_p_categories a:hover {
  background-color: rgba(var(--theme-color), 1);
  color: var(--white-color);
  box-shadow: 0px 15px 42.75px 2.25px rgba(var(--theme-color), 0.07);
}
.widget_p_categories a:hover:before {
  color: var(--white-color);
}




}

.word{

  text-shadow    : 
       2px  2px 1px #ffffff,
      -2px  2px 1px #ffffff,
       2px -2px 1px #ffffff,
      -2px -2px 1px #ffffff,
       2px  0px 1px #ffffff,
       0px  2px 1px #ffffff,
      -2px  0px 1px #ffffff,
       0px -2px 1px #ffffff; 

}

.breadcumb-title{

  text-shadow    : 
       2px  2px 1px #ffffff,
      -2px  2px 1px #ffffff,
       2px -2px 1px #ffffff,
      -2px -2px 1px #ffffff,
       2px  0px 1px #ffffff,
       0px  2px 1px #ffffff,
      -2px  0px 1px #ffffff,
       0px -2px 1px #ffffff; 

}





.widget_p_categories li{
	list-style: none;
}

.widget_p_categories a {
  display: block;
  background-color: var(--white-color);
  color: var(--body-color);
  padding: 23px 25px;
  margin-bottom: 10px;
  padding-right: 50px;
  line-height: 1;
  font-size: 20px;
  border-radius: 5px;
}

.widget_p_categories a:before {
  content: '\f138';
  font-family: var(--icon-font);
  font-weight: 700;
  font-size: 1.1em;
  color: rgba(var(--theme-color), 1);
  margin-right: 10px;
  -webkit-transition: all ease 0.4s;
  transition: all ease 0.4s;
}
.widget_p_categories a:hover {
  background-color: rgba(var(--theme-color), 1);
  color: var(--white-color);
  box-shadow: 0px 15px 42.75px 2.25px rgba(var(--theme-color), 0.07);
}
.widget_p_categories a:hover:before {
  color: var(--white-color);
}


.rad{
    border-radius: 5px;
}

.sec_title{

font-size:10px;
color:#515151;

}




.r_shop {

 border: 2px;
border-style: solid; 
border-color: #07CCEC;




border-radius: 5px;
/*
 width: 150px;
 height: 150px;
*/
 padding: 10px;
 display: inline-block;
}




.DivLink{
    position:relative;
    width:90%;
    height:100%;
/*
    background-color:#fffbb6;
    border:1px solid #ff6a00;
*/
}

.DivLink .Link{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}



.text-blue{

color:#07CCEC;

}



.flow-step {
    position: relative;
    border: 1px solid #d8d8d8;
    padding: 20px 20px;
    background-color: #4e67b0;
    color: #ffffff;
    font-size: 30px;
    font-weight: 700;
    margin-bottom: 20px;
    border-radius: 5px;
}

.flow-step span{
    display: block;
    color: #ffffff;
    font-size: 16px;
    font-weight: 700;
    margin: 10px 0 0 0;

}



.badge-group{
margin: 20px;
width: 100%;
height: auto;
display: flex;
flex-wrap: wrap;
align-items: flex-start;
}
.badge-item{
margin-top: 10px;
margin-right: 8px;
border-radius: 4px;
background: #4B96F5;
box-shadow: 0 2px 2px rgba(0, 0, 0, .4);
padding: 8px 10px;
overflow: hidden;
color: #fff;
font-size: 12px;
font-weight: bold;
}



.tel_cus, tel_cus {
  font-family: var(--title-font);
  color: var(--title-color);
  text-transform: none;
  font-weight: 700;
  line-height: 1.3;
  margin: 0 0 15px 0;
font-size: 11px;
}



.top_h1{
    display: inline-block;
    font-size: 14px;
color: #FFFFFF;
margin: 0 0 0 0;
/*
font-size: 14px;
color: #FFFFFF;
  margin: 0;
padding: 0;
*/
}


.content-sub{

background: #4B96F5;

}


.responsive-heading {
  text-align: center; /* デフォルト：PCでは中央揃え */
}

@media (max-width: 767.98px) {
  .responsive-heading {
    text-align: left; /* スマホでは左寄せ */
  }
  .br-pc {
    display: none; /* スマホでは <br> 非表示 */
  }
}