@charset "utf-8";

/* ===========================================================================

base

=========================================================================== */
:root {
  --dark: #2B3638;
  --middle: #445152;
  --light: #6A7A79;
  --main-padding: 30px;

}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var,
b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
-webkit-box-sizing: border-box;
box-sizing: border-box;
line-height: 1;
}
html {
font-size: 62.5%;
scroll-behavior: smooth;
}
body {
color: var(--middle);
font-family: "Noto Sans JP", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
font-size: 1.6rem;
font-weight: 400;
-webkit-font-smoothing: antialiased;
-moz-font-smoothing: antialiased;
font-smoothing: antialiased;
-webkit-text-size-adjust: 100%;
-ms-font-feature-settings: "normal";
position: relative;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
display:block;
}
p{
line-height: 2em;
}
ul {
list-style:none;
}
a {
margin: 0;
padding: 0;
vertical-align: baseline;
background: 0 0;
text-decoration: none;
color: var(--light);
transition-duration: 0.2s;
transition-property: background-color, color;
}
a:hover{
opacity: 0.8;
}
table {
border-collapse:collapse;
border-spacing:0;
}
input, select {
vertical-align:middle;
}
address{
font-style: normal;
font-weight: 400;
}
img{
max-width: 100%;
height: auto;
vertical-align: bottom;
}
::selection {
background: #c92229;
color: #fff;
}

.mb40{
margin-bottom: 4rem;
}

#under header{
background: var(--middle);
padding: var(--main-padding);
}
.bl_logo{
font-weight: bold;
font-family: 'Ubuntu', sans-serif;
}
#top header {
position: relative;
background: white;
min-height: 40vh;
display: flex;
align-items: center;
z-index: -1;
font-size: 3vw;
}
#top header:after {
font-size: 3vw;
position: absolute;
content: "";
top: 5vh;
right: 0;
width: 80vw;
height: 120%;
background: var(--middle);
z-index: -1;
display: flex;
align-items: center;
justify-content: center;
}
.ly_mv_area{
position: relative;
z-index: 1;
padding: var(--main-padding);
transform: translateY(2.5vh);
}
.bl_mv_logo{
z-index: 0;
}
.el_mv_logo{
font-size: 3vw;
font-weight: bold;
color: var(--light);
font-family: 'Ubuntu', sans-serif;
display: block;
position: relative;
padding: 0.1em;
/*
background-image: linear-gradient(90deg, var(--light) 0 2.5em, white -2.5em);
-webkit-background-clip: text;
color: transparent;
*/
white-space: nowrap;
}
/*
.el_mv_logo:before{
content: "";
position:absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(90deg, white 0 2.5em, var(--middle) -2.5em);
z-index: -1;
}

.el_mv_logo.el_small{
background: var(--light);
color: var(--dark);
}
.el_mv_logo.el_r{
text-align: right;
}
*/

.ly_wrap{
padding: var(--main-padding);
}
footer{
background: var(--middle);
color: white;
padding: var(--main-padding);
}
.bl_logo{
color:white;
font-size: 2.4rem;
}
.bl_list_img_none{
min-height: 20rem;
background: var(--dark);
width: 100%;
border-radius: 10px 10px 0 0;
}
.bl_list_img{
position: relative;
}
.bl_list_img img{
width: 100%;
height: 25rem;
object-fit: cover;
border-radius: 10px 10px 0 0;
}

.el_heading_main{
color: var(--middle);
line-height: 1.5em;
font-size: 3rem;
font-weight: bold;
margin-bottom: 1em;
}
.el_heading_list{
color: var(--middle);
line-height: 1.5em;
font-size: 2rem;
margin-bottom: 1em;
}
.el_heading_mid{
font-size: 2rem;
margin-bottom: 1em;
}
.el_heading_min{
font-size: 1.8rem;
margin-bottom: 0.8em;
}
.bl_cat{
font-size: 1.2rem;
margin-left: -0.5em;
margin-top: -0.5em;
}
.el_cat{
color: var(--light);
display: inline-block;
border: 1px solid var(--light);
padding: 0.5em 0.8em;
border-radius: 0.3em;
margin: 0.5em;
}
.el_cat:last-child{
margin-right: 0;
}
.ly_cattag{
margin-bottom: 1rem;
display: flex;
justify-content: space-between;
align-items: center;

}
.bl_tag{
font-size: 1.2rem;
color: var(--light);
text-align: right;
}
.bl_tag .uki:before,
.bl_tag .mye:before,
.bl_tag .sarry:before{
content: "";
display:inline-block;
width: 0.8em;
height: 0.8em;
border-radius: 0.4em;
margin-right: 0.5em;
}
.bl_tag .uki:before{
background: #C79B99;
}
.bl_tag .mye:before{
background: #C7B599;
}
.bl_tag .sarry:before{
background: #869BAD;
}
.bl_status{
background: var(--light);
border-radius: 1em;
padding: 0.5em 0.8em;
display: inline-block;
font-size: 1.2rem;
}
.bl_status a{
color: white;
}

