/*
 Theme Name:   Twenty Twenty Child
 Template:     twentytwenty
 
*/

@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url('https://fonts.googleapis.com/css2?family=Arvo&display=swap');

*{font-family: 'Noto Sans JP', "メイリオ", Meiryo, sans-serif;}
body{
  background: #FFF;
  
}

a:hover{color: #e60025; transition: 0.3s; text-decoration: none !important; opacity: 0.6;}

.primary-menu a:hover,
.primary-menu a:focus,
.primary-menu .current_page_ancestor {
	text-decoration: none !important;
}

img{max-width: 100%; height: auto !important;}

.post-meta-edit-link-wrapper,
.site-description,
.powered-by-wordpress{
  display: none;
}

button:focus {outline: 0}


/*Header//////////////////////*/

.header-inner .toggle {
	padding: 0;
}

.header-inner .toggle svg {
	display: none;
}


.toggle-inner {
	height: 50px;
}

.nav-toggle .toggle-icon{
  background: url(common/images/menu.gif?2) no-repeat 0 0;
  width: 50px;
  height: 50px;
  display: block;
  background-size: 100%;
}
.nav-toggle {
	width: 50px;
  right: 10px !important;
  top: 0 !important;
  bottom: auto;
}
.primary-menu li.current-menu-item > a,
.primary-menu li.current-menu-item > .link-icon-wrapper > a {
    text-decoration: none;}

 @media ( min-width: 1000px ) {
    .site-logo img{max-width: 292px;}
    .header-inner {
      padding: 22px 0 23px 0;
      position: relative;
    }
    .primary-menu {padding-right: 100px;}
    .primary-menu > li{margin: 0.8rem 0 0 3rem;}
    .primary-menu > li a{color: #000 !important; font-weight: 600;}
    .primary-menu > li a:hover{color: #e60025 !important; text-decoration: none;}
    
    .primary-menu > li a:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: -0.8rem;
    width: 100%;
    height: 2px;
    background: #e60025;
    transform-origin: left;
    transform: scale(0, 1);
    transition: 0.4s;
  }
  .primary-menu > li a:hover:before{transform: scale(1);}
  
  .primary-menu li.current-menu-item > a,
  .primary-menu li.current-menu-item > .link-icon-wrapper > a {
    position: relative;
    color: #e60025 !important
  }
  
  .primary-menu li.current-menu-item > a:before,
  .primary-menu li.current-menu-item > .link-icon-wrapper > a:before{
    content: "";
    position: absolute;
    left: 0;
    bottom: -0.8rem;
    width: 100%;
    height: 2px;
    background: #e60025;
    display: block;transform: scale(1);
  }
  
  
  
     .primary-menu > li:last-child a:before{content: none;}
  
  .primary-menu > li:last-child{
    margin: 0;
    position: absolute;
    top: 0;
    right: -4rem;
    width: 100px;
    height: 100px;
  }
  .primary-menu > li:last-child a{
    color: #FFF !important;
    display: block !important;
    font-size: 14px;
    width: 100px;
    height: 100px;
    text-align: center;
    padding-top: 65px;
    box-sizing: border-box;
    position:relative;
    background: #e60025;}
 
  .primary-menu > li:last-child a:after{
    content: '';
    display: block;
    background: url(common/images/icon_mail.png) no-repeat 0 0;
    width: 32px;
    height: 22px;
    background-size: 100%;
    position: absolute;
    top: 30px;
    left: 0;
    right: 0;
    margin: auto;
  } 
  .primary-menu > li:last-child a:hover{opacity: 0.6;}
  
  
  
  
  }
  
  
  @media ( max-width: 999px ) {  
  .site-logo img{max-width: 150px;}
  .header-inner {
	  padding: 20px 0;}
  
  .toggle-text{display: none;}
  body.home .wp-block-image img{
    max-width: 180% !important;
    width: 180% !important;
    margin-left: -40%;
  }
  .modal-menu{text-align: center; padding:  0 10px;}
  .modal-menu > li > a,
	.modal-menu > li > .ancestor-wrapper > a {
		font-size: 2rem;
    font-weight: 500;
    color:#000;
		padding: 2.5rem 0;
	}
  .modal-menu a:focus,
.modal-menu a:hover,
.modal-menu li.current-menu-item > .ancestor-wrapper > a,
.modal-menu li.current_page_ancestor > .ancestor-wrapper > a {
	text-decoration: none !important;
}
 
  }



/*Footer//////////////////////*/
#site-footer{
  color: #FFF;
  font-size: 1.4rem !important;
  background: #333;
  padding:0;
  position: relative;
}
a.to-the-top{
  text-indent: -999999px;
  overflow: hidden;
  background: url("common/images/pagetop.gif") no-repeat 0 0;
  width: 100px;
  height: 80px;
  display: block;
  background-size: 100%;
  position: absolute;
  top: 0;
  right: 0;
}


.footer-nav-widgets-wrapper{
  background: #F3F4F4 url("common/images/foot_logo.png") no-repeat center 80px;
  background-size: 128px 123px;
  padding-top: 200px;
} 
.footer-top{border: none !important;}

.footer-menu a{color: #000 !important;}


.footer-widgets-wrapper {
      margin-left: 0;
      width: 100%;
    }

    .footer-widgets {
      margin-left:0;
      width: 100%;
    }
    

.foot_original_add span{font-weight: bold;}


.foot_original_inquiry a{
text-decoration: none !important;
}

.foot_original_inquiry_ttl{
  text-align: center;
  font-weight: 700;
  font-size: 1.8rem;
}
.foot_original_inquiry_tel,
.foot_original_inquiry_btn{text-align: center;}

.foot_original_inquiry_tel a{
  color: #e60025 !important;
  position: relative;
  font-family: 'Arvo', serif;
  font-size: 3.2rem;
  padding-left: 35px;
}

.foot_original_inquiry_tel a:before{
  content: '';
  width: 26px;
  height: 35px;
  background:url(common/images/icon_tel.png) no-repeat 0 0;
  background-size: 100%;
  display:block;
  position: absolute;
  top: 0;
  left: 0;
}
.foot_original_inquiry_tel span{
  display: block;
  font-size: 1.4rem;
  padding-left: 35px;
}
.foot_original_inquiry_btn a{
  background: #e60025;
  color: #FFF !important;
  padding: 15px 0 15px 27px;
  font-weight: 700;
  display: block;
  position:relative;
}
.foot_original_inquiry_btn a:before{
  content: '';
  width: 27px;
  height: 19px;
  background:url(common/images/icon_mail.png) no-repeat 0 0;
  background-size: 100%;
  display:block;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  left: 30px;
}

.foot_original_inquiry{
  box-sizing: border-box;
  background: #FFF;
  padding: 20px 30px;
}

.footer-widgets-outer-wrapper {
		padding: 60px 0;
	}

#site-footer{height: 80px;}
    
    .footer-copyright{padding-top: 30px;}

    .footer-menu-wrapper{
      width: 100%;
    }
    

  @media ( min-width: 1200px ) {
    .foot_original{
      font-size: 1.6rem;
      display: flex;
      justify-content: space-between;
    }
    .foot_original_add{
      width: 40%;
      line-height: 2.5;
    }
    .foot_original_inquiry{
      width: 57%;
      
    }
  }
  
  @media ( min-width: 798px ) {
    .footer-menu {
      display: flex;
      justify-content: center !important;
      font-size: 1.6rem;
      margin: 0;

    }
    .foot_original_inquiry_inner{
      display: flex;
      justify-content: space-between;
    }
    .foot_original_inquiry_tel,
    .foot_original_inquiry_btn{
      width: 49%;
    }
    .footer-top-visible .footer-nav-widgets-wrapper,
    .footer-top-hidden #site-footer {
      margin-top: 150px;
    }
  }
    @media ( max-width: 1199px ) {
      .foot_original{max-width: 800px; margin: 0 auto;}
      .foot_original_inquiry{margin-top: 40px;}
      a.to-the-top{width: 80px; height: 64px;}
      #site-footer{height: 64px;}
    .footer-copyright{padding-top: 20px;}
    }
    
    @media ( max-width: 797px ) {
      .footer-nav-widgets-wrapper{
        background: #F3F4F4 url("common/images/foot_logo.png") no-repeat center 40px;
        background-size: 64px 62px;
        padding-top: 100px;
      } 
      .footer-menu {text-align: center; font-size: 1.6rem; font-weight: 400;}
      .footer-menu li{margin-bottom: 20px;}
      .foot_original_inquiry{padding: 20px;}
      .foot_original_add{font-size: 1.5rem; line-height: 2;}
      .footer-widgets-outer-wrapper {
        padding: 30px 0 0 0;
        
      }
      .foot_original_inquiry_tel a{font-size: 2.8rem;}
      .foot_original_inquiry_tel span{font-size: 1.2rem;}
      .foot_original_inquiry_btn a{padding-left: 15px; font-size: 1.4rem;}
      .foot_original_inquiry_btn a:before{
      width: 20px;
      height: 15px;
      left: 20px;
    }
      .foot_original_inquiry_ttl{font-size: 1.6rem;}
    }

  

/*btn////////////////////////////*/
.wp-block-button__link{
  background: #e60025 !important;
  padding: 20px 100px;
  display: block;
  position: relative;
}
.wp-block-button__link:hover{text-decoration: none !important;}

.wp-block-button__link:after{
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  right: 20px;
  border-top: 2px solid #FFF;
  border-right: 2px solid #FFF;
  transform: rotate(45deg);
}


    
/*second page/////////////////////////////////////*/  
.entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
	max-width: 80rem;
	width: calc(100% - 4rem);
}

[class*="__inner-container"] > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
	max-width: 80rem;
	width: 100%;
}



