/*!
Template:rishun
Theme Name: rishun_child
Theme URI: https://rishuntrading.co.jp
Description: Rishun is a very simple & easy to customize theme which is based on the Bootstrap. It is also very friendly with custom post types and custom taxonomies. When you add a new one, the breadcrumbs will be adjusted and posts will look beautifully without editing or adding a template files.
Author: RishunTrading Limited.
Author URI: https://rishuntrading.co.jp
Version: 1.0.0
Requires at least: 1.0
Tested up to: 1.0.0
Requires PHP: 5.6.0
Tags: blog, one-column, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks

License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Rishun WordPress theme, Copyright (C) 2022 RishunTrading Limited.
Rishun WordPress theme is licensed under the GPL.
Update Author:RishunTrading Limited
Update Author URI:https://rishuntrading.co.jp/
Version:1.0.0
*/
@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Jost:wght@100..900&family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap');
/************************************************************/
:root{
    --fontawesome:"Font Awesome 6 Free";
    --fontawesome2:"Font Awesome 6 Brands";
    --linecolor:#06c755;
    --noto:"Noto Serif JP", serif;
    --sans:"Noto Sans JP", sans-serif;
    --jost:"Jost", sans-serif;
}
/*==========================================================*/
/* defalt define											*/
/*==========================================================*/
body, p{
    font-size:17px;
    color:#333;
    line-height:1.7;
    font-family:var(--noto);
}
body a{
    transition:all .3s;
}
.nodata{
    color:#ff0000;
}
img{
    width:100%;
    height:auto;
}
.entry-body img{
    display:unset;
    width:auto;
    height: auto;
    max-width: 100%;
}
@media print {
    #mobile-menu {
        display: none !important;
    }
}
/*---- origin ----*/
.imgarea {
    margin-bottom:1rem;
    text-align: center;
}
.imgarea img {
    width:100%;
}
.gmap-wrap {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-bottom:100%;
}
.gmap-wrap iframe, .gmap-wrap object, .gmap-wrap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.detail-wrap{
    padding:20px 0;
}
img.aligncenter {
    display: block;
    margin-left:auto;
    margin-right:auto;
}
img.alignleft {
    float:left;
}
img.alignright{
    float:right;
}
a.tellink {
    transition: all .3s;
}
table {
    border-collapse: collapse;
}
.entry-body {
    padding:40px 0;
}
.single .entry-body img {
    display: inline;
    width: auto;
    max-width:100%;
}
.tb-inline,.tb-inline-block,.tb-block,.tb-flex,.pc-inline,.pc-inline-block,.pc-block,.pc-flex {
    display: none;
}
.bgoverlay {
    position: relative;
}
.bgoverlay::before {
    content: '';
    position: absolute;
    top: 0;
    left:0;
    width:100%;
    height:100%;
}
.bgoverlay>div {
    position: relative;
    z-index: 1;
}
@media(min-width:500px){
    .d-500-none {
        display: none;
    }
}
@media(min-width:768px){
    a.tellink {
        pointer-events: none;
    }
    .tb-inline {
        display: inline!important;
    }
    .tb-inline-block {
        display: inline-block!important;
    }
    .tb-block {
        display: block!important;
    }
    .tb-flex {
        display: flex!important;
    }
}
@media(min-width:992px){
    .pc-inline {
        display: inline!important;
    }
    .pc-inline-block {
        display: inline-block!important;
    }
    .pc-block {
        display: block!important;
    }
    .pc-flex {
        display: flex!important;
    }
}
/* fade-in animation */
.fade-in,.load-in{
	opacity:0;
	transition:all .7s;
}
.fade-in.fade-in-up,.load-in.fade-in-up{
  -webkit-transform: translate(0,30px);
  -moz-transform: translate(0,30px);
  -ms-transform: translate(0,30px);
  transform: translate(0,30px);
}
.fade-in.fade-in-left{
  -webkit-transform:translate(-30px,0);
  -moz-transform:translate(-30px,0);
  -ms-transform:translate(-30px,0);
  transform:translate(-30px,0);
}
.fade-in.fade-in-right{
  -webkit-transform:translate(30px,0);
  -moz-transform:translate(30px,0);
  -ms-transform:translate(30px,0);
  transform:translate(30px,0);
}
.load-in.scroll-in,.fade-in.scroll-in{
  opacity:1;
  -webkit-transform: translate(0,0)!important;
  -moz-transform: translate(0,0)!important;
  -ms-transform: translate(0,0)!important;
  transform: translate(0,0)!important;
}
/*---- title,font ----*/
.h1org,.h2org,.h3org,.h4org {
    line-height: 1.5;
}
.h1org {
    font-size:24px;
}
.jp_en_ttl{
    font-size:40px;
    margin-bottom:30px;
    display:table;
}
.jp_en_ttl span{
    display:block;
    line-height:1.4;
    font-size:28px;
    margin-bottom:3px;
    font-family:var(--jost);
}
.jp_en_ttl h2{
    font-size:14px;
    position:relative;
    margin-bottom:0;
    padding-left:20px;
}
.jp_en_ttl h2::before{
    content:'';
    position:absolute;
    top:50%;
    left:0;
    -webkit-transform:translateY(-50%);
    transform:translateY(-50%);
    width:15px;
    height:1px;
    background:#333;
}
.jp_en_ttl.wh{
    color:#fff;
}
.jp_en_ttl.wh h2::before{
    background:#fff;
}
.h2org{
    font-size:22px;
    margin-bottom:2rem;
}
.h3org {
    font-size:20px;
    margin-bottom:1.5rem;
}
.h4org {
    font-size:18px;
    margin-bottom:1rem;
}
@media(min-width:768px){
    .h1org {
        font-size:26px;
    }
    .h2org {
        font-size:24px;
    }
    .h3org {
        font-size:22px;
    }
    .h4org {
        font-size:20px;
    }
    .jp_en_ttl span{
        font-size:38px;
        font-weight:300;
    }
    .jp_en_ttl h2{
        font-size:15px;
        padding-left:25px;
    }
    .jp_en_ttl.flx{
        display:flex;
        align-items:center;
    }
    .jp_en_ttl.flx span{
        margin-right:20px;
        margin-bottom:0;
    }
    .jp_en_ttl.flx.cntr{
        justify-content:center;
    }
}
@media(min-width:992px){
    .h1org {
        font-size:30px;
    }
    .h2org {
        font-size:30px;
    }
    .h3org {
        font-size:24px;
    }
    .jp_en_ttl span{
        font-size:42px;
    }
    .jp_en_ttl h2{
        font-size:16px;
    }
}
/*---- #header ----*/
.site-header-logo{
    font-size:20px;
    display:flex;
    align-items:center;
}
/* mobilemenu */
.mobile-navi-btn{
    background:#fff;
}
.mobile-navi-btn.right {
    width: 50px;
    height: 50px;
    top:4px;
    right:7px;
}
.mobile-navi-btn span {
    position: absolute;
    background:#333;
    height:2px;
    width:30px;
    left:50%;
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    transition: all .3s;
}
.mobile-navi-btn span:nth-child(1){
    top:30%;
}
.mobile-navi-btn span:nth-child(2){
    top:50%;
}
.mobile-navi-btn span:nth-child(3){
    top:70%;
}
.mobile-navi-btn.mobile-navi-open{
    background:var(--burger-bkcolor);
}
.mobile-navi-btn.mobile-navi-open span{
    background:#fff;
}
.mobile-navi-btn.mobile-navi-open span:nth-child(1) {
    top: 28%;
    left: calc(50% - 4px);
    transform: rotate(-45deg) translate(-50%,-50%);
}
.mobile-navi-btn.mobile-navi-open span:nth-child(2){
    opacity: 0;
}
.mobile-navi-btn.mobile-navi-open span:nth-child(3) {
    top: 71%;
    left: calc(50% - 5px);
    transform: rotate(45deg) translate(-50%,-50%);
}
.site-mobile-nav>div{
    padding:0;
    background:rgba(255, 255, 255, 0);
}
.site-mobile-menu>li{
    padding: 0;
    margin: 0;
}
.site-mobile-menu>li>a{
    display: block;
    padding: 15px 5px;
    font-weight:500;
    font-family:var(--noto);
}
.site-mobile-menu>li.menu-item-has-children>a {
    position:relative;
}
.site-mobile-menu>li.menu-item-has-children>a::before,.site-mobile-menu>li.menu-item-has-children>a::after {
    content: '';
    position: absolute;
    top: 50%;
    width: 15px;
    height: 2px;
    background: var(--main2);
    transition: all .3s;
}
.site-mobile-menu>li.menu-item-has-children>a::before{
    right: 10px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}