.bl_list_img .bl_status{
position: absolute;
top: -0.75em;
left: 10px;
}
#under .bl_status{
margin-bottom: 1em;
}

.ly_list{
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
}

.ly_cat_list{
padding: calc(var(--main-padding) * 2);
position: relative;
}
#top .ly_cat_list{
margin-bottom: 2rem;
}
#top .ly_cat_list:after{
content:"";
font-size: 3vw;
position: absolute;
content: "";
left: 0;
top: 0;
width: 95vw;
height: 100%;
background: #eee;
z-index: -1;
display: flex;
align-items: center;
justify-content: center;
}
.bl_cat_list{
display: flex;
flex-wrap: wrap;
max-width: 80vw;
margin: auto;
justify-content: center;
margin-bottom: -2rem;
}
.bl_cat_list li{
padding: calc(var(--main-padding) / 2);
flex: 1 1 18%;
flex-basis: calc(100% / 6);
max-width: calc(100% / 6);
margin-bottom: 2rem;
}
.bl_cat_list_item_box{
display: flex;
align-items: center;
flex-direction: column;
justify-content: center;
cursor: pointer;
}
.bl_cat_list_img{
padding: calc(var(--main-padding) / 2);
background: white;
border-radius: 50%;
}
.el_heading_cat_list{
text-align: center;
font-weight: bold;
padding: calc(var(--main-padding) / 2) calc(var(--main-padding) / 4);
font-size: 1.4rem;
line-height: 1.5;
}
.el_dark{
color: var(--dark);
}
#under .ly_cat_list{
padding: calc(var(--main-padding) * 2) calc(var(--main-padding));
margin-bottom: 0;
margin-top: 2rem;
background: #eee;
}
#under .bl_cat_list{
width: 100%;
}
#under .bl_cat_list li{
flex: 1 1 ;
flex-basis: calc(100% / 8);
max-width: calc(100% / 8);
}




.bl_breadcrumbs{
list-style: none;
font-size: 1.3rem;
padding: var(--main-padding);
line-height: 1.25em;
}
.el_breadcrumbs{
display: inline;
margin: 0 1em;
}
.el_breadcrumbs:first-child{
margin-left: calc( 0 - var(--main-padding));
}
.el_breadcrumbs .home{
position: relative;
width: 1.6rem;
display: inline-block;
}
.el_breadcrumbs .home span{
font-size: 0;
}
.el_breadcrumbs .home:before{
content: "";
background: url(/wordpress/wp-content/uploads/2022/09/ico_home.png);
background-size: cover;
background-repeat: no-repeat;
width: 1.6rem;
height: 1.6rem;
display: inline-block;
position: absolute;
}
.bl_list_item{
flex-grow: 1;
flex-basis: calc(calc(100% / 3) - var(--main-padding));
min-width: calc(calc(100% / 3) - var(--main-padding));
max-width: calc(calc(100% / 3) - var(--main-padding));
width: calc(calc(100% / 3) - var(--main-padding));
margin-right: var(--main-padding);
box-shadow: rgba(50, 50, 93, 0.25) 0px 50px 100px -20px, rgba(0, 0, 0, 0.3) 0px 30px 60px -30px;
box-sizing: border-box;
margin-bottom: var(--main-padding);
position: relative;
border-radius: 10px;
}
.bl_list_item:nth-child(3n),
.bl_list_item:last-child{
margin-right: 0;
}
.bl_list_item_box{
width: 100%;
cursor: pointer;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
z-index: 1;
position: relative;
}
.bl_list_item_box:hover{
}
.bl_list_content{
padding: 20px;
display: flex;
flex-direction: column;
justify-content: space-between;
height: 100%;
border-radius: 0 0 10px 10px;
background: white;
}


