/*
Theme Name: Understrap child
Version: 1.2.4
Template: understrap
*/

/*小デバイス（横向きモバイル, 576px 以上）sm*/
@media (min-width: 576px){

}

/*中デバイス（タブレット, 768px 以上）md*/
@media (min-width: 768px){

}

/*大デバイス（デスクトップ, 992px 以上）lg*/
@media (min-width: 992px){

}

/*特大デバイス（ワイド・デスクトップ, 1200px 以上）xl*/
@media (min-width: 1200px){

}


@media (min-width: 576px) { ... }

@media (min-width: 768px) { ... }

@media (min-width: 992px) { ... }

@media (min-width: 1200px) { ... }

html {
   scroll-behavior: smooth;
   font-feature-settings: "palt";
}

body{
   letter-spacing: 0.75px;
}

p {
   text-align: justify;
   text-justify: inter-ideograph;
}

.entry-content a{
   color: #0071bc;
}

.entry-content a:hover{
   color: #000000;
}

.noto-serif {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.noto-sans {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}

h2.std{
   font-family: "Noto Serif JP", serif;
   font-optical-sizing: auto;
   font-weight: 700;
   font-style: normal;
   color: #754c24;
   font-size: 40px;
   letter-spacing: 0.15rem;
}

h2.std small{
   font-family: "Noto Sans JP", sans-serif;
   font-optical-sizing: auto;
   font-weight: 500;
   font-style: normal;
   font-size: 18px;
   display: block;
   margin-top: 4px;
   letter-spacing: 0.2rem;
}

#full-width-page-wrapper.wrapper.top_page{
   padding-top: 0;
   /*padding-bottom: 150px;
   margin-top: 0;*/
}

@media (min-width: 768px){
   #full-width-page-wrapper.wrapper.top_page{
      padding-top: 0;
      /*padding-bottom: 150px;
      margin-top: -113px;*/
   }
}

.wrapper#archive-wrapper,
.wrapper#single-wrapper{
   padding-top: 0;
   padding-bottom: 100px;
}

.bg_f0f0f0{
   background-color: #f0f0f0;
   padding: 75px 0;
   margin: 80px 0;
}

ul#main-menu{
   margin-top: 8px;
   border-top: 1px dashed #CCCCCC;
}

ul#main-menu li{
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  border-bottom: 1px dashed #CCCCCC;
  padding: 0 8px;
}

.navbar-light .navbar-nav .nav-link{
   color: #000000 !important
}

@media (min-width: 768px){
   .collapse.navbar-collapse{
      margin-top: 60px;
   }

   ul#main-menu{
      margin-top: 0;
      border-top: none;
   }

   ul#main-menu li{
      border-left: 1px solid #000000;
      font-size: 18px;
      border-bottom: none;
      padding: 0;
   }

   ul#main-menu li:last-child{
      border-right: 1px solid #000000;
   }

   ul#main-menu li a{
      padding: 0 12px;
   }

}

/* Google Mapを囲う要素 */
.map {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 400px;
  margin-bottom: 30px;
}
 
/* Google Mapのiframe */
.map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

img.header_logo{
   width: 100px;
   height: auto;
   margin: 0;
}

@media (min-width: 768px){
   img.header_logo{
      width: 159px;
      height: auto;
      margin: 0 15px;
   }
}

img.main_image{
   margin-bottom: 70px;
}

dl.notice_list{
   display: flex;
   flex-wrap: wrap;
   flex-direction: column;
   width: 100%;
   border-top: 1px dashed #333333;
   margin-top: 30px;
}

dl.notice_list dt{
   width: 100%;
   border-bottom: none;
   font-family: "Noto Sans JP", sans-serif;
   font-optical-sizing: auto;
   font-weight: 400;
   font-style: normal;
   font-size: 16px;
   padding: 8px 8px 4px 8px;
   color: #333333;
}

