/*

1. Add your custom Css styles below
2. Place the this code in your template:

 <link href="css/custom.css" rel="stylesheet">

*/

body{
  font-family: "メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
  font-family: "Poppins", sans-serif;
  font-size: 1rem;
  line-height: 1.65714286em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #3c4043;
}

@media (max-width: 1600px) {
  body{
    font-family: "メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
    font-family: "Poppins", sans-serif;
    font-size: 1rem;
    line-height: 1.65714286em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #3c4043;
  }
}
@media (max-width: 1280px) {
  body{
    font-family: "メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
    font-family: "Poppins", sans-serif;
    font-size: 0.95rem;
    line-height: 1.65714286em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #3c4043;
  }
}
@media (max-width: 1220px) {
  body{
    font-family: "メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
    font-family: "Poppins", sans-serif;
    font-size: 0.9rem;
    line-height: 1.65714286em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #3c4043;
  }
}
@media (max-width: 1080px) {
  body{
    font-family: "メイリオ","Hiragino Kaku Gothic Pro",Meiryo,"ヒラギノ角ゴ Pro W3","MS PGothic","MS UI Gothic",Helvetica,Arial,sans-serif;
    font-family: "Poppins", sans-serif;
    font-size: 0.85rem;
    line-height: 1.65714286em;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #3c4043;
  }
}







.app-name{
  font-weight: 500;
}


.dropdown-menu li a{
  color: rgb(29, 29, 29)!important;
}
.dropdown-menu li a:hover{
  color: #fff!important;
}
.dropdown-menu li:hover{
  background-color: rgb(62, 142, 227);
  color: #fff!important;
}

.table_tdimg{
  height: 1.5rem;
  width: 1.5rem;
}

/* ---------------------------------
 Sweet Alert custom
--------------------------------- */
.swal2CustomCss{
  width: auto!important;
  max-height: 75%!important;
  left:  0!important;                    /* 位置指定 */
  right:  0!important;                   /* 位置指定 */
  margin:  auto!important;               /* 中央寄せ */
  max-width: 75vw!important;
  top: 10vh!important;
}

/* ---------------------------------
 募集フォーム
--------------------------------- */
.entry_form{
  background-color: #eaf4fc;/* 月白 げっぱく */
  padding: 1rem;
}

#PostHeaderSection{
  z-index: 100;
}

/* ----------------------------------------------------------------
    Inspiro Slider - Responsive Classes
-----------------------------------------------------------------*/
@media (max-width: 991.98px) {
  .inspiro-slider .flickity-button:hover {
    background-color: transparent;
  }
  .inspiro-slider .flickity-button.next, .inspiro-slider .flickity-button.next:hover {
    right: -5px !important; opacity: 1;
  }
  .inspiro-slider .flickity-button.previous, .inspiro-slider .flickity-button.previous:hover {
     left: -5px !important; opacity: 1;
  }
  .inspiro-slider .container {
    padding-left: 40px; padding-right: 40px;
  }
  .inspiro-slider .slide .slide-captions {
    text-align: center;
    margin-top: 50px;
  }
  .inspiro-slider .slide .slide-captions .strong::after {
    margin-left: auto; margin-right: auto;
  }
  .inspiro-slider .slide .slide-captions h1, .inspiro-slider .slide .slide-captions h2 {
    font-size: 24px;
    line-height: 24px;
    margin-bottom: 14px;
  }
  .inspiro-slider .slide .slide-captions > p {
    font-size: 12px;
    font-weight: 400;
    line-height: 24px;
    margin-bottom: 16px;
  }
  .inspiro-slider .slide .slide-captions h3, .inspiro-slider .slide .slide-captions h4, .inspiro-slider .slide .slide-captions h5, .inspiro-slider .slide .slide-captions h6 {
    color: #fff;
  }
}

#mainMenu nav > ul > li > a {
  position: relative;
  font-family: "Poppins", sans-serif;
  padding: 10px 12px;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: 0.6px;
  color: #000000;
  border-radius: 0;
  border-width: 0;
  border-style: solid;
  border-color: transparent;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
  line-height: normal;
}

@media (max-width: 1600px) {
  #mainMenu nav > ul > li > a {
    font-size: 14px!important;
    margin-left: 4px!important;
  }
}
@media (max-width: 1280px) {
  #mainMenu nav > ul > li > a {
    font-size: 13px!important;
    margin-left: 4px!important;
  }
}
@media (max-width: 1220px) {
  #mainMenu nav > ul > li > a {
    font-size: 12px!important;
    margin-left: 2px!important;
    padding: 5px 6px!important;
  }
}
@media (max-width: 1080px) {
  #mainMenu nav > ul > li > a {
    font-size: 11px!important;
    margin-left: 0px!important;
    padding: 0px!important;
  }
}

#mainMenu nav > ul > li .dropdown-menu > li > a, #mainMenu nav > ul > li .dropdown-menu > li > span, #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a {
  font-size: 14px;
}
@media (max-width: 1600px) {
  #mainMenu nav > ul > li .dropdown-menu > li > a, #mainMenu nav > ul > li .dropdown-menu > li > span, #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a {
    font-size: 12px;
  }
}
@media (max-width: 1280px) {
  #mainMenu nav > ul > li .dropdown-menu > li > a, #mainMenu nav > ul > li .dropdown-menu > li > span, #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a {
    font-size: 12px;
  }
}
@media (max-width: 1220px) {
  #mainMenu nav > ul > li .dropdown-menu > li > a, #mainMenu nav > ul > li .dropdown-menu > li > span, #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a {
    font-size: 12px;
  }
}
@media (max-width: 1080px) {
  #mainMenu nav > ul > li .dropdown-menu > li > a, #mainMenu nav > ul > li .dropdown-menu > li > span, #mainMenu nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a {
    font-size: 11px;
  }
}


p{
  font-size: 1.20rem;
}
.parallax-title h2{
  font-weight: 700;
}
.denwaBangou{
  font-weight: 700;
  font-size: 1.3rem;
  color:rgb(62, 142, 227);
}

@media (max-width: 991.98px){
  #mainMenu:not(.menu-overlay) nav > ul > li > a {
    display: block;
    padding: 12px 0;
    font-size: 1.5rem!important;
    border: 0;
    border-radius: 0;
  }
  #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu > li > a, #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu > li > span, #mainMenu:not(.menu-overlay) nav > ul > li .dropdown-menu > li [class*="col-"] > ul > li > a {
    line-height: 16px;
    font-size: 1.5rem!important;
    padding: 12px 0;
    display: block;
  }
}

.fs-small{
  font-size: 0.85rem;
}

.postNewSidebar{
  background-color:whitesmoke;
}
@media (max-width: 991.98px){
  .postNewSidebar{
    display: none;
  }
}
