/*************************************************
  archive.css
**************************************************/
.txtbox h2{ display: inline-block;}
.txtbox .box-image img { height:120px; width:auto;}
.txtbox .box-image p { display:block;}
.searchBox input.kensaku,
.csButton input.allbutton {
    padding: 5px 15px;
    background: #213a60;
    color: #fff;
    font-size: .8em;
    margin-top: 30px;
}
.searchBox,
.csButton {
    text-align: center;
}
form select {
    padding: 0 10px;
    height: 2em;
}
div.right {
    text-align: right;
}
.searchBox input.kensaku{ margin-top: 20px; margin-bottom:20px;}
.section_inr{display: flex; justify-content: center; width: 100%; align-items: center; padding-top: 20px;}
.section_inr .quick-search-form__inner{width: 70%; display: flex; justify-content: center;}
.section_inr form { display: flex;}
.section_inr form input { height: 3.5em;}
.section_inr form input#txtBox {width: 300px; border: solid 2px #213a60; border-radius: 5px; font-size: 1em;}
.section_inr form input.searchButton{padding: 0 30px; border-radius: 5px; background: #213a60; color: #fff;margin-left: 5px; display: inline; font-size: 1em;}
.section_inr form input.searchButton:hover,
.section_inr form input.searchButton:hover,
.csButton input.allbutton:hover,
.searchBox input.kensaku:hover{background: #fff; color: #213a60;}

div.howto{background: #213a60; padding: 10px; text-align: center; border-radius: 5px;}
div.howto span{display: inline-block; color: #fff; font-size: 1em;}
div.howto a{display: flex;text-decoration: none;align-items: center;}
div.howto img{width: 40px;display: block;margin: auto;}
.txtbox .box-image li:hover{background-color:var(--heading-h2-bg-color);}
@media screen and (max-width:680px) {
.section_inr{display: block;}
.section_inr .quick-search-form__inner{width: 100%;padding: 0 0.5em;}
.section_inr form{margin-bottom: 5px; margin-top: 15px;}
.section_inr form input#txtBox{width: 70%;}
.section_inr form input.searchButton{margin: auto; width: 25%;}
div.howto a{display: flex; text-decoration: none;}
  div.howto {
    width: 100%;
    display: flex;
    justify-content: center;
    max-width: 200px;
    margin: 1em auto 0 auto;
  }
.section_inr .quick-search-form__inner{padding: 0 0.5em;}
div.howto img{ width: 20px; float: left;}
}
.gradations{background: linear-gradient(180deg, var(--heading-h1-border-color) 0%, #FFF 100%);width: 100vw;margin-left: calc(-50vw + 590px);}
h1.page-title:after{display:none;}
@media (width < 1180px) { .gradations{margin-left:-8px;}}
h1.page-title.content {
 color: #FFF;
  margin-top: 0;
  padding-block-end: 0;
  padding-top: 0.5em;
  padding-bottom:0;
}
.slide.slick-slide{position:relative;}
.caption{position: absolute;bottom:0;left:1em;color:#FFF;background:#000;}