@charset "utf-8";


html {
    font-family: "Roboto","Noto Sans JP","Noto Sans SC",sans-serif;
    font-feature-settings: "palt";
    color: #06101aeb;
    font-size: 14px;
    scroll-behavior: smooth;
    
  	font-weight: 400;
  	font-style: normal;
    
}


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

.schibsted-grotesk-<uniquifier> {
  font-family: "Schibsted Grotesk", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}


input,select,submit{font-family: 'Noto Sans SC',"SF Pro SC","HanHei SC", sans-serif!important;}
select{padding: 5px 15px 5px 5px;}

a:focus, *:focus { outline:none; }
a,a:hover,a:link,a:visited,a:focus{color: #000;}


h1, h2, h3, h4, h5, h6 {
    clear: both;
    font-weight: normal;
}

h2{margin-top: 50px;}
h2.h2no_margin{margin: 0;line-height: 1.4rem;}


a,a:visited{color:#000;text-decoration:none;}
a:hover{text-decoration:underline;}


.admin-bar .site{padding-top: 40px;position: relative;}

.home h1,.site-description{display:none;}

[data-whatinput="mouse"] :focus,
[data-whatinput="touch"] :focus {
  outline: none;
}

.menu-menu-1-container{/* position:fixed; *//* right:20px; */top:20px;width: calc(100% - 40px);text-align: center;display: flex;justify-content: center;max-width: 1300px;}
.menu-menu-1-container ul{
    display: flex;
    justify-content: flex-start;
    width: 100%;
    max-width: 1300px;
    flex-direction: column;
}
.main-navigation a {
    display: block;
    text-decoration: none;
    color:#000;
    padding:0 5px;
}

.site-title{margin: 11px auto 0 0;display: flex;width: 70%;}

.site-title a{display:block;background:url('/img/diabro_logo.svg') no-repeat center center;background-size:contain;text-indent:-9999px;text-decoration:none;width: 100%;margin: 0 auto 0 0;height: 0;padding-top: 10%;max-width: 200px;}

.home .site-title{margin:0 auto;width: 65%;height: calc(100vh);display: flex;flex-direction: column;justify-content: center;align-items: center;}
.home .site-title a{display:block;background:url('/img/diabro_logo.svg') no-repeat center center;background-size:contain;text-indent:-9999px;text-decoration:none;width: 100%;max-width: 3000px;margin: 0 auto;height: 0;padding-top: 28%;transition:0.8s;}
.home .site-title a:hover{opacity:20%;}

ul{margin:0;list-style:none;padding:0;}
ul li{display: flex;padding:0;margin: 0 auto 5px 0;flex-direction: column;justify-content: flex-start;}
ul li a{text-align:left;}



.news_list li{
    margin: 0 -10px 0 0;
    background-color: #fff;
    /* column-gap: 0; */
    /* column-width: 400px; */
    transition: all 0.8s ease;
    transform: translateY(30px);
    opacity: 0;
}
.news_list li.on{
    transform: translateY(0);
    opacity: 1.0;
}


/*masonry セル設定*/
ul.news_list{overflow: hidden; max-width: 100%;} /**ネガティブマージンを作る*/
ul.news_list li{
    padding: 0;
    /* -webkit-column-break-inside: avoid; */
    /* page-break-inside: avoid; */
    /* break-inside: avoid; */
    position: relative;
    width: calc((100% / 3) - 40px); /**1cellのサイズ*/
    margin-bottom: 40px;
    margin-right: 20px;
    margin-left: 20px;
}

ul.news_list li .cell_a{display:flex;width: 100%;margin: auto;position: relative;transition:0.5s;}
ul.news_list li .cell_a a{width: 100%;}
ul.news_list li .cell_b{display: flex;position: absolute;top: 0;left: 0;width: 100%;z-index: 2;height: 100%;align-items: center;justify-content: center;opacity: 0;transition: 0.5s;margin: auto;flex-direction: column;/* background: #000; */}
ul.news_list li .cell_a img{width: 100%;transition: all 2s 0s ease;}
ul.news_list li:hover .cell_a{opacity:0.3;}
ul.news_list li:hover .cell_b{opacity:1;}
ul.news_list li .cell_b a{display:flex;width:100%;height:100%;justify-content:center;align-items:center;text-align:center;text-decoration:none;flex-direction:column;/* color: #ffffff; */background: color(srgb 1 1 1 / 0.25);overflow:hidden;}
ul.news_list li .cell_a img{margin:auto;}
ul.news_list li:hover .cell_a img{transform:scale(1.2);}
ul.news_list li{overflow:hidden;}

.thumb{display:block;width:100%;}

figure{padding:0;margin:0;}

img {
    height: auto;
    max-width: 100%;
    display:block;
}
figure img{width:100%;}

#page.site{width: calc(100% - 40px);max-width: 1300px;margin:0 auto;display: flex;flex-direction: column;}


.blocks-gallery-grid{display:flex;flex-wrap:wrap;justify-content:space-between;}
.blocks-gallery-item{display:block;width:50%;/* height:0; *//* overflow: hidden; *//* padding-top:50%; */object-fit:cover;}

.main-navigation {
    display: flex;
    width: 100%;
    position: fixed;
    top: 0;
    /* right: 0; */
    justify-content: center;
    z-index: 100000;
}

.thumb a{width:100%;display: block;}
.thumb a img{display:block;width:100%;height:auto;}

.site-footer{display: flex;/* height: 250px; */justify-content: center;align-items: end;margin: 80px auto 70px;flex-direction: column;min-width: 300px;position: relative;width: 100%;}
.site-info{display: block;text-align: center;margin: auto auto;}



#google_map {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
#google_map iframe,
#google_map object,
#google_map embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


.sc_tab{display:flex;justify-content: flex-end;margin: 0 auto 30px;}
.sc_tab li{/* padding: 5px 5px; cursor: pointer;*/margin: 0 5px;}
.sc_tab li a{padding:5px;}
.sc_tab li.select a{border-bottom:1px solid #333;}
.sc_tab li:hover{opacity:0.5;}
.sc_tab li a:hover{opacity:1;text-decoration:none;}
.sc_tab li.select a:hover{opacity:1;}

.sc_tab_js{display:flex;justify-content: flex-end;margin: 0 auto 30px;}
.sc_tab_js li{padding: 5px;/*cursor: pointer;*/margin: 0 5px;}
.sc_tab_js li.select{border-bottom:1px solid #333;}
.sc_tab_js li:hover{opacity:0.5;}
.sc_tab li_js a:hover{opacity:1;text-decoration:none;}
.sc_tab li.select a:hover{opacity:1;}


@media(max-width:800px){
	
.site-title{margin: 25px auto;}
ul.news_list li{width:calc(100% - 40px);margin: 0 20px 40px;}
.menu-menu-1-container{margin:30px 0 0;}

.menu-menu-1-container ul {
    display: flex;
    justify-content: center;
    width: 100%;
}

.menu-menu-1-container {
    position: relative;
    left: 0;
    right:0;
    top: 0;
    width:100%;
    margin: 0 auto;
}

.main-navigation{position:sticky;top:0;margin-bottom: 30px;}

.site-title a {
margin: auto;
}

.post-thumbnail {
    width: calc(100% - 10px);
}

}


.slick-slider{display: flex;justify-content: flex-start;padding: 0 40px;margin-top: 0;}
.slick-slider .slick-slide a img{height: 200px;width: auto;padding: 0 20px 0 0;}
.slick-slider .slick-slide{margin: auto;}
.slick-initialized .slick-slide{display: flex!important;justify-content: flex-start;}
.slick-track{margin-left: 0!important;}

.slick-slider .slick-slide a:hover img{opacity:0.5!important;transition:0.5s;}

.slick-next:before, .slick-prev:before{color:#000;}


@media(max-width:800px){
    .slick-slider{width: 100%;margin:0 auto;}
    .slick-slider .slick-slide a img{height:130px;width:auto;}
}


.post, .page {
    margin: 0;
}


.entry-content img{margin:0;display: block;}
.entry-content .slick-slide img{margin:0 auto 0;}

.wp-block-gallery{margin: 30px auto;}


.current-menu-item a,.single .menu-item-179 a{/* border-bottom:1px solid #000; */color: #000!important;!importan;!importa;!import;!impor;!impo;!imp;!im;!i;!;}


/* フェード　画面外 */
.fadein {
	opacity : 0.1;
	transform : translate(0, 50px);
	transition : all 500ms;
	}

/* フェード　画面内 */
.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
	}


.indent1{padding-left:30px;margin-top: 0;}
ul.indent1 li{display:flex;line-height: 1.3rem;margin-bottom: 0.5rem;}
ul.indent1 li span.yr{border-right: 1px solid #000;margin-right: 20px;padding: 0 20px 0 0;line-height: 1rem;display: inline-flex;align-items: center;}

.indent0{padding-left:0;}
ul.indent0 li{display:flex;line-height: 1.3rem;margin-bottom: 0.5rem;justify-content:flex-start;}
ul.indent0 li span.yr{width:100px;padding: 0;line-height: 1rem;display:flex;align-items: center;}
ul.indent0 li span.s_after{
    width: calc(100% - 100px);
}

.indent3{padding-left: 30px;margin-top: 0;}
ul.indent3 li{display:flex;line-height: 1.4rem;margin-bottom: 0.5rem;justify-content:flex-start;}
ul.indent3 li span.ac{width: 200px;padding: 0;line-height: 1.4rem;display:flex;align-items: flex-start;}
ul.indent3 li span.ac_after{
    width: 100%;
    /* display:inline-flex; */
    /* align-items:self-start; */
    line-height: 1.4rem;
}
ul.indent3 li div{display:block;width:100%;}



figcaption{display: none;}

.flex2{display: flex;justify-content: space-between;margin-top: 2rem;}

img.profile{display:block;width:300px;height:auto;}
img.alignnone{display: block;overflow: hidden;padding: 0;margin: 0;}

a:hover img{opacity:0.7;}


.page h1{display:none;}
.archive h1{width: 100%;margin: 0;padding: 10px 0;font-size: 0;}
.site-branding{display:none;}
.home .site-branding{display:flex;}
h1.entry-title{margin-top:100px;font-size: 1.2rem;/* text-align: right; *//* padding: 0 5px 0; */margin-bottom: 0;}
.single h1.entry-title{/* margin: 10px auto 10px; *//* font-weight:400; *//* font-size:1rem; */visibility: hidden;height: 40px;margin: 0;}

@media(max-width:800px){
	h1 {font-size: 1.5rem;	margin: 2rem 0;}
	.flex2 {display: flex;justify-content: space-between;flex-direction:column-reverse;}
	.flex2 div{margin:auto;text-align:center;max-width:100%;margin-bottom:30px;margin-top:20px;}
	.flex2 .indent0{margin-left:30px;}

.indent3{padding-left: 30px;font-size: 0.9rem;}
ul.indent3 li{display:flex;line-height: 1.4rem;margin-bottom: 0.5rem;justify-content:flex-start;flex-direction: column;}
ul.indent3 li span.ac{width: 100%;padding: 0;line-height: 1.4rem;display:flex;align-items: flex-start;}
ul.indent3 li span.ac_after{
    width: calc(100% - 20px);
    display:inline-flex;
    align-items:self-start;
    line-height: 1.4rem;
    padding-left:20px;
}
	
}


.nav-links{display: none!important;}
.page-content, .entry-content, .entry-summary {
    margin: 70px 0 0;
}

.single .entry-content{
    margin: 0 auto 0;
    width: calc(100% - 40px);
}

a.pdf:before{content:'PDF';display:inline-block;background:#000;color:#fff;padding:5px 10px;text-align:center;margin-right:5px;border-radius:3px;text-decoration:none;font-size:0.8rem;}
a.pdf:hover:before{color:#ddd;}

.entry-header{margin-bottom:0;}

p{margin-top: 0;}

.meta_ttl{display: flex;justify-content: flex-start;width: calc(100% - 40px);margin: auto;}

.site-main .comment-navigation, .site-main .posts-navigation, .site-main .post-navigation {
    margin: 0;
}

.mw_wp_form_g-standard table th, .mw_wp_form_g-standard table td {
    border-bottom: none;
    font-size: 100%;
    font-weight: normal;
    padding: 0.5rem 1rem 0.5rem 0;
    text-align: left;
    vertical-align: top;
}

h2 .h2sub{font-size:1rem;display:inline-block;background:#333;padding:0px 10px;border-radius:5px;color:#fff;margin-left:10px;}
h2{display:flex;align-items:center;}


.upbtn{display: block;text-align: center;width: 100%;margin: auto auto 20px;}
.upbtn a{display: block;width: 100%;background: #333;text-indent: -9999px;overflow: hidden;background: url(/img/upbtn.svg) center center no-repeat;background-size: contain;height: 30px;transition:0.5s;}
.upbtn a:hover{opacity:0.5;}



.slick-next
{
    right: 0;
    height: 100%;
    background: url(/img/right_btn.svg) center center no-repeat;
    text-indent: -9999px;
    overflow: hidden;
    background-size: contain;
}

.slick-prev
{
    right: 0;
    height: 100%;
    background: url(/img/left_btn.svg) center center no-repeat;
    text-indent: -9999px;
    overflow: hidden;
    background-size: contain;
}

.slick-disabled{display: none!important;}

.action-buttons{display: flex;justify-content: center;}

.jp{font-size: 90%;}



.wp-block-gallery.has-nested-images {
    flex-flow: row wrap-reverse;
}


.jp-carousel-overlay{background: rgba(0, 0, 0, 0.60)!important;}








/*------------------モーダル----------------------*/
.modal {
  padding: 80px 0;
}

/* モーダルを開くボタン */
.modal__images {
  display: flex;
  flex-wrap: wrap;
}

.modal__images .modal__image {
  position: relative;
  width: calc((100% - (32px * 2)) / 3);
  transition: opacity .6s;
}

.modal__images .modal__image:hover {
  opacity: .6;
}

.modal__images .modal__trigger {
/*  cursor: pointer;*/
}

.modal__images .modal__image:nth-child(3n - 1),
.modal__images .modal__image:nth-child(3n) {
  margin-left: 32px;
}

.modal__images .modal__image:nth-child(n + 4) {
  margin-top: 32px;
}

.modal__images .modal__image:before {
  display: block;
  padding-top: calc((2 / 3) * 100%);
  padding-top: 100%;
  content: '';
}

.modal__images .modal__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
}

/* モーダル本体 */
.modal__wrapper {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
  z-index: 20;
  width: 100%;
  height: 100%;
}

.modal__layer {
  height: 100%;
  background: rgba(50, 50, 50, .85);
/*  cursor: pointer;*/
}

.modal__container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  overflow-y: scroll;
  width: min(calc(100% - 40px), 1000px);
  max-height: calc(100% - 40px);
}

/* モーダルを閉じるボタン */
.modal__close {
  position: absolute;
  top: 20px;
  right: 20px;
  width: 44px;
  height: 44px;
  background: rgba(50, 50, 50, 1);
/*  cursor: pointer;*/
  transition: opacity .6s;
  z-index: 1;
}

.modal__close:hover {
  opacity: .6;
}

.modal__close:before,
.modal__close:after {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 1px;
  background: #fff;
  content: '';
}

.modal__close:before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.modal__close:after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.modal__content .modal__image img {
  width: 100%;
}
.tiled-gallery__item img{transition: all 0.8s ease;}
.tiled-gallery__item:hover img{/*cursor: pointer;*/opacity: 0.8;}
.modal__content .tiled-gallery__item:hover img{opacity: 1;}





/*lazy load*/
/*----------------------------
scroll_up ｜下から上へ出現
----------------------------*/
.tiled-gallery__item {
  transition: 0.8s ease-in-out;
  transform: translateY(30px);
  opacity: 0;
}
.tiled-gallery__item.on {
  transform: translateY(0);
  opacity: 1.0;
}



/*ページ遷移アニメーション*/

body::after {
  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color:#fff;  /* 背景カラー */
  z-index: 9999;  /* 一番手前に */
  pointer-events: none;  /* 他の要素にアクセス可能にするためにポインターイベントは無効に */
  opacity: 0;  /* 初期値 : 透過状態 */
  -webkit-transition: opacity .8s ease;  /* アニメーション時間は 0.8秒 */
  transition: opacity .8s ease;
}

body.fadeout::after {
  opacity: 1;
}


.news_list li { width: 140px; box-sizing:border-box; } .grid-item--large { width: 290px; }



/*-------ログイン中-------**/

.role-administrator .menu-menu-1-container{/* top: 70px; */}


.main-navigation{max-width: 1300px;}



/*-------コンタクトフォーム-------**/
.wp-block-jetpack-contact-form-container {background: transparent;border-radius: 15px;padding:0;}
.page-ttl-bold{font-weight: bold;}
.foot_logo{position: absolute;bottom: 10px;right: 0;transition: all 0.8s ease;/*opacity: 0;*/}
.foot_logo a{display: inline-block;background: url(/img/diabro_minilogo.svg) center center no-repeat;background-size: contain;text-indent: -9999px;width: 150px;height: 2rem;position: absolute;bottom: 0;right: 0;}





.designers{display:flex;gap:20px;flex-wrap:wrap;}
.designers .wp-block-group__inner-container{display:flex;gap:20px;flex-wrap:wrap;    justify-content: center;}
.designers .wp-block-group__inner-container .wp-block-group__inner-container{justify-content: flex-start;}
/*
.designers.ar-right .wp-block-group__inner-container .wp-block-group__inner-container{justify-content: flex-end;}
*/
.designers .wp-block-group__inner-container .m0{margin: 0;width: 100%;}

.designers span.small{font-size:80%;}
.designers p{margin:20px 0;font-size:90%;}
.prof{display:block;width:calc(20% - 20px);min-width:200px;}
.prof .photo{margin-bottom:10px;}
.prof .photo img{width:80%;height:auto;}

.designers.ar-right .prof figure{text-align: right;}
.designers.ar-right .prof img{margin: auto 0 auto auto}

.designers{overflow: hidden;}


.page-ttl-bold{font-weight: bold;}


.maincopy{text-align: center;margin: 100px auto;}
.maincopy h3{font-size: 1.5rem;font-weight: bold;}


@media(max-width:800px){
.foot_logo a{width: 100px;}	
.prof{width: calc(50% - 10px);min-width: 0;}
}


#secondary h2,#secondary section{}


ul.post-categories{display: flex;flex-wrap: wrap;gap:5px;}

.widget-area{position: relative;top: 70px;width: calc(100% - 40px);margin: 0 auto 50px;}


h1{}
h2{font-size: 1.3rem;}
h3{}
h4{}
h5{}

/*
.news_list {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 30px;

    img.portrait {
        grid-row: span 3;
    }

    img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
}
*/

.widget{margin: 0;}

.widget_nav_menu a{color:#ccc;}
.widget_nav_menu a{font-size: 1.3rem;}


ul.sub-menu{padding: 0;margin: 10px 0 0 0;}
ul.sub-menu a{font-size: 1rem;}

ul.sub-menu .current-post-parent a{color: #000;}

/*homeのメニューカレント設定*/
.home .menu-item-418 > a{color: #000;}

h1.page-title,h1.entry-title{visibility: hidden;height: 40px;}


.page .entry-content{padding: 0 20px;}
.wp-block-jetpack-contact-form{padding: 0!important;}
.home #main{padding-top: 40px;}


@media(max-width:600px){
	
.widget-area{display: flex;flex-direction: column-reverse;}
.widget-area section{position: static;}
.foot_logo{position: relative;text-align: left;}
.foot_logo a{position: static;margin:20px 0;}
	
}



.noborder table{
	border: none!important;
	margin: 0 auto 1rem 0;
	display: flex;
	align-items: flex-start;
}
.noborder table td{border: none;padding: 0;}
.noborder table td:first-child{padding-right: 10px;word-break: keep-all;white-space: nowrap;display:block;min-width: 80px;}
.noborder table td:nth-child(2){padding-right: 10px;}

.cat_lr{display: inline-block;padding: 0 10px;}
.tagttl{display: inline-block;width: 70px;}



.cnm{display: block;text-align: center;margin: 20px auto 0;font-size: 0.8rem;}