.el_copy{
text-align: center;
font-size: 1rem;
}
.ly_archive_box{
display: flex;
}
.bl_archive_content{
flex: 1 1 50%;
}
.bl_archive_img{
flex-basis: calc(50% - var(--main-padding));
min-width: 50%;
margin-right: var(--main-padding);
}
.bl_archive_img img{
width: 100%;
height: auto;
border-radius: 10px;
}
.bl_archive_page_url{
}
.bl_archive_page_url a{
line-height: 1.5;
text-decoration: underline;
}
.el_content_txt img{
width: 50%;
height: auto;
}
.el_content_txt ul{
list-style: initial;
padding-left: 1.5em;
margin-top: 1em;
}
.el_content_txt ol{
list-style: gujarati;
padding-left: 1.5em;
margin-top: 1em;
}
.el_content_txt li{
line-height: 2em;
margin-bottom: 0.5em;
}
.el_content_txt blockquote{
background: #eee;
padding: 1em;
border-radius: 10px;
}
.el_content_txt label{
font-size: 1.6rem;
}
.el_content_txt input{
font-size: 1.6rem;
}
.el_content_txt a{
word-break: break-all;
text-decoration: underline;
}
.bl_archive_url{
margin-top: 40px;
}
.ly_iframe{
position: relative;
width: 100%;
max-width: 50%;
padding-top: 56.25%;
}
.ly_iframe iframe{
position: absolute;
top: 0;
right: 0;
width: 100%;
height: auto;
}
.bl_archive_sub{
margin-bottom: calc(var(--main-padding) * 1.5);
}
.bl_archive_content hr{
height: 0;
margin: 1em 0;
padding: 0;
border: 0;
border-top: 1px dotted #aaa;
}
.bl_archive_content p + p{
margin-top: 1em;
}
.bl_btn_archive{
font-weight: bold;
margin-top: 8em;
display: flex;
justify-content: space-between;
align-items: stretch;
}
.bl_btn_archive img{
width: 100px;
height: 100px;
object-fit: cover;
border-radius: 5%;
}
.bl_btn_archive a{
display: flex;
width: 100%;
align-items: center;
justify-content: space-between;
}
/*
.bl_btn_archive .el_btn_prev a{
justify-content: flex-end;
}
.bl_btn_archive .el_btn_next a{
justify-content: flex-start;
}
*/
.el_btn_prev,
.el_btn_next{
flex: 1 1 45%;
position: relative;
display: flex;
justify-content: space-between;
align-items: stretch;
min-height: 100px;
max-width: 360px;
}
.el_btn_prev{
padding-left: 20px;
}
.el_btn_next{
padding-right: 20px;
margin-left: 10%;
}
.el_btn_prev:before,
.el_btn_next:before{
content: '';
position: absolute;
bottom: 0;
width: calc(100% - 120px);
height: 1px;
background:var(--light);
transition: all .3s;
}
.el_btn_prev:after,
.el_btn_next:after{
content: '';
position: absolute;
bottom: 4px;
width: 15px;
height: 1px;
background:var(--light);
transition: all .3s;
}
.el_btn_prev:before{
left: 0;
}
.el_btn_next:before{
right: 0;
}
.el_btn_prev:hover:before{
left: -3%;
}
.el_btn_next:hover:before{
right: -3%;
}
.el_btn_prev:after{
left: -1px;
transform: rotate(145deg);
}
.el_btn_next:after{
right: -1px;
transform: rotate(35deg);
}
.el_btn_prev:hover:after{
left: -3%;
}
.el_btn_next:hover:after{
right: -3%;
}
.el_btn_ttl{
width: 100%;
line-height: 1.5;
}
.el_btn_img{
min-width: 100px;
}
.el_btn_prev .el_btn_ttl{
text-align: right;
}
.el_btn_nex .el_btn_ttl{
text-align: left;
}

.el_btn_prev .el_btn_img{
margin-left: 20px;
}
.el_btn_next .el_btn_img{
margin-right: 20px;
}

.el_top_btn{
width: 100px;
height: 100px;
display: block;
background: linear-gradient(90deg, var(--middle) 0 2.5em, var(--light) -2.5em);
}
.ly_tab{
margin-bottom: 4rem;
}
.bl_tab_status{
display: flex;
flex-wrap: wrap;
margin-bottom: -1em;
}
.el_tab_status{
border-radius: 1em;
padding: 0.5em 0.8em;
display: inline-block;
font-size: 1.2rem;
color: var(--light);
border: 1px solid var(--light);
margin-right: 1em;
margin-bottom: 1em;
cursor: pointer;
}
.el_tab_status:last-child{
margin-right: 0;
}

