@charset "utf-8";

/* --------------------------------------
  共通項目
--------------------------------------- */

/*-- clear --*/
.clear{
clear:both;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  clear: both;
}

/*-- font-size --*/

.fl{
font-size:1.5em!important;
}

@media only screen and (max-width:768px) {
  .fl {
    font-size:1.35em!important;
     } }
@media only screen and (max-width:600px) {
       .fl {
         font-size:1.3em!important;
          } }

.fl2{
font-size:1.5em!important;
}

.fm{
font-size:1.2em!important;
vertical-align: baseline;
}

.fm2{
  font-size:1.2em!important;
  vertical-align: baseline;
  letter-spacing: 0;
  }


.fs{
  font-size: 1.6rem;
  /*color: #224bb9;*/
  display: block;
  line-height: 2;
  border-bottom: 1px solid;
  border-top: 1px solid;
  padding: 10px 0;
  margin: 0 0 3%;
  text-align: center;
  letter-spacing: 1px;
}
@media only screen and (max-width:600px) {
       .fs {
         font-size:1.2rem;
          } }

.fs2{
  font-size: 1.4rem;
}
@media only screen and (max-width:600px) {
       .fs2 {
         font-size:1.2rem;
          } }

.fxs{
font-size: 75%!important;
margin: 5px 0 0;
display: block;
}

.fxs2{
font-size: 80%!important;
margin: 5px 0 0 15px;
display: block;
}
@media only screen and (max-width:600px) {
.sp_fxs{
  font-size: 1.8em!important;
  margin:0;
  }
}

/*-- color --*/

.bold{
font-weight:bold;
}


.emphasys{
  font-size:1.2em;
  color: #ffeb3b;
  font-weight: bold;
}

/*赤字強調*/
.red {
color:#da3835;
font-weight:bold;
}

.red_lg {
font-size: 1.2em;
color:#da3835;
font-weight: bold;
vertical-align: baseline;
/*text-shadow: 1px 1px #999;*/
}
/*@media only screen and (max-width:480px) {
  .red_lg {
    font-size:1.1em;
        } }
@media only screen and (max-width:380px) {
          .red_lg {
            font-size:1.05em;
                } }*/

.main_ttl_shadow{
 text-shadow: 2px 3px #757171;
}

.blue{
color:#214bb9;
font-weight:bold;
vertical-align: baseline;
}

.white{
  color:#fff;
}

.r_pink{
color:#f32a6e;
}

.w_red{
color:#c32d2d;
font-weight:bold;
}

.w_red2{
color:#e02b2b;
font-weight:bold;
}

.or{
color:#ef851a;
font-weight:bold;
}

.fff{
color:#fff!important;
}

.yellow{
  color: #ffeb3b;
  font-weight: bold;
}

.yellow_lg{
  font-size:1.2em;
  color: #ffeb3b;
  font-weight: bold;
}
@media only screen and (max-width:480px) {
       .yellow_lg {
         font-size:1.6rem;
        } }

/*背景黄色*/

.bg_c_ef{
background: #efefef;
}

.bg_y {
  background:#FF3;
}

