@charset "utf-8";
/*
Theme Name: wpyaduhiyo2410
Theme URI: https://yaduhiyo.com/
*/

/* ---------------------------------------------------
   reset
--------------------------------------------------- */
*{margin:0;padding:0;}
*, *:before, *:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
html,body{margin:0;padding:0;width:100%;height:100%;vertical-align:baseline;background:transparent;}
body{font-size: 13px;line-height:1.8em;word-wrap: break-word;}
img{border: 0;vertical-align: top;margin:0;padding:0;}
ul{list-style:none;margin:0;padding:0;}
li{list-style:none;margin:0;padding:0;}

/* ---------------------------------------------------
   common
--------------------------------------------------- */
body{font-family:"Noto Sans JP",BIZ UDPGothic,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","メイリオ",Meiryo,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.5em;background:#f8f7f6;color:#23221e;word-wrap: break-word;/*text-align: justify;*/}
a{color:#f06e00;text-decoration:none;outline:none;/*transition: all 200ms 0s ease;*/-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;}
a:hover{color:rgba(215,53,26,0.7);}
::selection {background: #f06e00;color: #fff;}
::-moz-selection {background: #f06e00;color: #777;}
img{width: 100%;height:auto;}

.pc{display:block;}
.sp{display:none;}
.external::after{font-family: "icomoon";content:"\e90d";margin-left:5px;font-size:14px;}

/* head */
h1 a{display:block;}
h2{margin-bottom:30px;padding-top:10px;font-size:18px;}
h2::after{content:"";display:block;margin:20px -5px;background:#23221e;height:2px;}
h3{margin-bottom:15px;}

/* list */
ul{margin-bottom:30px;line-height:2em;}
li{margin-bottom:10px;}

ul.annotation{margin-left:calc(1em + 5px);opacity:0.75;}
ul.annotation li::before{margin-left:calc(-1em - 5px);margin-bottom:5px;content:"※";padding-right:5px;white-space: break-spaces;}

ul.tag{display:flex;flex-wrap: wrap;justify-content:left;font-size:14px;}
ul.tag li a{margin-right:10px;color:#f06e00;transition: .2s;}

ul.breadcrumb{display:flex;flex-wrap: wrap;justify-content:left;margin:15px auto 30px auto;font-size:12px;max-width:800px;}
ul.breadcrumb::before{font-family: "icomoon";content:"\e908";margin-right:10px;vertical-align: middle;font-size:16px;color:#23221e;}
ul.breadcrumb li{margin-bottom:0;}
ul.breadcrumb li a::after{font-family: "icomoon";content:"\e90b";margin:0 5px;color:#ccc;}

/* button */
ul.buttonwrap{text-align:center;}

a.button{display:inline-block;margin:0 auto;padding:12px 24px;text-align:center;border-radius:6px;background:#f06e00;color:#fff;font-size:15px;min-width:300px;transition: all 200ms 0s ease;}
a.button:hover{background:#c13017;color:#fff;}
a.button.small{display:block;padding:6px 10px;font-size:12px;min-width:auto;width:80%;}

main{overflow: hidden;margin-left:300px;padding:30px 30px 0 30px;width:calc(100% - 300px);}

@media only screen and (max-width: 1000px) {
	.pc{display:none;}
	.sp{display:block;}
	
	main{margin-left:0;padding:30px 30px 0 30px;width:100%;}
}

@media only screen and (max-width: 600px) {
	main{padding:20px 20px 0 20px;}
}

/* カテゴリバッジ */
ul.post-categories{display:flex;position:absolute;top: 8px;right: 6px;margin-bottom:0;line-height:1em;}
ul.post-categories a{margin-right:2px;color:#fff;background:rgba(0,0,0,0.5);border-radius:3px;font-size:11px;padding:2px 4px;}

/* ---------------------------------------------------
   各パーツ
--------------------------------------------------- */

/* drawer,modal */
p#drawerOpen::after{position:fixed;top:0;left:0;padding: 20px 0 0 17px;color: #ccc;cursor:pointer;font-family: "icomoon";content: "\e90a";font-size: 28px;vertical-align: middle;width: 60px;height: 60px;z-index:10;}
p#drawerOpen.active::after{content: "\e90e";}
body.open{overflow:hidden;}

.drawerClose{position: fixed;top: 0;left: 0;content: "";display: block;width: 0;height: 0;background-color: rgba(0, 0, 0, 0.5);z-index:20;opacity: 0;transition: opacity 0.5s;}
.drawerClose.open{width: 100%;height: 100%;opacity: 1;}
.drawerClose img{position: fixed;top: 0;bottom: 0;left: 0;right: 0;margin: auto;max-width: 90%;max-height: 90%;height: 90%;object-fit: contain;}

@media only screen and (max-width: 1000px) {
	.drawerClose{z-index:6;}
}

/* html上の画像背景 --------------------------------------------------- */
div.bg{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);height: 105%;width:100%;z-index:-1;}
div.bg picture img{height:100%;width:100%;object-fit: cover;}
div.bg ul.fade-in-out li{height:110vh;}

iframe{margin-bottom:20px;width:100%;height:350px;}
.description{margin-bottom:30px;line-height: 1.8em;}
span.remarks{display: inline-block;margin-left: 10px;padding:0 5px;border:1px solid rgba(256,256,256,0.9);border-radius:3px;text-align:center;opacity:0.5;white-space: nowrap;}
picture.exterior{display: block;margin-bottom:30px;}
picture.exterior img{max-height:200px;object-fit: cover;}

@media only screen and (min-width: 620px) {
	picture.exterior{margin:0 auto 40px auto;max-width:500px;}
	picture.exterior img{max-height:350px;}
}
@media only screen and (min-width: 1024px) {
	h4 span{display:inline;margin-right:5px;font-size:14px;}
	p.description{text-align:center;}
	section.container > div.inner{margin:0 auto;max-width:1200px;}
	div.bg + div.inner{margin:0;max-width:100%;;}
}

/* slider（slick） --------------------------------------------------- */
.slider{margin-right:-30px;margin-left:-30px;}
.slick-slider .slick-track,
.slick-slider .slick-list {margin: 0;}

.slider li{margin:0 5px;}
.slider picture{display: block;margin-bottom: 20px;}
.slider picture img{object-fit: cover;max-height:190px;}

div.sliderwrap{margin-bottom:30px;}
div.sliderwrap ul.slider-thumb{overflow: hidden;margin-bottom:5px;max-height: 210px;}
div.sliderwrap ul.slider-thumb-nav{margin:0 -50px;}
div.sliderwrap ul.slider-thumb-nav li{opacity:0.3;}
div.sliderwrap ul.slider-thumb-nav li.slick-current{opacity:1;}
div.sliderwrap ul.slider-thumb-nav li img{display:block;padding-right:5px;cursor:pointer;transform:unset!important;height: 65px;object-fit: cover;}
div.sliderwrap ul.slider-thumb-nav li:last-child img{padding-right:0;}

.slide-animation{animation: fadezoom 8s 0s forwards;}
@keyframes fadezoom {0% {transform: scale(1);}100% {transform: scale(1.1);}}

@media only screen and (min-width: 1024px) {
	.slider picture img{max-height:220px;}
	div.sliderwrap ul.slider-thumb {max-height: 400px;}
	div.sliderwrap ul.slider-thumb-nav li img{height: 120px;}
}

/* fadeup（下からふわっ） */
.fadeUp{animation-name:fadeUpAnime;animation-duration:0.5s;animation-fill-mode:forwards;opacity: 0;}
.fade-box{opacity: 0;}

@keyframes fadeUpAnime{
	from {opacity: 0;transform: translateY(30px);}
	to {opacity: 1;transform: translateY(0);}
}

/* アコーディオン --------------------------------------------------- */
.accordion{margin-bottom:20px;}

.accordion div.inner{display:none;margin:0 20px;padding:20px 0;border-top:1px solid #ccc;}
.accordion div.inner.active{display:block;}
.accordion div.inner p.answer{padding:0 10px;}

.accordion header{position: relative;cursor:pointer;padding:25px 40px 0px 20px;}
.accordion header::after{position:absolute;right:20px;margin-top:-50px;padding:5px;font-family: "icomoon";color:#bbbbbb;content: "\e919";vertical-align: middle;border:2px solid #ccc;border-radius:6px;font-size:20px;text-align: center; width:34px;opacity:0.75;}
.accordion header:hover::after{opacity:1;}
.accordion header.active::after{content: "\e91a";}

/* header --------------------------------------------------- */
header#main{overflow:hidden;margin-left:300px;width:calc(100vw - 315px);}

/* KV */
header#main div.kv{background-color:#E4F300;}
header#main div.kv img{object-fit: cover;max-height:500px;}

/* banner */
header#main div.bannerWrap{background:#23221e;}


@media only screen and (max-width: 1000px) {
	header#main div.kv picture.pc{display:block;}
	header#main div.kv picture.sp{display:none;}
	header#main{margin-left:0;width:auto;}
}
@media only screen and (max-width: 500px) {
	header#main div.kv picture.sp{display:block;}
	header#main div.kv picture.pc{display:none;}
	header#main div.kv img{max-height:400px;}
}


/* sideColumn --------------------------------------------------- */
div#sideColumn{overflow-y:auto;position:fixed;top:0;left:0;padding:30px 30px 4px 30px;background:#fff;width:300px;height:100vh;transition: all .5s;z-index:8;}
div#sideColumn::-webkit-scrollbar {width: 2px;}
div#sideColumn::-webkit-scrollbar-thumb {background: #fff;border-radius: 5px;transition: all 0.5s ease-out;}
div#sideColumn:hover::-webkit-scrollbar-thumb {background: #eee;}
div#sideColumn::-webkit-scrollbar-track {background:none;}

div#sideColumn.open {transform: translateX(0);}

div#sideColumn div.inner{width:238px;}
div#sideColumn h2{margin-bottom:15px;padding-top:0;font-size:16px;}
div#sideColumn h2::after{display:none;}

div#sideColumn section.head{margin:30px 0 45px 0;}
div#sideColumn section.head h2{margin-bottom:30px;text-align:center;font-size:35px;}
div#sideColumn section.head h2 span{display:block;margin-top:15px;font-size:12px;}
div#sideColumn section.head h2 a{display:block;color:#333;}
div#sideColumn section.head h2 a:hover{color:#333;}

div#sideColumn ul.category{margin-bottom:15px;}
div#sideColumn ul.category li{margin-bottom:0;}
div#sideColumn ul.category a{position:relative;display:block;padding:16px 0;color:#333;border-bottom:1px solid #eee;transition:all .2s ease;}
div#sideColumn ul.category li:last-child a{border-bottom:none;}
div#sideColumn ul.category a::after{position:absolute;right:0;font-family: "icomoon";content:"\e90b";vertical-align: middle;font-size:20px;font-weight:normal;color:#f06e00;}
div#sideColumn ul.category a:hover::after{color:#c13017;}

div#sideColumn form.searchWrap{position: relative;margin-bottom:15px;}
div#sideColumn input.searchInner{background:#f5f5f5;width:100%;padding:12px 10px;border:none;border-radius:3px;}
div#sideColumn input.searchButton{position:absolute;top:0;right:0;border:none;width:50px;height:100%;background:#c13017;}

div#sideColumn ul.tag{margin-bottom:26px;}
div#sideColumn ul.tag li{margin-bottom:6px;}
div#sideColumn ul.tag li a{margin-right:6px;font-size:12px;color:rgba(170,170,170,1);}

@media only screen and (max-width: 1000px) {
	div#sideColumn{transform: translateX(-100vw);}
	body.list div#sideColumn section.head{display:none;}
	body.list div#sideColumn ul.category{margin-top:30px;}
}

/* pager */
div#pager ul{text-align:center;}
div#pager li{display:inline;}
div#pager li a{}
div#pager li:first-child{}
div#pager li:last-child{}

/* ---------------------------------------------------
   list
--------------------------------------------------- */
div.postlist{display:flex;flex-wrap: wrap;justify-content:space-between;margin:0 auto;max-width:1120px;}
div.postlist:before {display: block;content:"";width:calc((100% - 15px) / 2);order: 1;}
div.postlist::after {display: block;content:"";width:calc((100% - 15px) / 2);}
div.postlist div{position:relative;margin-bottom:15px;padding-bottom:25px;background: #fff;border-radius: 6px;border: 3px solid #333;width:calc((100% - 15px) / 2);max-width: 600px;transition:all .3s ease;}
div.postlist div:hover img {opacity:0.8;/*transform: scale(1.1);*/}
div.postlist div a.permalink{position:absolute;top:0;left:0;display:block;width:100%;height:100%;z-index:2;}

div.postlist div p{margin-bottom:5px;padding: 0 15px;font-size: 12px;line-height: 1.4em;letter-spacing: 0.075em;}
div.postlist div p.thumb{overflow: hidden;position:relative;margin-bottom:10px;padding:0;border-radius: 2px 2px 0 0;transition:all .2s ease;}
div.postlist div p.thumb img{width:100%;height:calc(100vw / 5);min-height:250px;object-fit:cover;object-position:center;transition: .3s;}

div.postlist div h3{margin-bottom:10px;padding: 0 15px;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;font-size: 16px;text-align: left;line-height:1.4em;}
div.postlist div:hover h3,
div.postlist div:hover ul.tag{opacity:0.8;/*color:#f06e00;*/}

div.postlist div ul.tag {overflow: hidden;position: absolute;bottom:10px;display:flex;flex-wrap: wrap;justify-content:left;margin-bottom:0;padding: 0 15px;font-size:12px;line-height: 1.5em;height: 20px;z-index: 5;}
div.postlist div ul.tag li{margin-bottom:0;}
div.postlist div ul.tag li a{margin-right:10px;padding:0;background: none;border:none;color:#aaa;}
div.postlist div ul.tag li:last-child{margin-right:0;}
div.postlist div ul.tag li a::before{margin-right: 3px;font-family:"icomoon";content:"\e94b";color: #bbb;}
div.postlist div ul.tag li a:hover,
div.postlist div ul.tag li a:hover::before{color:#888;}

@media only screen and (max-width: 460px) {
	div.postlist::after {width:100%;}
	div.postlist div{width:100%;}
	
	div.postlist div p.thumb::before{padding:18px 0 0 18px;font-size:18px;width:40px;height:40px;}
	div.postlist div h3{font-size: 15px;line-height: 1.2em;}
	div.postlist div ul.tag {font-size:11px;}
}

/* ---------------------------------------------------
   single
--------------------------------------------------- */
body#single main article{margin: 0 auto 30px auto;max-width: 1120px;}
body#single main article a.button{margin-bottom:45px;}
body#single main article picture{display: block;margin-bottom:60px;}

body#single main article p#thumb{overflow: hidden;position: relative;margin:-30px -30px 30px -30px;background:#333;width:calc(100% + 60px);height:300px;}
body#single main article p#thumb img{width:100%;object-fit: cover;object-position: center;height:300px;max-width:100%;border-radius:7px 7px 0 0;}

body#single main article ul.post-categories,
body#single main article ul.post-categories li{position:unset;margin-bottom:2px;}

body#single main article h1{font-size:25px;line-height: 1.6em;}
body#single main article ul.category{display:flex;flex-wrap: wrap;justify-content:left;font-size:16px;}
body#single main article ul.category li{margin-right:10px;margin-bottom:0;}
body#single main article ul.category li:last-child{margin-right:0;}
body#single main article ul.category li::after{content:",";}
body#single main article ul.category li:last-child::after{display:none;}

body#single main article ul.tag{font-size: 12px;}
body#single main article ul.tag li{margin-bottom:0;}
body#single main article ul.tag li a{color:#aaa;}
body#single main article ul.tag li a::before {margin-right: 3px;font-family: "icomoon";content: "\e94b";color: #bbb;}
body#single main article ul.tag li a:hover,
body#single main article ul.tag li a:hover::before{color:#888;}

/* 記事内style */
body#single main article{margin: 0 auto;padding:30px 30px 0 30px;border:3px solid #333;border-radius: 10px;background: #fff;max-width: 800px;}
body#single main article p{margin-bottom:30px;line-height:1.6em;}
body#single main article img{max-width: 600px;}
body#single main article video{width:100%;}

body#single main article h2{margin-bottom:30px;}
body#single main article h2::before{margin-right:15px;background:#f06e00;border-radius:3px;width:6px;height:100%;}

@media only screen and (max-width: 800px) {
	body#single main article{margin: 0 -30px 30px -30px;width: calc(100% + 60px);border-right:none;border-left:none;border-radius:0;}
	body#single main article p#thumb img{border-radius:0;}
}