.entry-header{
  background: url(common/images/ttl_bg.jpg) no-repeat center;
  background-size: cover;
  position: relative;
  z-index: 0;
}


.entry-header h1{
  font-size: 4.8rem;
  font-weight: 500;
  
}

.entry-content h2{
  font-size: 3.2rem;
  position: relative;
  padding-left: 35px;
}
.entry-content h2:before{
  content: '';
  display: block;
  width: 20px;
  height: 3px;
  background: #e60025;
  position: absolute;
  top: 18px;
  left: 0;
}

.entry-content h3{
  font-size: 2.6rem;
  position: relative;
  border-bottom: 2px solid #e60025;
  font-weight: 700;
  padding-bottom: 5px;
}

.entry-content h4{
  font-size: 2.2rem;
  font-weight: 700;
}

.entry-content h4:before{
  content: '・';
  color: #e60025;
}

.entry-content h5{
  font-size: 1.8rem;
  font-weight: 700;
}



.wp-block-table table,
.wp-block-table table th,
.wp-block-table table td{
  border: none !important;
}

.wp-block-table table th,
.wp-block-table table td{
  padding: 20px;
}
.wp-block-table.is-style-stripes tbody tr:nth-child(odd),
.wp-block-table tbody tr:nth-child(odd) {
	background: #f6f5ef !important;
}
.entry-content li{margin-bottom: 30px;}

  .entry-content .wp-block-latest-posts__list li{margin-bottom: 0;}