dl.notice_list dd{
   width: 100%;
   margin-bottom: 0;
   border-bottom: 1px dashed #333333;
   font-family: "Noto Sans JP", sans-serif;
   font-optical-sizing: auto;
   font-weight: 400;
   font-style: normal;
   font-size: 16px;
   padding: 4px 8px 8px 8px;
   color: #333333;
   letter-spacing: 0.2rem;
}

dl.notice_list dd a{
   color: #333333;
}

@media (min-width: 768px){
   dl.notice_list{
      display: flex;
      flex-wrap: no-wrap;
      flex-direction: row;
      width: 100%;
      border-top: 1px dashed #333333;
      margin-top: 30px;
   }

   dl.notice_list dt{
      width: 15%;
      border-bottom: 1px dashed #333333;
      font-family: "Noto Sans JP", sans-serif;
      font-optical-sizing: auto;
      font-weight: 400;
      font-style: normal;
      font-size: 16px;
      padding: 13px 8px;
      color: #333333;
   }

   dl.notice_list dd{
      width: 85%;
      margin-bottom: 0;
      border-bottom: 1px dashed #333333;
      font-family: "Noto Sans JP", sans-serif;
      font-optical-sizing: auto;
      font-weight: 400;
      font-style: normal;
      font-size: 16px;
      padding: 13px 8px;
      color: #333333;
   }
}

img.banner_jotul{
   width: 131px;
   height: auto;
   margin: 0 15px;
}

img.banner_morso{
   width: 150px;
   height: auto;
   margin: 15px 15px 0 15px;
}

img.banner_leda{
   width: 145px;
   height: auto;
   margin: 45px 15px 0 15px;
}

img.banner_heta{
   width: 135px;
   height: auto;
   margin: 15px 15px 0 15px;
}

img.banner_demanincor{
   width: 218px;
   height: auto;
   margin: 30px 15px 0 15px;
}

img.banner_nestormartin{
   width: 144px;
   height: auto;
   margin: 30px 15px 0 15px;
}

img.banner_dovre{
   width: 146px;
   height: auto;
   margin: 30px 15px 0 15px;
}

img.top_image_01{
   margin: 40px 0 30px 0;
}

p.showroom_text_01{
   text-align: center;
   line-height: 180%;
   font-family: "Noto Sans JP", sans-serif;
   font-optical-sizing: auto;
   font-weight: 400;
   font-style: normal;
   color: #333333;
   font-size: 16px;
   letter-spacing: 0.2rem;
}

dl.company_info{

}

dl.company_info dt{
   text-align: center;
   border-top: 1px solid #999999;
   border-bottom: 1px solid #999999;
   padding: 10px;
   font-family: "Noto Sans JP", sans-serif;
   font-optical-sizing: auto;
   font-weight: 700;
   font-style: normal;
   color: #333333;
   font-size: 16px;
}

dl.company_info dd{
   text-align: center;
   padding: 10px;
   font-family: "Noto Sans JP", sans-serif;
   font-optical-sizing: auto;
   font-weight: 400;
   font-style: normal;
   color: #333333;
   font-size: 16px;
   line-height: 200%;
   letter-spacing: 0.2rem;
}

.contact_box_01{
   background-color: #754c24;
   border: 1px solid #754c24;
   color: #FFFFFF;
   font-family: "Noto Sans JP", sans-serif;
   font-optical-sizing: auto;
   font-weight: 500;
   font-style: normal;
   font-size: 22px;
   text-align: center;
   height: 100px;
   letter-spacing: 0.15rem;
}

.contact_box_02{
   background-color: #FFFFFF;
   border: 1px solid #754c24;
   color: #754c24;
   text-align: center;
   height: 100px;
}

.contact_box_02 i.fas.fa-phone-volume{
   color: #754c24;
   font-size: 32px;
}

.contact_box_02 i.far.fa-envelope{
   color: #754c24;
   font-size: 34px;
}