.el_tab_status.active{
background: var(--light);
color: white;
position: relative;
}

.el_tab_status.active:after{
content: "";
display: inline-block;
width: 0;
height: 0;
position: absolute;
left: 0;
right: 0;
margin: auto;
bottom: -0.7em;
border-style: solid;
border-right: 0.4em solid transparent;
border-left: 0.4em solid transparent;
border-top: 0.7em solid var(--light);
}
/***追従するトップへ戻るボタン***/
#page-top {
position: fixed;
right: 1vw;
bottom: 2vw;
height: 50px;
text-decoration: none;
font-weight: bold;
transform: rotate(90deg);
line-height: 1.5rem;
color: var(--light);
padding: 0 0 0 35px;
border-top: solid 1px;
z-index: 999;
opacity: 0;
transition: all 1s ease;
}

#page-top.show{
opacity: 0.8;
}
#page-top::before {
content: "";
display: block;
position: absolute;
top: -1px;
left: 0px;
width: 15px;
border-top: solid 1px;
transform: rotate(35deg);
transform-origin: left top;
}
.bl_thumb_heading{
display: flex;
align-items: center;
margin-bottom: 4rem;
}
.bl_thumb_img{
max-width: 100px;
padding: calc(var(--main-padding) / 3);
background: #eee;
border-radius: 50%;
margin-right: 1em;
}
.bl_thumb_heading .el_heading_main{
margin-bottom: 0;
}

.bl_recommend_link{
padding: 1em 5em 1em 1em;
line-height: 1.5em;
background: #eee;
border-radius: 8px;
display: flex;
align-items: center;
cursor: pointer;
position: relative;
transition: all .3s;
}
.bl_recommend_link + .bl_recommend_link{
margin-top: 1rem;
}

.bl_recommend_link:hover{
opacity: 0.8;
}
.bl_recommend_link .el_link_txt{
font-weight: bold;
}
.bl_recommend_link:before{
content: '';
position: absolute;
bottom: 0;
top: 0;
margin: auto;
width: 50px;
height: 1px;
background: var(--light);
transition: all .3s;
}

.bl_recommend_link:after{
content: '';
position: absolute;
bottom: 9px;
top: 0;
margin: auto;
width: 15px;
height: 1px;
background: var(--light);
transition: all .3s;
}
.bl_recommend_link:before{
right: 1em;
}
.bl_recommend_link:after{
right: 1em;
transform: rotate(35deg);
}
.bl_recommend_link:hover:before{
right: 0;
}
.bl_recommend_link:hover:after{
right: 0;
}


.bl_recommend_link .el_link_img{
margin-right: 1em;
flex: 0 0 auto;
}
.bl_recommend_link .el_link_img img{
width: 50px;
height: 50px;
object-fit: cover;
border-radius: 5%;
}


/* contact form */
.ly_contact{
background: #eef3f4;
padding: 4rem;
margin-top: 4rem;
box-sizing: border-box;
text-align: center;
}
.ly_contact input,
.ly_contact button,
.ly_contact select,
.ly_contact textarea {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
background: transparent;
border: none;
border-radius: 0;
font: inherit;
outline: none;
}
.ly_contact textarea {
resize: vertical;
}
.ly_contact input[type='checkbox'],
.ly_contact input[type='radio'] {
display: none;
}
.ly_contact input[type='submit'],
.ly_contact input[type='button'],
.ly_contact label,
.ly_contact button,
.ly_contact select {
cursor: pointer;
}
.ly_contact select::-ms-expand {
display: none;
}
.wpcf7{
display: inline-block;
}
.bl_contact_formarea{
max-width: 600px;
margin: auto;
}

.bl_contact_formarea label{
display: flex;
}
.el_contact_name{
margin-right: 1em;
flex: 0 1 30%;
text-align: left;
padding: 0.8em 0;
}
.wpcf7-not-valid-tip,
.wpcf7-response-output{
text-align: left;
color: #C79B99;
padding: 0.4em;
display: inline-block;
width: 100%;
}
.screen-reader-response{
color: #C79B99;
padding: 0.4em;
display: inline-block;
margin-bottom: 2rem;
}
.screen-reader-response ul{
display: none;
}
.wpcf7-form-control-wrap{
flex: 1 1 70%;
}
.wpcf7-form input[type='text'],
.wpcf7-form input[type='email'],
.wpcf7-form textarea{
padding: 0.8em;
background: white;
width: 100%;
border-radius: 4px;
border: none;
box-shadow: 0 0 0 1px var(--light) inset;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
box-sizing: border-box;
}
.wpcf7-form input[type='text']:focus,
.wpcf7-form input[type='email']:focus,
.wpcf7-form textarea:focus {
outline: 0;
box-shadow: 0 0 0 2px var(--middle) inset;
}