.entry-content a{color: #e60025 !important;}

input.wpcf7-submit{
  background: #e60025 !important;
  margin: 0 auto;
  display: block;
  width: 240px;
  
}
input.wpcf7-submit:hover{
  text-decoration: none;
  opacity: 0.6;
}  
.wp-block-table table td:first-child{white-space: nowrap;}

.entry-content p,.entry-content li{font-size: 1.8rem; line-height: 1.8;}  

.entry-categories,li.post-author,.archive-header{display: none !important;}

.type-post .entry-header{
  background: none !important;
}
h2.entry-title,.type-post h1.entry-title {font-size: 3rem; font-weight: 500;}

.nav-links > * {font-size: 2rem;}
.nav-links a{color: #e60025;}
.nav-next-text,.nav-prev-text{display: none;}

.entry-content hr,
hr.styled-separator,
.entry-content hr::before,
.entry-content hr::after,
hr.styled-separator::before,
hr.styled-separator::after{
  background: none;
}

.entry-content hr,
hr.styled-separator{border-top: 1px solid #CCC;}

.pagination-single-inner a{
  color: #000;
  font-size: 1.8rem;
}
.wp-block-spacer{height: 50px !important;}
    @media ( max-width: 797px ) {
      .entry-header h1{
        font-size: 3rem;
      }
      .entry-content h2{
        font-size: 2.4rem;}
      h2.entry-title{
        font-size: 2rem;}
      
      .entry-content h2:before{top: 12px;}
        
      .entry-content h3{
        font-size: 2rem;  
      }
      .entry-content h4{
        font-size: 1.8rem;  
      }
      .entry-content h5{
        font-size: 1.6rem;  
      }
      .wp-block-table table th,
      .wp-block-table table td{
        padding: 10px;
      }  
      .entry-content ol,.entry-content ul{padding-left: 1em;}
      .entry-content p,.entry-content li{font-size: 1.6rem;}  
      
    }
    
/*TOP//////////////////////////*/
body.home header.entry-header{display: none;}

body.home .entry-content > .alignwide:not(.wp-block-group.has-background),
body.home .entry-content > .alignfull:not(.wp-block-group.has-background) {
		margin-bottom: 0;
		margin-top: 0;
	}
body.home .post-inner {
		padding-top: 0;
	}

/*news*/
.entry-content h2.Top_news_ttl{
  font-size: 3.8rem;
  text-align: center;
  padding-left: 0;
  font-weight: 700 !important;
  margin-top: 100px !important;
}
  .entry-content h2.Top_news_ttl:before{content: none;}

ul.wp-block-latest-posts__list{
 border-top: 1px solid #CCC;
 margin: 40px auto !important;
}


ul.wp-block-latest-posts__list li{
  position: relative;
  border-bottom: 1px solid #CCC;
  padding: 30px;
 
}
  .wp-block-latest-posts.has-dates:not(.is-grid) li{ margin-top: 0;}
ul.wp-block-latest-posts__list li a{
  padding-left: 10em;
  font-size: 1.8rem;
  display: block;
  color: #000 !important;}

ul.wp-block-latest-posts__list li time{
  position: absolute;
  left: 30px;
  color: #e60025;font-size: 1.8rem;
}
  
body.home .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
	max-width: 1000px;
  margin: 0 auto;
	width: 100%;
} 

body.home .entry-content a.wp-block-button__link{color: #FFF!important;}

  @media ( min-width: 798px ) {
  ul.wp-block-latest-posts__list li time{
    top: 25px;
  }
  }
  @media ( max-width: 797px ) {
    .entry-content h2.Top_news_ttl{
      font-size: 2.4rem;
      margin-top: 60px !important;}
     
    body.home .entry-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide){
      width: 90%;
    } 
    ul.wp-block-latest-posts__list{margin: 20px auto !important;}
    ul.wp-block-latest-posts__list li{padding: 20px 0;}
    ul.wp-block-latest-posts__list li a{font-size: 1.4rem;
      display:block;
      padding-left: 0; padding-top: 30px !important;}
    ul.wp-block-latest-posts__list li time{font-size: 1.4rem; left: 0; top: 20px;}
    }