.bg_y2{
  background: linear-gradient(transparent 75%, #FF3 50%);
}

.bg_r {
  background:#AD0000;
}


.bg_w{
background:rgba(255, 255, 255, 0.3)
}

.blue_bg{
  background: linear-gradient(transparent 0%, #3a84df 0%);
  font-weight: bold;
  padding: 5px 3px;
  color: #fff;
  text-shadow: 1px 1px 1px #444;
}

.blue_bg2{
background: linear-gradient(transparent 60%, rgba(15, 143, 232, 0.9) 0%);
}

.red_bg{
background: linear-gradient(transparent 60%, rgba(215, 15, 15, 0.9) 0%)
}

.yellow_bg {
    background: linear-gradient(transparent 65%, rgb(255 235 59) 0%);
}

.yellow_bg2 {
  background: linear-gradient(transparent 0%, rgb(255 235 59) 0%);
  padding: 3px 2px;
  font-weight: bold;
  color: #333;
  margin: 0 2px;
}

.gold_bg{
  background: linear-gradient(transparent 80%, #d2c598 85%);
}

.underline{
  text-decoration: underline;
}

/*中央寄せ*/
.tx_c{
text-align:center!important;
margin: 0 0 30px;
}
@media only screen and (max-width:480px) {
.tx_c{
margin: 0 0 15px;
        } }

.tx_c img{
width:100%;
}

.tx_c2{
text-align:center!important;
}

.tx_c2 img{
width:94%;
max-width:300px;
}

.tx_c3{
text-align:center;
margin:0 0 50px;
}
.tx_c3 img{
  width:100%;
  max-width: 1000px;
}
@media only screen and (max-width:480px) {
  .tx_c3 {
    margin:0 0 20px;
     } }

.tx_c4{
text-align:center;
}


.tx_r{
  text-align: right;
}

.inline_b{
display:inline-block;
}

/*margin*/

.mg15{
margin:15px 0;
}

.mg20{
margin:20px 0;
}

.mg30{
margin:30px 0;
}

.pd10{
padding:10px;
}

/*-- link --*/

a:link {
  /* color:#1d3994; */
  text-decoration: none;
}

a:visited {
  /* color: #425486; */
  text-decoration: none;
}

a:hover {
  color: #737373;
  text-decoration: underline;
}

a:active {
  color: #1b1b1b;
  text-decoration: none;
  outline: none;
}

/*-- border --*/

.border {
  border: 1px #d8d5d1 solid;
}

.border_top {
  border-top: 1px #d8d5d1 solid;
}

.border_bottom {
  border-bottom: 1px #d8d5d1 solid;
}

.border_bottom_dot {
  border-bottom: 1px #d8d5d1 dotted;
}

.bdb01 {
  border-bottom: 1px solid;
  padding: 5px 15px;
}

/*display block*/

.disp_b{
  display: block;
}


/*pc・sp 切り替え*/

.pc-hide {
  display: none; }
  @media (max-width: 767px) {
    .pc-hide {
      display: block; } }

.pc-hide2 {
        display: none; }
        @media (max-width: 544px) {
          .pc-hide2 {
            display: block; } }
.pc-hide3 {
        display: none; }
        @media (max-width: 425px) {
          .pc-hide3 {
            display: block; } }

.sp-hide {
  display: block; }
  @media (max-width: 768px) {
    .sp-hide {
      display: none; } }

.sp-hide2 {
        display: block; }
        @media (max-width: 480px) {
          .sp-hide2 {
            display: none; } }


/*-- 右寄せ・左寄せ --*/

.float_right {
  float: right;
  max-width: 320px;
  margin-left: 30px;
  width: 40%; }
  .float_right img {
    width: 100%; }
  @media (max-width: 544px) {
    .float_right {
      margin: 30px auto;
      width: 45%; } }

.float_right-fluid {
  float: right;
  max-width: 800px;
  margin-left: 30px;
  width: 40%; }
  .float_right-fluid img {
    width: 100%; }
  @media (max-width: 544px) {
    .float_right-fluid {
      width: 100%;
      max-width: 100%;
      margin: 20px auto;
      float: none; } }

.float_left {
  float: left;
  max-width: 300px;
  margin: 10px;
  width: 40%; }
  .float_right img {
    width: 100%; }
@media (max-width: 768px) {
  .float_left {
    float: none;
    max-width: 800px;
    width: 97%;
    margin: 10px auto; }
}
  /*@media (max-width: 544px) {
    .float_right {
      margin: 30px auto;
      width: 45%; } }*/

.float_left-fluid {
  float: left;
  max-width: 800px;
  margin-left: 30px;
  width: 40%; }
  .float_right-fluid img {
    width: 100%; }
  @media (max-width: 544px) {
    .float_right-fluid {
      width: 100%;
      max-width: 100%;
      margin: 20px auto;
      float: none; } }

/* --------------------------------------
 PC時 電話無効
--------------------------------------- */
/* @media screen and (min-width: 768px) {
    a[href^="tel:"] {
      pointer-events: none;
    }
  } */