.site-mobile-menu>li.menu-item-has-children>a::after{
    right: 11px;
    top: calc(50% - 1px);
    -webkit-transform:rotate(90deg) translateY(-50%);
    transform:rotate(90deg) translateY(-50%);
}
.site-mobile-menu>li.menu-item-has-children.clicked>a::before {
    opacity: 0;
}
.site-mobile-menu>li.menu-item-has-children.clicked>a::after{
    -webkit-transform: rotate(0deg) translateY(-50%);
    transform: rotate(0deg) translateY(-50%);
}
.site-mobile-menu ul.sub-menu{
    padding-left: 15px;
    display: none;
}
.site-mobile-menu ul.sub-menu>li>a{
    display: block;
    padding:7px 5px;
}
.site-mobile-menu>li>a:not([href]):not([class]){
    color:var(--sp-menu-font-color);
}
.site-mobile-menu li.menuctt{
    border:none;
    padding-top:15px;
    display:flex;
    justify-content:center;
}
.site-mobile-menu li.menuctt a{
    display:flex!important;
    justify-content:center;
    align-items:center;
    font-family:var(--sans);
    color:#fff!important;
    background:#763e45;
    border:1px solid #763e45;
    font-weight:700!important;
    width:350px;
    max-width:100%;
    padding:13px 20px;
}
.site-mobile-menu li.menuctt a::before{
    content:'\f0e0';
    display:block;
    font-family:var(--fontawesome);
    font-weight:700;
    font-size:120%;
    margin-right:5px;
}
.site-mobile-menu li.menuctt a:hover{
    color:#763e45!important;
    background:#fff;
}
.site-header-menu li.menufront{
    display:none;
}
.menu_nolink{
    display:none!important;
}
@media(min-width:768px){
    .site-header-logo{
        font-size:24px;
    }
}
@media(max-width:991px){
    .site-header,.scrolled .site-header-wrap,.site-header-inner{
        height:55px;
    }
    .contact-btn{
        display:none;
    }
}
@media(min-width:992px){
    .site-header-menu>li{
        margin-right:8px;
    }
    .site-header-menu>li:last-child{
        margin-right:0;
    }
    .site-header-menu>li>a{
        font-weight:500;
        letter-spacing:0;
    }
    .site-header-menu>li>a:not([href]):not([class]){
        cursor:pointer;
    }
    .site-header-menu li.menuctt{
        display:none;
    }
    .contact-btn>div{
        justify-content:flex-end;
    }
    .contact-btn>div>a{
        width:200px;
        padding:12px;
        font-size:15px;
        font-family:var(--sans);
        font-weight:500;
        border-radius:0;
    }
    .contact-btn>div>a>i{
        font-size:120%;
    }
    .contact-btn>div>a:first-of-type {
        margin-right:0;
    }
}
figure{
    width:fit-content;
    max-width:100%;
    padding-top:0;
    position:static;
    overflow:unset;
    margin:0;
}
figure>img{
    width:auto;
    max-width:100%;
    height:auto;
    object-fit:contain;
    position:static;
    transition:none;
}
/* ---- #anchor link setting ---- */
.anchor{
    scroll-margin-top:calc(var(--header-h, 0px) + 20px);
}
/*---- #top page ----*/
/* #hero_sec */
.hero_sec{
    padding-top:80px;
    padding-bottom:120px;
}
.hero_sec,.hero_sec .contains-frm{
    position:relative;
}
.bedlamfarm{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    object-fit:cover;   
}
.mainttl{
    margin-bottom:20px;
    font-size:35px;
    font-weight:500;
    line-height:1.6;
}
.subttl{
    color:#763e45;
    font-size:15px;
    font-weight:700;
    margin-bottom:20px;
}
.hero_sec .names{
    margin-bottom:50px;
}
.hero_sec .names p{
    display:inline-block;
    font-size:14px;
    font-family:var(--sans);
}
.hero_sec .names span{
    font-size:16px;
    margin-right:5px;
    font-weight:500;
}
.hero_sec .names p:first-child{
    margin-right:15px;
}
.hero_sec .names p:first-child span{
    font-size:18px;
    font-family:var(--jost);
}
.hero_sec .intro{
    font-size:15px;
    line-height:1.8;
    font-weight:500;
}
/* #top_info */
.top_info{
    padding-top:0;
}
.infoWrap{
    position:relative;
    top:-40px;
    margin-bottom:-40px;
}
.ulinfo{
    padding-left:0;
    list-style:none;
    margin-bottom:0;
}
.ulinfo li{
    padding:12px 5px;
    border-bottom:1px solid #aaa;
}
.ulinfo li:first-child{
    border-top:1px solid #aaa;
}
.ulinfo time{
    display:table;
    font-size:16px;
    font-family:var(--jost);
    font-weight:400;
    margin-bottom:5px;
}
.infodtl,.infodtl p,.infodtl a{
    font-size:15px;
}
.infodtl a{
    color:unset;
}
/* #scroll-images */
.s_imgWrap{
    padding:20px 0;
    margin: 0 calc(50% - 50vw);
    width: 100vw;
}
.scroll-images{
    opacity:0;
    height:16vh;
    transition:all .2s;
}
.scroll-images.slick-initialized{
    opacity:1;
}
.scroll-images .slick-list.draggable,.scroll-images .slick-track {
  height:100%;
}
.scroll-images .scrollimg{
  height:100%;
  width:fit-content!important;
}
.scroll-images .scrollimg img{
  height:100%;
  width:auto;
  max-width:100%;
  object-fit:contain;
}
@media(min-width:768px){
    /* #hero_sec */
    .hero_sec{
        padding-top:120px;
        padding-bottom:160px;
    }
    .mainttl,.subttl,.hero_sec .names,.intro{
        text-align:center;
    }
    .mainttl{
        margin-bottom:5px;
        font-size:48px;
        font-weight:600;
    }
    .subttl{
        font-size:18px;
    }
    .mainttl br{
        display:none;
    }
    .hero_sec .names span{
        font-size:20px;
    }
    .hero_sec .names p:first-child span{
        font-size:22px;
    }
    .hero_sec .intro{
        font-size:16px;
    }
    /* #top_info */
    .infoWrap{
        top:-80px;
        margin-bottom:-80px;
    }
    .ulinfo li{
        display:flex;
    }
    .ulinfo time{
        margin-right:20px;
    }
    /* #scroll-images */
    .scroll-images{
        height:20vh;
    }
}
@media(min-width:992px){
    /* #hero_sec */
    .hero_sec{
        padding-bottom:200px;
    }
    .mainttl{
        font-size:64px;
    }
    .subttl{
        font-size:22px;
    }
    .hero_sec .names p{
        font-size:16px;
    }
    .hero_sec .names p:first-child{
        margin-right:30px;
    }
    .hero_sec .names span{
        font-size:22px;
        margin-right:8px;
    }
    .hero_sec .names p:first-child span {
        font-size: 24px;
    }
    .hero_sec .intro {
        font-size: 18px;
        line-height: 2.3;
    }
    /* #top_info */
    .infoWrap{
        display:flex;
        justify-content:space-between;
        align-items:flex-start;
    }
    .infoWrap .ulinfo{
        width:calc(100% - 220px);
    }
    /* #scroll-images */
    .scroll-images{
        height:200px;
    }
}
@media(min-width:1200px){
    .infoWrap .ulinfo{
        width:calc(100% - 280px);
    }
}
/* #story_sec */
.story_sec p{
    line-height:1.7;
    margin-bottom:1rem;
}
.story_sec p:last-child{
    margin-bottom:0;
}
.story_sec p .br1{
    display:none;
}
.sumlink a{
    position:relative;
    padding-bottom:3px;
    padding-right:20px;
    color:#763e45;
    font-weight:500;
}
.sumlink a::before,.sumlink a::after{
    content:'';
    position:absolute;
    bottom:0;
    right:0;
    height:1px;
    background:#763e45;
    transition:all .3s;
}
.sumlink a::before{
    width:100%;
}
.sumlink a::after{
    width:10px;
    bottom:2px;
    -webkit-transform:rotate(25deg);
    transform:rotate(25deg);
}
.sumlink a:hover{
    opacity:0.8;
}
.sumlink a:hover::before,.sumlink a:hover::after{
    right:-5px;
}
/* #lights_sec */
.flxsec{
    padding:0;
    margin-bottom:40px;
}
.flxsec .txtWrap{
    padding-top:40px;
    padding-bottom:40px;
}
.lights_sec{
    background:#333;
}
.lights_sec .txtWrap,.lights_sec .txtWrap p{
    color:#fff;
}
.flxsec .imgWrap img{
    height:100%;
    aspect-ratio:16/9;
    object-fit:cover;
}
.ullights{
    padding-left:0;
    margin-bottom:0;
    list-style:none;
}
.ullights li{
    margin-bottom:26px;
}
.ullights h3{
    font-size:18px;
    line-height:1.5;
    margin-bottom:7px;
    position:relative;
    padding-left:24px;
    font-weight:700;
}
.ullights h3::before{
    content:'';
    position:absolute;
    top:14px;
    left:0;
    width:15px;
    height:1px;
    background:#fff; 
}
.ullights p{
    font-size:16px;
}
/* #author_sec */
.authorflx img{
    object-fit:contain;
}
.a_imgname{
    display:block;
    font-size:14px;
    margin-top:5px;
}
.authorname{
    margin-bottom:1rem;
    font-size:15px;
}
.authorname span{
    font-family:var(--jost);
    font-size:24px;
    margin-right:10px;
}
.authorflx .txtarea p{
    margin-bottom:1rem;
}
.authorflx .txtarea p:last-child{
    margin-bottom:0;
}
/* #trans_sec */
.bgfixed{
  position:relative;
  overflow:hidden;
}
.bgfixed>.fixed-img{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  will-change:clip-path;
  -webkit-clip-path:inset(0);
  clip-path:inset(0);
  z-index:-1;
}
.bgfixed>.fixed-img::before{
  content:'';
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
.trans_sec .fixed-img{
    opacity:0.2;
}
.trans_sec .fixed-img::before{
  background: url(./img/a-dog-in-the-snow3.jpg)no-repeat center center/cover;
}
.transname{
    margin-bottom:1rem;
    font-size:15px;
}
.transname span{
    font-weight:700;
    font-size:20px;
    margin-right:10px;
}
.transmsg p{
    margin-bottom:1rem;
}
.transmsg p:last-child{
    margin-bottom:0;
}
@media(min-width:768px){
    /* #lights_sec */
    .flxsec{
        display:flex;
    }
    .lights_sec{
        flex-direction:row-reverse;
    }
    .flxsec .imgWrap{
        width:40%;
    }
    .flxsec .txtWrap{
        width:60%;
    }
    .flxsec .txtWrap .contains-wrap{
        padding:0 30px;
    }
    /* #author_sec */
    .authorname span{
        font-size:28px;
    }
    /* #camp_sec */
    .camp_sec .imgWrap img{
        object-position:92%;
    }
}
@media(min-width:768px) and (max-width:991px){
    .authorflx .imgarea img{
        width:500px;
    }
}
@media(min-width:992px){
    .story_sec p{
        line-height:2;
    }
    .flxsec .txtWrap .contains-wrap{
        padding:0 10%;
    }
    /* #author_sec */
    .authorflx{
        display:flex;
        flex-direction:row-reverse;
        justify-content:space-between;
        align-items:flex-start;
    }
    .authorflx .imgarea{
        width:370px;
    }
    .authorflx .txtarea{
        width:calc(100% - 420px);
    }
}
@media(min-width:1200px){
    .story_sec p{
        text-align:center;
    }
    .story_sec p .br1{
        display:inline;
    }
    /* #author_sec */
    .authorname span{
        font-size:32px;
    }
}
/* #voice_sec */
.voice_sec{
    background:url(./img/the-rural-landscape-deer-stand.jpg)no-repeat center center/cover;
    position:relative;
}
.voice_sec::before{
    content:'';
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background:rgba(51, 51, 51, 0.7);
}
.voice_sec>div{
    position:relative;
}
.ulvoice{
    padding-left:0;
    max-width:900px;
    margin:0 auto;
    list-style:none;
}
.ulvoice li{
    background-color:#fff;
    margin-bottom:30px;
    padding:1rem;
    border-left:10px solid #DDD;
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
}
.ulvoice .thum{
    width:60px;
}
.ulvoice img{
    width:60px;
    height:60px;
    border-radius:50%;
    object-fit:cover;
    aspect-ratio:1/1;
}
.ulvoice .txt{
    width:calc(100% - 75px);
}
.ulvoice:last-child{
    margin-bottom:0;
}
.v_dtl{
    font-size:16px;
    margin-bottom:5px;
}
.v_name{
    display:table;
    margin-left:auto;
    font-size:14px;
    position:relative;
    padding-left:18px;
    color:#444;
}
.v_name::before{
    content:'';
    position:absolute;
    top:12px;
    left:0;
    width:12px;
    height:1px;
    background:#555;
}
.nodata_w{
    color:#fff;
}
/* #faq_sec */
.dl_faq{
	max-width:900px;
	margin:0 auto;
}
.dl_faq dt{
	margin-bottom:5px;
	border-bottom:1px solid #ccc;
}
.dl_faq .dlbtn{
	padding:13px 27px 13px 5px;
	border:none;
	border-radius:0;
	background:rgba(255,255,255,0);
	width:100%;
	display:block;
	text-align:left;
	position:relative;
	line-height:1.7;
	transition: all .3s;
	font-weight:700;
    color:#444;
}
.dl_faq .dlbtn:hover{
	opacity:0.8;
}
.dl_faq .dlbtn::before,.dl_faq .dlbtn::after{
	content:'';
	position:absolute;
	transition:all .2s;
	border-radius:50px;
	width:15px;
	height:2px;
	background:#888;
}
.dl_faq .dlbtn::before{
	top:50%;
	right:5px;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}
.dl_faq .dlbtn::after{
	top:calc(50% - 1px);
	right:6px;
	-webkit-transform:rotate(90deg) translateY(-50%);
	transform:rotate(90deg) translateY(-50%);
}
.dl_faq .dlbtn.ddopen::before{
	opacity:0;
}
.dl_faq .dlbtn.ddopen::after{
	-webkit-transform:rotate(0deg) translateY(-50%);
	transform:rotate(0deg) translateY(-50%);
}
.dl_faq dd{
	display:none;
	padding-top:1rem;
}
.dl_faq dd>span{
	font-weight:600;
	color:#763e45;
}
/* #gallery_sec */
.beforeslider{
    margin-bottom:30px;
    font-size:14px;
}
.gallerySlider{
    opacity:0;
    height:16vh;
    transition:all .2s;
}
.gallerySlider.slick-initialized{
    opacity:1;
}
.gallerySlider .slick-list.draggable,.gallerySlider .slick-track {
  height:100%;
}
.gallerySlider .imgs{
  height:100%;
  width:fit-content!important;
  margin-right:2px;
}
.gallerySlider .imgs img{
  height:100%;
  width:auto;
  max-width:100%;
  object-fit:contain;
}
.g-arrow::before{
    color: #fff;
    font-family:var(--fontawesome);
    font-weight:700;
    font-size:24px;
}
.g-arrow.slick-prev{
    z-index:1;
    left:20px;
}
.g-arrow.slick-next{
    right:20px;
}
.g-arrow.slick-prev::before{
    content:'\f053';
}
.g-arrow.slick-next::before{
    content:'\f054';
}
.front-page .lb-data .lb-number{
    display:none!important;
}
.gallerySlider .imgs a:hover{
    opacity:0.8;
}
/* #ctt_sec */
.ctt_sec{
    padding-bottom:0;
}
.priWrap{
    border-radius:20px;
    overflow:hidden;
    height:300px;
    margin-bottom:20px;
}
.pridtl{
    padding:1rem;
    height:300px;
    overflow-y:scroll;
    background:#efefef;
}
.priWrap,.priWrap p{
    font-size:15px;
    color:#505050;
    font-family:"Noto Sans", sans-serif;
}
.priWrap h3{
    font-size:17px;
    margin-bottom:1rem;
    line-height:1.5;
}
.beforeform1{
    margin-bottom:40px;
}
/* #ope_sec */
.ope_sec h2{
    font-size:24px;
    text-align:center;
    margin-bottom:20px;
}
.dl_ope{
    max-width:850px;
    margin:0 auto;
}
.dl_ope dt{
    padding:10px 5px 5px;
    font-size:16px;
}
.dl_ope dd{
    font-size:16px;
    padding:0 5px 10px;
    margin-bottom:0;
    border-bottom:1px solid #ccc;
}
.dl_ope dt:first-of-type{
    border-top:1px solid #ccc;
}
/* #btnWrap */
.btnWrap{
    padding-bottom:40px;
    display:flex;
    justify-content:center;
}
.btnWrap a{
    display:block;
    width:300px;
    max-width:100%;
    padding:12px 20px;
    background:#763e45;
    color:#fff;
    text-align:center;
    font-family:var(--sans);
    font-weight:700;
    font-size:16px;
    border:1px solid #763e45;
}
.btnWrap a:hover{
    background:#fff;
    color:#763e45;
}
@media(min-width:400px){
    /* #voice_sec */
    .ulvoice>li{
        padding:20px;
    }
    /* #faq_sec */
	.dl_faq dd{
		padding:20px;
	}
    /* #ctt_sec */
    .pridtl{
        padding:20px;
    }
}
@media(min-width:768px){
    /* #faq_sec */
	.dl_faq dd{
		padding-left:38px;
		position:relative;
	}
	.dl_faq dd>span{
		position:absolute;
		top:20px;
		left:20px;
	}
	.dl_faq .dlbtn{
		padding:13px 42px 13px 20px;
	}
	.dl_faq .dlbtn::before{
		right:20px;
	}
	.dl_faq .dlbtn::after{
		right:21px;
	}
    /* #gallery_sec */
    .beforeslider{
        text-align:center;
    }
    .gallerySlider{
        height:20vh;
    }
    /* #ctt_sec */
    .beforeform1{
        text-align:center;
    }
    .btnWrap a{
        font-size:18px;
        padding:15px 20px;
        width:400px;
    }
    /* #ope_sec */
    .dl_ope{
        display:flex;
        flex-wrap:wrap;
    }
    .dl_ope dt{
        padding:13px 10px;
        width:170px;
        border-bottom:1px solid #ccc;
    }
    .dl_ope dd{
        width:calc(100% - 170px);
        padding:13px 10px;
        padding-left:0;
    }
    .dl_ope dd:first-of-type{
        border-top:1px solid #ccc;
    }
    .ope_sec h2{
        font-size:24px;
    }
}
@media(min-width:992px){
    /* #gallery_sec */
    .gallerySlider{
        height:200px;
    }
    /* #ope_sec */
    .ope_sec h2{
        font-size:26px;
    }
}
/*---- #summary page ----*/
.s_light img{
    width:420px;
    max-width:100%;
    object-fit:contain;
}
.s_light.image2 img{
    width:600px;
}
.s_light.image3 img{
    width:200px;
}
.s_light.image7 img,.s_light.image13 img,.s_light.image31 img,.s_light.image58 img{
    width:350px;
}
.s_light a{
    display:block;
    width:fit-content;
}
.s_light a:hover,.s_light a:focus{
    opacity:0.8;
}
.s_light.group>div{
    display:inline-block;
    margin-bottom:10px;
    margin-right:10px;
}
.s_light.group>div:last-child{
    margin-right:0;
}
.l_add{
    display:block;
    font-size:15px;
}
/*---- #page-header ----*/
.page-header{
    background:url(./img/bedlam-farm-in-the-snow.jpg)no-repeat center 70%/cover;
}
.page-header-ttl .jp{
    margin-bottom:5px;
}
@media(min-width:992px){
    .page-header{
        height:200px;
    }
}
/*---- #footer ----*/
.ftrinfo p,.ftrinfo a{
    color:var(--footer-font-color);
}
.site-footer-menu{
    text-align:center;
}
.site-footer-menu>li{
    margin-bottom:10px;
}
.site-footer-menu>li>a{
    font-family:var(--noto);
    padding:5px;
    position:relative;
}
.site-footer-menu>li>a::after{
    content:'';
    position:absolute;
    bottom:0;
    left:0;
    width:0;
    height:1px;
    background:var(--footer-font-color);
    transition:all .3s;
}
.site-footer-menu>li>a:hover:after{
    width:100%;
}
.copyright{
    margin-top:30px;
    font-weight:400;
}
@media(max-width:767px){  
    .site-footer-menu{
        display:flex;
        flex-wrap:wrap;
    }
    .site-footer-menu>li{
        width:calc(100% / 3);
        padding:5px;
        text-align:left;
    }
    .site-footer-menu>li.menuctt{
        width:100%;
    }
}
@media(max-width:599px){
    .site-footer-menu>li{
        width:50%;
    }
}
/***************************/
/* addition                */
/***************************/
.storylink a{
    width:300px;
    height:60px;
    border-radius:30px;
    background:linear-gradient(45deg, #000 0%, #555 100%);
    color:#fff;
    display:flex;
    justify-content: center;
    align-items:center;
    margin:0 auto;
    position:relative;
    transition:all 0.5s;
    box-shadow:0 0 5px rgba(0,0,0,0.4);
}
.storylink a:before{
    content: '';
    position: absolute;
    top: 0;
    left: -75%;
    width: 50%;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .3) 100%);
    transform: skewX(-25deg);
    animation: shine 5s linear infinite;
    pointer-events:none;
}
.storylink a i{
    position:absolute;
    top:50%;
    right:20px;
    transform:translateY(-50%);
    transition:all 0.5s;
}
.storylink a:hover{
    transform:scale(1.1);
    box-shadow:none;
}
.storylink a:hover i{
    right:10px;
}
@keyframes shine {
    0%{ left: -75%; }
    10% { left: 125%; }
    100% { left: 150%; }
}
@media(min-width:768px){
    .storylink a{
        width:400px;
    }    
}