.contact_box_02 a.tel{
   font-family: "Arial";
   font-weight: bold;
   color: #754c24;
   font-size: 32px;
   margin-right: 0;
}

.contact_box_02 a.mail{
   font-family: "Noto Sans JP", sans-serif;
   font-optical-sizing: auto;
   font-weight: 700;
   font-style: normal;
   color: #754c24;
   font-size: 24px;
   position: relative;
   top: -3px;
}

.contact_box_02 a:hover{
   text-decoration: none;
}

@media (min-width: 768px){
   .contact_box_02 i.fas.fa-phone-volume{
      color: #754c24;
      font-size: 32px;
   }

   .contact_box_02 i.far.fa-envelope{
      color: #754c24;
      font-size: 34px;
   }

   .contact_box_02 a.tel{
      font-family: "Arial";
      font-weight: bold;
      color: #754c24;
      font-size: 32px;
      margin-right: 50px;
   }

   .contact_box_02 a.mail{
      font-family: "Noto Sans JP", sans-serif;
      font-optical-sizing: auto;
      font-weight: 700;
      font-style: normal;
      color: #754c24;
      font-size: 24px;
      position: relative;
      top: -3px;
   }
}

img.footer_logo{
   width: 176px;
   height: auto;
   margin-top: 100px;
   margin-bottom: 25px;
}

p.footer_text{
   font-family: "Noto Sans JP", sans-serif;
   font-optical-sizing: auto;
   font-weight: 400;
   font-style: normal;
   color: #000000;
   font-size: 16px;
   line-height: 180%;
   text-align: center;
   letter-spacing: 0.2rem;
}

.copyright_text{
   font-family: "Noto Sans JP", sans-serif;
   font-optical-sizing: auto;
   font-weight: 400;
   font-style: normal;
   color: #000000;
   font-size: 16px;
   text-align: center;
   letter-spacing: 0.2rem;
}

.pagetitle_wrap {
   background: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), url(images/main_image.jpg);
   padding: 60px 0;
   margin-bottom: 40px;
}

.pagetitle_wrap .container .row .col-12 .entry-header h1.page-title{
   font-family: "Noto Serif JP", serif;
   font-optical-sizing: auto;
   font-weight: 700;
   font-style: normal;
   color: #FFFFFF;
   font-size: 40px;
   text-align: center;
}

.pagetitle_wrap .container .row .col-12 .entry-header h1.page-title small{
   font-family: "Noto Sans JP", sans-serif;
   font-optical-sizing: auto;
   font-weight: 700;
   font-style: normal;
   font-size: 18px;
   display: block;
   margin-top: 4px;
}

/**/
.col-md-4.widget-area .side_wrap{
   padding: 20px;
   border: 1px solid #e6e6e6;
}

h2.wp-block-heading{
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-size: 18px;
  padding: 8px;
  background-color: #754c24;
  color: #FFFFFF;
}

ul.wp-block-latest-posts__list.wp-block-latest-posts{
   margin-bottom: 40px;
}

ul.wp-block-latest-posts__list.wp-block-latest-posts li{
   border-bottom: 1px dashed #999999;
   padding: 23px 0;
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
}

ul.wp-block-latest-posts__list.wp-block-latest-posts li a,
ul.wp-block-latest-posts__list.wp-block-latest-posts li a:hover{
   color: #000000;
}

.widget_archive{
   margin-bottom: 40px;
}

h1.entry-title,
h2.entry-title{
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 22px;
   border-bottom: 1px solid #754c24;
   padding-bottom: 8px;
   margin-bottom: 8px;
   line-height: 150%;
}

h2.entry-title a{
   color: #000000;
}

.page-link{
   color: #754c24 !important;
}

.page-item.active .page-link{
   background-color: #754c24 !important;
   border-color: #754c24 !important;
   color: #ffffff !important;
}

ul.pagination{
   justify-content: center; 
}

.category-news .entry-content p{
   line-height: 1.875;
   margin-top: 16px;
}