.bl_contact_btnarea{
text-align: center;
margin-top: 4rem;
}
.wpcf7-form input[type='submit']{
display: inline-block;
width: 100%;
padding: 0.8em;
border: none;
border-radius: 4px;
background-color: var(--middle);
color: #fff;
font-weight: bold;
appearance: none;
-webkit-appearance: none;
-moz-appearance: none;
cursor: pointer;
border: 2px solid transparent;
}

@media screen and (max-width:768px) {
  :root {
    --main-padding: 15px;
  }
  .el_mv_logo{
  font-size: 6vw;
  }
  .bl_list_item,
  .bl_list_item:nth-child(3n){
  flex-basis: calc(50% - var(--main-padding) * 0.5);
  max-width: calc(50% - var(--main-padding) * 0.5);
  margin-right: var(--main-padding);
  margin-bottom: calc(var(--main-padding) * 2);
  }
  .bl_list_item:nth-child(2n){
  margin-right: 0;
  }
  .ly_archive_box{
  display: block;
  }
  .bl_list_img img {
  height: 15rem;
  }
  .bl_list_img_none{
  min-height: 15rem;
  }
  .bl_list_content{
  padding: 10px;
  }
  .el_heading_main{
  font-size: 2.2rem;
  margin-bottom: 2em;
  }
  .el_heading_list{
  font-size: 	1.5rem;
  }
  .bl_cat{
  font-size: 1.2rem;
  }
  .bl_tag{
  font-size: 1.2rem;
  }
  .ly_cattag .bl_tag{
  }
  .bl_archive_img{
  margin-right: 0;
  margin-bottom: 15px;
  }
  #top header:after{
  top: 8vw;
  height: 120%;
  }
  .ly_iframe{
  max-width: 100%;
  }
  .ly_iframe iframe{
  width: 100%;
  height: 100%;
  }
  .el_content_txt img{
  width: 100%;
  height: auto;
  }
  .bl_btn_archive{
  font-size: 1.2rem;
  }
  .bl_btn_archive a {
  flex-direction: column;
  }
  .el_btn_img{
  min-width: 20vw;
  }
  .bl_btn_archive img{
  width: 20vw;
  height: 20vw;
  order: 1;
  margin-bottom: 2rem;
  }
  .el_btn_prev a{
  align-items: flex-end;
  }
  .el_btn_next a{
  align-items: flex-start;
  }
  .el_btn_ttl{
  order: 2;
  text-align: right;
  }
  .el_btn_next a div{
  text-align: left;
  }
  .el_btn_prev:before, .el_btn_next:before {
  width: calc(100%);
  bottom: -18px;
  }
  .el_btn_prev:after, .el_btn_next:after{
  bottom: -14px;
  }
  .el_tab_status{
  font-size: 1.4rem;
  }
  #top .bl_cat_list li{
  min-width: 100px;
  }
  .el_heading_cat_list{
  font-size: 1.2rem;
  }
  #page-top{
  right: 5vw;
  bottom: 7vw;
  }
}
@media screen and (max-width:1060px) {
  :root {
    --main-padding: 15px;
  }
  #top .ly_cat_list:after{
  }
  #top .bl_cat_list{
  max-width: 100%;
  }
  .bl_archive_sub {
  margin-bottom: calc(var(--main-padding) * 2);
  }
  #top .bl_cat_list li{
  min-width: auto;
  flex-basis: calc(100% / 3);
  max-width: calc(100% / 3);
  }
  #under .bl_cat_list{
  max-width: 100%;
  justify-content: flex-start;
  }
  #under .bl_cat_list li{
  flex-basis: calc(100% / 2);
  max-width: calc(100% / 2);
  padding: 0;
  margin-bottom: 1rem;
  }
  #under .bl_cat_list_item_box{
  flex-direction: row;
  }
  #under .el_heading_cat_list{
  width: 100%;
  text-align: left;
  }
  #under .bl_cat_list_img{
  width: 30%;
  margin-right: 0.5em;
  padding: calc(var(--main-padding) / 4);
  }
  .bl_recommend_link{
  padding: 0.5em 5em 0.5em 0.5em;
  }
}