@charset "utf-8";


/* ----------------------------------------------------------------------
	selection
---------------------------------------------------------------------- */

::selection { background: #a67c49; color: #fff; }
::-moz-selection { background: #a67c49; color: #fff; }


/* ----------------------------------------------------------------------
	html,body
---------------------------------------------------------------------- */

html { font-size: 62.5%; }

body {
	font-family: YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo, sans-serif;
	color: #444;
	font-size: 1.6rem;
	line-height: 1.6;
    letter-spacing: .1em;
    font-feature-settings: "palt";
	-webkit-text-size-adjust: none;
    min-width: 1280px;
}


@media screen and (max-width: 990px) {
	body { min-width: inherit; }
}


/* ----------------------------------------------------------------------
	anchor
---------------------------------------------------------------------- */

a { -webkit-tap-highlight-color: rgba(0,0,0,0.3); transition: 0.3s; }
a:link { color: #444; text-decoration: underline; }
a:visited { color: #444; text-decoration: underline; }
a:hover { color: #a67c49; text-decoration: none; }
a:active { color: #a67c49; text-decoration: none; }
a:focus { outline: none; }
a img { transition: 0.3s; }
a:hover img { opacity: 0.8; }


/* ----------------------------------------------------------------------
	txt
---------------------------------------------------------------------- */

.font-ja {
    font-family: Ryumin Regular KL , "リュウミン R-KL" , YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    letter-spacing: .16em;
}

.font-ja--bold {
    font-family: Ryumin Bold KL , "リュウミン B-KL" , YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    letter-spacing: .16em;
}

.font-ja--bold {
    font-family: Ryumin Medium KL , "リュウミン M-KL" , YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
    letter-spacing: .16em;
}

.fs10 { font-size: 10px !important; font-size: 1rem !important; }
.fs11 { font-size: 11px !important; font-size: 1.1rem !important; }
.fs12 { font-size: 12px !important; font-size: 1.2rem !important; }
.fs13 { font-size: 13px !important; font-size: 1.3rem !important; }
.fs14 { font-size: 14px !important; font-size: 1.4rem !important; }
.fs15 { font-size: 15px !important; font-size: 1.5rem !important; }
.fs16 { font-size: 16px !important; font-size: 1.6rem !important; }
.fs17 { font-size: 17px !important; font-size: 1.7rem !important; }
.fs18 { font-size: 18px !important; font-size: 1.8rem !important; }
.fs19 { font-size: 19px !important; font-size: 1.9rem !important; }
.fs20 { font-size: 20px !important; font-size: 2rem !important; }

.left { text-align: left !important; }
.center { text-align: center !important; }
.right { text-align: right !important; }

.bold { font-weight: bold; }

.color-red { color:  #af3a3a; }
.color-ocher { color: #a67c49; }

.marker {
    background: linear-gradient(transparent 50%, #faee00  50%);
    padding: 0 0 0.3em;
}

.underline p {
	padding: 0 0 0.4em;
	border-bottom: 1px solid #444;
	display: inline-block;
}

.none { display: none; }

.br { display: block; }

@media screen and (max-width: 990px) {
    .spbr { display: none; }
    
	.spinline { display: inline; }
	
    .spblock { display: block; }
    
    .spinlineblock { display: inline-block; }
}


/* ----------------------------------------------------------------------
	background
---------------------------------------------------------------------- */

.bg-circle {
    background: url("../img/bg_circle.gif") center center;
    background-size: 90px;
}

.bg-white { background: #fff; }


/* ----------------------------------------------------------------------
	img
---------------------------------------------------------------------- */

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

.no-img { border: 1px solid #ddd; }


/* ----------------------------------------------------------------------
	wrapper
---------------------------------------------------------------------- */

#wrapper { width: 100%; }

@media screen and (max-width: 990px) {
    
}


/* ----------------------------------------------------------------------
	header
---------------------------------------------------------------------- */

.header {
    position: relative;
    z-index: 1;
}

.header__deco-l {
    background: url("../img/header_deco_l.gif") left top no-repeat;
    background-size: 520px 280px;
}

.header__deco-r {
    background: url("../img/header_deco_r.gif") right top no-repeat;
    background-size: 520px 280px;
    position: relative;
    height: 280px;
}

.header__logo {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 1;
    transform: translate(-50%,-50%);
    text-align: center;
}

@media screen and (max-width: 990px) {
    .header__deco-l { background: none; }

    .header__deco-r {
        background: none;
        height: 84px;
    }

    .header__logo {
        position: absolute;
        top: 20px;
        left: 20px;
        transform: translate(0);
        text-align: left;
        line-height: 1;
    }
    
    .header__logo img {
        width: auto;
        height: 44px;
    }
}

@media screen and (max-width: 321px) {
    .header__logo--wedding { top: 22px; }
    
    .header__logo--wedding img { height: 40px; }
}


/* header-g-nav */
.header-g-nav {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    width: 960px;
}

@media screen and (max-width: 990px) {
    .header-g-nav { display: none; }
}


/* h-nav-sp */
.h-nav-sp { display: none; }

@media screen and (max-width: 990px) {
    .h-nav-sp {
        position: absolute;
        top: 20px;
        right: 74px;
        display: flex;
        gap: 0 10px;
    }
    
    .h-nav-sp li a {
        background: #a67c49;
        text-align: center;
        line-height: 1;
        width: 44px;
        height: 44px;
        display: block;
        border-radius: 22px
    }
    
    .h-nav-sp__access a { padding: 10px 0; }
    
    .h-nav-sp__contact a { padding: 14px 0; }
}


/* ----------------------------------------------------------------------
	g-nav
---------------------------------------------------------------------- */

.g-nav__inner {
    display: flex;
    justify-content: space-between;
}

.g-nav__main,
.g-nav__sub {
    writing-mode: vertical-lr;
    font-feature-settings: "vpal";
}

.g-nav__main > li {
    position: relative;
    border-left: 1px solid #444;
}

.g-nav__main { border-right: 1px solid #444; }

.g-nav__main > li > a,
.g-nav__sub > li > a {
    text-decoration: none;
    letter-spacing: .3em;
}

.g-nav__main > li > a {
    font-size: 1.8rem;
    padding: 10px 14px 6px;
    display: block;
}

.g-nav__main-child {
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%,0);
    background-color: rgba(255,255,255,0.95);
    padding: 0 20px 20px;
    box-shadow: 0 0 6px rgba(0,0,0,0.1);
    width: 340px;
    writing-mode: horizontal-tb;
    font-feature-settings: normal;
    display: none;
}

.g-nav__main-child p { text-align: center; }

.g-nav__main-child p a { 
   text-decoration: none;
   font-size: 1.8rem;
   padding: 20px 0 18px;
   display: block;
}

.g-nav__main-child p a span {
    background: url("../img/icon_a_circle_black.png") right center no-repeat;
    background-size: 18px;
    padding-right: 22px;
}

.g-nav__main-child ul  li a {
    background: url("../img/icon_a_gray.png") right center no-repeat;
    background-size: 6px 12px;
    text-decoration: none;
    padding: 12px 0;
    display: block;
}

.g-nav__main-child ul  li.g-nav__blank a {
    background: url("../img/icon_blank.gif") right center no-repeat;
	background-size: 14px 12px;
}

.g-nav__main > li ul li { border-bottom: 1px solid #ddd; }

.g-nav__main > li ul li:first-child { border-top: 1px solid #ddd; }

.g-nav__sub > li > a {
    padding: 10px 8px 6px;
    display: inline-block;
}

#about .g-nav__about > a,
#banquet .g-nav__banquet > a,
#banquet-plan .g-nav__banquet > a,
#kaoawase-plan .g-nav__banquet >a,
#senior-plan .g-nav__banquet >a,
#memorial-plan .g-nav__banquet >a,
#faq-banquet .g-nav__banquet > a,
#hall .g-nav__hall >a,
#rental .g-nav__rental > a,
#about .g-nav__about > a,
#topics .g-nav__topics > a,
#access .g-nav__access > a,
#company .g-nav__company > a,
#contact .g-nav__contact > a { color: #a67c49; }

@media screen and (max-width: 990px) {
    
}


/* ----------------------------------------------------------------------
	content
---------------------------------------------------------------------- */

.content--under {
    padding: 60px 0 0;
    border-top: 1px solid #ddd;
}

.content__deco {
    position: relative;
    z-index: 1;
    background: url("../img/content_bg_pc.png") center top no-repeat;
    background-size: 800px 335px;
    padding: 160px 0 0;
    margin: -194px 0 0;
}

.content__inner {
    margin: 0 auto;
    max-width: 1100px;
}

.content__inner--small { max-width: 900px; }

.content__bg {
    background: #f9f6f2;
    padding: 140px 0;
    margin: 0 0 140px;
}

@media screen and (max-width: 990px) {
    .content--under { padding: 30px 0 0; }
    
    .content__deco {
        background: url("../img/content_bg_sp.png") center top no-repeat;
        background-size: 240px 100px;
        padding: 60px 0 0;
        margin: -50px 0 0;
    }

    .content__inner { margin: 0 20px; }
    
    .content__bg {
        padding: 80px 0;
        margin: 0 0 80px;
    }
}



/* ----------------------------------------------------------------------
	footer-bn
---------------------------------------------------------------------- */

.footer-bn {
    background: url("../img/footer_bn_bg.jpg") center center no-repeat;
    background-size: cover;
    padding: 90px 0;
}

.footer-bn__list {
    margin: 0 auto;
    max-width: 1100px;
    display: flex;
    justify-content: space-between;
}

.footer-bn__list li { width: 530px; }

.footer-bn__list li a {
    color: #fff;
    text-align: center;
    text-decoration: none;
    background-clip: border-box;
    padding: 40px;
    border: 1px solid rgba(255,255, 255,0.4);
    display: block;
}

.footer-bn__list li a:hover { background-color: rgba(255,255, 255,0.08); }

.footer-bn__list li a dl dt {
    font-size: 2.2rem;
    padding-top: 40px;
}

.footer-bn__contact a dl dt {
    background: url("../img/icon_mail.png") center top 3px no-repeat;
    background-size: 34px 24px;
}

.footer-bn__access a dl dt {
    background: url("../img/icon_access.png") center top 3px no-repeat;
    background-size: 20px 30px;
}

@media screen and (max-width: 990px) {
    #home .footer-bn { display: none; }
    
    .footer-bn { padding: 20px; }

    .footer-bn__list { display: block; }

    .footer-bn__list li {
        margin: 0 0 20px;
        width: auto;
    }
    .footer-bn__list li:last-child { margin: 0; }

    .footer-bn__list li a {
        background: url("../img/icon_a_white.png") right 20px center no-repeat;
        background-size: 6px 12px;
        padding: 24px 20px 20px;
    }
    
    .footer-bn__list li a dl dt { font-size: 2rem; }
}


/* ----------------------------------------------------------------------
	footer
---------------------------------------------------------------------- */

.footer__deco-l {
    background: url("../img/footer_deco_l.png") left bottom 20px no-repeat;
    background-size: 152px 252px;
}

.footer__deco-r {
    background: url("../img/footer_deco_r.png") right top 20px no-repeat;
    background-size: 110px 177px;
}

.footer__inner {
    position: relative;
    padding: 110px 10vw 0;
    margin: 0 0 50px;
    display: grid;
    grid-template-columns: 350px auto;
    gap: 0 40px;
}

@media screen and (max-width: 1400px) {
    .footer__inner {
        padding: 110px 0 0;
        margin: 0 auto 120px;
        width: 1100px;
    }
}

@media screen and (max-width: 990px) {
    #home .footer { display: none; }
    
    .footer__deco-l,
    .footer__deco-r { background: none; }

    .footer__inner {
        position: relative;
        padding: 0;
        margin: 0 0 50px;
        width: auto;
        display: block;
    }

    .footer__logo-deco-l {
        background: url("../img/footer_deco_l.png") left bottom 0 no-repeat;
        background-size: 152px 252px;
    }

    .footer__logo-deco-r {
        background: url("../img/footer_deco_r.png") right top 20px no-repeat;
        background-size: 110px 177px;
        padding: 50px 0 40px;
    }
 }
 

/* footer-logo */
.footer__block-logo { position: relative; }

.footer__address {
    position: absolute;
    top: 65px;
    left: 145px;
    font-size: 1.4rem;
}

@media screen and (max-width: 990px) {
    .footer__block-logo {
        padding: 0 0 30px;
        text-align: center;
    }

    .footer__address {
        position: static;
        margin-top: 26px;
    }
}


/* footer-nav__main */
.footer-nav__main {
    margin: 0 0 40px; 
    display: flex;
    justify-content: flex-end;
    gap: 0 30px;
}

.footer-nav__main > dl dt a,
.footer-nav__main > p a,
.footer-nav__main > ul li a {
    font-size: 1.8rem;
    text-decoration: none;
    display: inline-block;
}

.footer-nav__main > dl dt { margin: 0 0 0.8em; }

.footer-nav__main > dl dt a i { display: none; }

.footer-nav__main-index { display: none; }

.footer-nav__main > dl dd ul li { margin: 0 0 0.6em; }
.footer-nav__main > dl dd ul li:last-child { margin: 0; }

.footer-nav__main > dl dd ul li a { font-size: 1.5rem; }

.footer-nav__main > ul li { margin: 0 0 0.5em; }

@media screen and (max-width: 990px) {
    .footer__block-nav { margin: 0 20px; }

    .footer-nav__main {
        margin: 0; 
        display: block;
    }
    
    .footer-nav__main > dl { margin: 0 0 1em; }
    
    .footer-nav__main > dl dt {
        margin: 0;
        border-bottom: 1px solid #444;
    }
        
    .footer-nav__main > dl dt a {
        position: relative;
        padding: 0 0 0.4em;
        display: block;
    }
    
    .footer-nav__main > dl dt a:hover { color: #444; }
    
    .footer-nav__main > dl dt a i {
        position: absolute;
        top: 6px;
        right: 0;
        display: block;
    }

    .footer-nav__main > dl dd {
        padding: 16px 20px;
        display: none;
    }
    
    .footer-nav__main-index {
        margin: 0;
        display: block;
    }
    
    .footer-nav__main-index a {
        background: url("../img/icon_a_circle_black.png") right center no-repeat;
        background-size: 16px;
        font-size: 1.8rem;
        text-decoration: none;
        padding: 8px 22px 8px 0;
        display: inline-block;
    }
    
    .footer-nav__main > dl dd ul { margin-left: 1em; }
    
    .footer-nav__main > dl dd ul li { margin: 0; }
    
    .footer-nav__main > dl dd ul li a {
        background: url("../img/icon_a_black.png") left center no-repeat;
        background-size: 6px 12px;
        font-size: 1.6rem;
        text-decoration: none;
        padding: 8px 10px;
        display: inline-block;
    }
    
    .footer-nav__main > p,
    .footer-nav__main > ul li {
        margin: 0 0 1em;
        border-bottom: 1px solid #444;
    }

    .footer-nav__main > p a,
    .footer-nav__main > ul li a {
        background: url("../img/icon_a_black.png") right 4px top 8px no-repeat;
        background-size: 6px 12px;
        padding: 0 0 0.4em;
        display: block;
    }
    
    .footer-nav__main .footer-nav__banquet > dt,
    .footer-nav__main .footer-nav__wedding,
    .footer-nav__main .footer-nav__rental > dt { border-bottom: 1px solid #444;  }
}


/* footer-nav__sub-01 */
.footer-nav__sub-01 {
    font-size: 1.6rem;
    display: flex;
    justify-content: flex-end;
    gap: 0 30px;
}

.footer-nav__sub-01 a { text-decoration: none; }

@media screen and (max-width: 990px) {
    .footer-nav__sub-01 {
        font-size: 1.8rem;
        margin: 0 0 40px;
        display: block;
    }
    
    .footer-nav__sub-01 li {
        margin: 0 0 1em;
        border-bottom: 1px solid #444;
    }
    
    .footer-nav__sub-01 li a {
        background: url("../img/icon_a_black.png") right 4px top 8px no-repeat;
        background-size: 6px 12px;
        padding: 0 0 0.4em;
        display: block
    }
}


/* footer-nav__sub-02 */
.footer-nav__sub-02 {
    position: absolute;
    top: 280px;
    left: calc(10vw + 145px);
}

.footer-nav__sub-02 li { margin: 0 0 0.6em; }
.footer-nav__sub-02 li:last-child { margin: 0; }

.footer-nav__sub-02 li a {
    font-size: 1.4rem;
    text-decoration: none;
}


@media screen and (max-width: 1400px) { 
    .footer-nav__sub-02 { left: 145px; }
}

@media screen and (max-width: 990px) {
    .footer-nav__sub-02 {
        position: static;
        margin: 0 0 40px;
    }

    .footer-nav__sub-02 li { margin: 0; }

    .footer-nav__sub-02 li a {
        background: url("../img/icon_a_black.png") left top 12px no-repeat;
        background-size: 6px 12px;
        padding: 8px 0 8px 10px;
        display: inline-block;
    }
}


/* footer-sister */
.footer-sister {
	padding: 50px 0;
	margin: 0 10vw;
    display: flex;
    justify-content: center;
	align-items: center;
    gap: 0 40px;
	border-top: 1px solid #ddd;
}

.footer-sister__ttl { font-size: 1.8rem; }

.footer-sister__bn {
	display: flex;
	gap: 0 40px;
}

@media screen and (max-width: 1400px) {
	.footer-sister { margin: 0 auto; }
}

@media screen and (max-width: 990px) {
	.footer-sister {
		padding: 30px 0;
		margin: 0 20px;
		display: block;

		border-top: 1px solid #ddd;
	}

	.footer-sister__ttl {
		text-align: center;
		margin: 0 0 1em;
	}

	.footer-sister__bn { display: block; }
	
	.footer-sister__bn li { margin: 0 0 20px; }
	
	.footer-sister__bn li:last-child { margin: 0; }
	
	.footer-sister__bn li img { width: 100%; }
}


.footer__copy {
    font-size: 1rem;
    letter-spacing: .14em;
    text-align: center;
    padding-bottom: 26px;
}

@media screen and (max-width: 990px) {
    .footer__copy {
        font-size: 1.2rem;
        line-height: 1.6;
        letter-spacing: .1em;
        text-align: left;
        padding: 0 80px 35px 20px;
    }
    
    .footer__copy span { display: none; }
}


/* pagetop */
.pagetop {
	position: fixed;
	right: 30px;
	bottom: 30px;
	z-index: 100;
	display: none;
}



@media screen and (max-width: 990px) {
	.pagetop {
		right: 20px;
		bottom: 20px;
	}
    
    .pagetop img {
		width: 44px;
		height: 44px;
	}
    
    
    #banquet-plan.plan-banquet .footer,
	#banquet-plan.cuisine .footer,
    #kaoawase-plan.kaoawase-plan .footer,
    #senior-plan.senior-plan .footer,
	#memorial-plan.memorial-plan .footer,
	#rental .footer{ padding-bottom: 60px; }
    
	#banquet-plan.plan-banquet .pagetop,
	#banquet-plan.cuisine .pagetop,
	#kaoawase-plan.kaoawase-plan .pagetop,
	#senior-plan.senior-plan .pagetop,
	#memorial-plan.memorial-plan .pagetop,
	#rental .pagetop{ bottom: 80px; }
}


/* ----------------------------------------------------------------------
	mainimg
---------------------------------------------------------------------- */

.l-mainimg img { width: 100%; }

@media screen and (max-width: 990px) {

}


/* ----------------------------------------------------------------------
	breadclumb
---------------------------------------------------------------------- */

.breadclumb {
    font-size: 1.4rem;
    padding: 16px 60px;
    border-top: 1px solid #ddd;
}

@media screen and (max-width: 990px) {
	.breadclumb {
		font-size: 1.2rem;
        padding: 10px 0 10px 20px;
		overflow-x: auto;
		white-space: nowrap;
	}
}


/* ----------------------------------------------------------------------
	heading
---------------------------------------------------------------------- */

/* page__ttl */
.page__ttl {
    background: url("../img/icon_logo.gif") center top no-repeat;
    background-size:  56px;
    font-size: 2.8rem;
    font-weight: normal;
    text-align: center;
    padding-top: 66px;
    margin: 0 0 1.2em;
}

@media screen and (max-width: 990px) {
    .page__ttl {
        background-size: 42px;
        font-size: 2.3rem;
        text-align: center;
        padding-top: 46px;
        margin: 0 0 0.8em;
    }
}


/* page-sub-ttl */
.page-sub-ttl {
    position: relative;
    font-size: 2.4rem;
    font-weight: normal;
    text-align: center;
    padding: 0 0 0.4em;
    margin: 0 0 1.4em;
}

.page-sub-ttl:before {
    content: "";
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    background: #444;
    width: 100px;
    height: 1px;
    display: block;
}

@media screen and (max-width: 990px) {
    .page-sub-ttl {
        font-size: 2.2rem;
        padding: 0 0 0.3em;
        margin: 0 0 1em;
    }
}


/* page-sub-ttl-icon */
.page-sub-ttl-icon {
    background: url("../img/icon_gegyo_gray_pc.gif") center top no-repeat;
    font-size: 2rem;
    font-weight: normal;
    text-align: center;
    padding: 40px 0 0.4em;
    margin: 0 0 1em;
    border-bottom: 1px solid #ddd;
}

@media screen and (max-width: 990px) {
    .page-sub-ttl-icon {
        background: url("../img/icon_gegyo_gray_sp.gif") center top no-repeat;
        background-size: 32px 30px;
        padding: 38px 0 0.4em;
    }
}

.page-sub-ttl-icon--tel {
    background: url("../img/icon_tel.gif") center top no-repeat;
    background-size: 50px 40px;
    padding-top: 50px;
}

.page-sub-ttl-icon--pc {
    background: url("../img/icon_pc.gif") center top no-repeat;
    background-size: 56px 40px;
    padding-top: 50px;
}


/* page-sub-ttl-icon */
.page-sub-ttl-bg {
	font-size: 2.4rem;
	font-weight: normal;
	text-align: center;
	padding: 20px;
	margin: 0 0 50px;
	border-top: 6px solid #444;
}

@media screen and (max-width: 990px) {
	.page-sub-ttl-bg {
		font-size: 2rem;
		padding: 16px;
		margin: 0 0 30px;
	}
}


/* ----------------------------------------------------------------------
	page__lead
---------------------------------------------------------------------- */

.page__lead {
    text-align: center;
    margin: 0 0 2.6em;
}

.page__lead--mb2 { margin: 0 0 2em; }

.page__lead--unei { margin: 0 0 120px; }

.page__lead-catch {
    font-size: 2.2rem;
    margin: 0 0 0.4em;
}

.page__lead-catch--small { font-size: 2rem; }

.page__lead-txt { line-height: 1.8; }

.page__lead-txt span { display: inline-block; }

@media screen and (max-width: 990px) {
    .page__lead--unei { margin: 0 0 80px; }
    
    .page__lead--sp-left { text-align: left; }
    
    .page__lead-catch { font-size: 2rem; }
    .page__lead-catch--small { font-size: 1.8rem; }
    .page__lead-catch--sp-left { text-align: left; }
        
    .page__lead-txt { margin: 0 0 0.6em; }
    .page__lead-txt:last-child { margin: 0; }
    
    .page__lead-txt--sp-left { text-align: left; }
}

@media screen and (max-width: 321px) {
    .page__lead-catch { font-size: 1.8rem; }
    .page__lead-catch--small { font-size: 1.7rem; }
}


/* ----------------------------------------------------------------------
	l-reserve-info-box
---------------------------------------------------------------------- */

.l-reserve-info-box {
    background: url("../img/bg_asanoha.gif") center top;
    background-size: 60px 115px;
    padding: 2px;
    margin: 0 0 120px;
    border: 2px solid #a67c49;
}

.l-reserve-info-box__inner {
    padding: 40px 44px 44px;
    border: 2px solid #a67c49;
}

.l-reserve-info-box__ttl {
    color: #a67c49;
    font-size: 2.4rem;
    font-weight: normal;
    text-align: center;
    margin: 0 0 0.6em;
}

.l-reserve-info-box__lead {
    font-size: 1.8rem;
    text-align: center;
    margin: 0 0 1em;
}

@media screen and (max-width: 990px) {
    .l-reserve-info-box {
        background-size: 40px auto;
        margin: 0 0 60px;
    }

    .l-reserve-info-box__inner { padding: 20px; }
    
    .l-reserve-info-box__ttl {
        font-size: 2.2rem;
        margin: 0 0 0.2em;
    }
    
    .l-reserve-info-box__lead {
        font-size: 1.6rem;
        text-align: left;
    }
    
    .l-reserve-info-box__lead--sp-center {  text-align: center; }
}


/* ----------------------------------------------------------------------
	fixed-btn-reserve
---------------------------------------------------------------------- */

.fixed-btn-reserve {
    position: fixed;
    left: 30px;
    bottom: 30px;
	z-index: 10;
    animation: move-y 1s infinite alternate ease-in-out;
    display: inline-block;
}

@keyframes move-y {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(20px);
  }
}


.fixed-btn-reserve a {
	background: url("../img/bg_asanoha_red.gif") center center;
	background-size: 50px 87px;
	color: #fff;
	font-size: 2rem;
	text-align: center;
	text-decoration: none;
	width: 180px;
	height: 180px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
}

.fixed-btn-reserve a:hover { opacity: 0.9; }

@media screen and (max-width: 990px) {
    .fixed-btn-reserve {
        left: 0;
        bottom: -100%;
		padding: 0 20px;
        width: 100%;
        animation: none;
        transition: 0.7s;
		box-sizing: border-box;
    }
    
	.fixed-btn-reserve--active { bottom: 0; }

	.fixed-btn-reserve a {
		line-height: 60px;
		width: 100%;
		height: 60px;
		display: block;
		border-radius: 0;
	}
}


/* ----------------------------------------------------------------------
	l-hall
---------------------------------------------------------------------- */

.l-hall { margin: 0 0 120px; }

.l-hall__lead {
	font-size: 1.8rem;
    text-align: center;
    line-height: 1.8;
    margin: 0 0 2em;
}

.l-hall__lead-txt {
	text-align: center;
	margin: -1.6em 0 2em;
}

.l-hall__inner {
    margin: 0 0 60px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.l-hall__inner--reverse { flex-direction: row-reverse; }

.l-hall__inner:last-child { margin-bottom: 0; }

.l-hall__ph { width: 620px; }

.l-hall__ph a:hover { opacity: 0.8; }

.l-hall__ph img {
    width: 100%;
    height: auto;
}

.l-hall__box { width: 430px; }

.l-hall__floor {
    background: #fff;
    font-size: 1.4rem;
    line-height: 38px;
    text-align: center;
    margin: 0 0 1em;
    width: 120px;
    height: 38px;
    border: 1px solid #444;
}

.l-hall__name { margin: 0 0 0.6em; }

.l-hall__name span {
    font-size: 2.4rem;
    margin-right: 0.5em;
}

.l-hall__seat,
.l-hall__detail { margin-top: 1em; }

.l-hall__detail dl {
    display: flex;
    margin: 0 0 0.6em;
}

.l-hall__detail dl:last-child { margin: 0; }

.l-hall__detail dl dt { width: 90px; }

.l-hall__btn { margin-top: 20px; }

.l-hall__btn.btn-line a { width: 280px; }

.l-hall__layout li { margin: 0 0 0.6em; }
.l-hall__layout li:last-child { margin: 0; }

.l-hall__layout a {
    background: url("../img/icon_a_ocher.png") left center no-repeat;
    background-size: 6px 12px;
    padding-left: 12px;
}

@media screen and (max-width: 990px) {
    .l-hall { margin: 0 0 80px; }

    .l-hall__lead {
        text-align: left;
        margin: 0 0 1em;
    }
	
	.l-hall__lead-txt { margin: -0.6em 0 1.4em; }

    .l-hall__inner {
        margin: 0 0 60px;
        display: block;
    }

    .l-hall__ph { width: auto; }

    .l-hall__ph img {
        width: 100%;
        height: auto;
    }

    .l-hall__box { width: auto; }

    .l-hall__floor {
		position: relative;
		margin: -19px auto 1em;
	}

    .l-hall__name {
        text-align: center;
        margin: 0 0 0.4em;
    }
    
    .l-hall__name span { font-size: 2.2rem; }

    .l-hall__seat,
    .l-hall__detail { margin-top: 1em; }

    .l-hall__detail dl {
        display: flex;
        margin: 0 0 0.6em;
    }
    
     .l-hall__seat {
         text-align: center;
         margin-top: 0.6em; 
    }
    
    .l-hall__btn.btn-line a { width: 100%; }
}

@media screen and (max-width: 321px) {
    .l-hall__detail dl dt { width: 80px; }
}


.l-hall-lending {
    background: #f9f6f2;
    padding: 50px;
    margin: 0 auto 120px;
    max-width: 1100px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.l-hall-lending__box { max-width: 660px; }

.l-hall-lending__catch {
    color: #a67c49;
    font-size: 2.2rem;
    text-align: center;
    margin: 0 0 0.4em;
}

.l-hall-lending__txt {
    font-size: 1.8rem;
    text-align: center;
    margin: 0 0 0.8em;
}

@media screen and (max-width: 990px) {
    .l-hall-lending {
        padding: 20px;
        margin: 0 0 80px;
        display: block;
    }

    .l-hall-lending__ph { margin: 0 0 15px; }
    
    .l-hall-lending__ph img { width: 100%; }

    .l-hall-lending__catch { font-size: 2rem; }

    .l-hall-lending__txt { font-size: 1.6rem; }
}


/* ----------------------------------------------------------------------
	index
---------------------------------------------------------------------- */

.l-index { margin: 0 0 120px; }

.l-index__ph { margin: 0 0 20px; }

.l-index__ttl {
    font-size: 2rem;
    font-weight: normal;
    text-align: center;
    margin: 0 0 0.4em;
}

.l-index__txt { margin: 0 50px 1em; }

.l-index__btn { text-align: center; }

@media screen and (max-width: 990px) {
    .l-index { margin: 0 0 80px; }

    .l-index__inner { margin: 0 0 60px; }
    
    .l-index__inner:last-child { margin: 0; }

    .l-index__txt { margin: 0 0 1em; }
}


/* ----------------------------------------------------------------------
	bn-faq
---------------------------------------------------------------------- */

.bn-faq { margin: 0 0 120px; }

.bn-faq a {
    background: url("../img/icon_a_circle_gray.svg") right 40px center no-repeat;
    background-size: 40px;
    color: #444;
    text-align: center;
    text-decoration: none;
    padding: 50px 20px 50px;
    border: 1px solid #ddd;
    border-left: none;
    border-right: none;
    display: block;
}

.bn-faq a:hover { background-color: #f8f8f8; }

.bn-faq dl dt {
    font-size: 2.4rem;
    margin: 0 0 0.4em;
}

@media screen and (max-width: 990px) {
    .bn-faq { margin: 0 0 60px; }

    .bn-faq a {
        background-position: right 15px center;
        background-size: 18px;
        padding: 24px 0;
    }

    .bn-faq dl dt {
        font-size: 2rem;
        margin: 0 0 0.4em;
    }
    
    .bn-faq dl dd { font-size: 1.5rem; }
}


/* ----------------------------------------------------------------------
	bn-reserve
---------------------------------------------------------------------- */

.bn-reserve { margin: 0 0 100px; }

.bn-reserve a {
	position: relative;
	background: url("../img/bg_asanoha_red.gif") center center;
	background-size: 50px 87px;
	color: #fff;
	font-size: 2.4rem;
	text-align: center;
	text-decoration: none;
	letter-spacing: 0.2em;
	padding: 60px 20px 60px;
	border: 10px solid #af3a3a;
	display: block;
}

.bn-reserve a::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: calc(100% - 2px);
	height: calc(100% - 2px);
	border: 1px solid #bf8d89;
	display: block;
}

.bn-reserve a::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 29px;
    transform: translateY(-50%);
    background: url("../img/icon_a_circle_white.svg") center center;
    background-size: 40px;
    width: 40px;
    height: 40px;
    display: block;
    opacity: 0.6;
}

.bn-reserve a:hover { opacity: 0.9; }


@media screen and (max-width: 990px) {
    .bn-reserve { margin: 0 0 60px; }

    .bn-reserve a {
        font-size: 1.6rem;
        padding: 24px 20px; 
		border: 5px solid #af3a3a;
    }

    .bn-reserve a::after {
        right: 10px;
        background-size: 18px;
        width: 18px;
        height: 18px;

    }
}


/* ----------------------------------------------------------------------
	btn
---------------------------------------------------------------------- */

/* btn-default */
.btn-default a {
    background: url("../img/icon_a_default.png") right 20px center no-repeat #a67c49;
    background-size: 6px 12px;
    color: #fff;
    font-size: 1.8rem;
    text-align: center;
    text-decoration: none;
    letter-spacing: .1em;
    padding: 14px 0;
    width: 340px;
    border-radius: 1000px;
    display: inline-block;
}

.btn-default--red a { background-color: #af3a3a; }

.btn-default--black a { background-color: #323333; }

.btn-default--blank a {
	background: url("../img/icon_blank_white.gif") right 20px center no-repeat #a67c49;
    background-size: 14px 12px;
}

.btn-default a:hover { opacity: 0.8; }

@media screen and (max-width: 990px) {
    .btn-default a {
		font-size: 1.6rem;
        width: auto;
        display: block;
    }
}


/* btn-line */
.btn-line a {
    background: url("../img/icon_a_gray.png") right 20px center no-repeat #fff;
    background-size: 6px 12px;
    color: #444;
    text-align: center;
    text-decoration: none;
    letter-spacing: .1em;
    padding: 12px 0;
    width: 340px;
    border-radius: 1000px;
    display: inline-block;
    border: 1px solid #ddd;
}

.btn-line--none a { background: #fff; } 

.btn-line--s a { width: 260px; }

.btn-line--l a {
	background: url("../img/icon_a_gray_l.png") left 20px center no-repeat #fff;
	background-size: 6px 12px;
}

.btn-line a:hover { background-color: #f8f8f8; }

@media screen and (max-width: 990px) {
    .btn-line a { width: 100%; }
}


/* btn-back */
.btn-back { margin: 0 0 120px; }

@media screen and (max-width: 990px) {
	.btn-back { margin: 0 0 80px; }
}


/* btn-sub */
.btn-sub a {
	position: relative;
	padding: 2px 0 2px 22px;
	text-decoration: none;
	display: inline-block;
}

.btn-sub a::before {
	content: "";
	position: absolute;
	top: 50%;
	left: 0;
	transform: translateY(-50%);
	background: url("../img/icon_a_sub_r.svg") center center no-repeat;
	background-size: 18px;
	width: 18px;
	height: 18px;
	display: block;
}

.btn-sub--r a { padding: 2px 22px 2px 0; }

.btn-sub--r a::before {
	left: inherit;
	right: 0;
}


/* link-blank */
.link-blank {
	background: url("../img/icon_blank.gif") right 2px center no-repeat;
	background-size: 14px 12px;
	padding-right: 20px;
}


/* link-100nengura */
.link-100nengura ul li { border: 1px solid #ddd; }

.link-100nengura ul li a {
    background: #fff;
    color: #444;
    text-align: center;
    text-decoration: none;
    padding: 14px 15px;
    display: block;
}

.link-100nengura ul li a:hover { background: #f8f8f8; }


/* tel */
.tel-num {
    font-size: 1.8rem;
    line-height: 1;
    text-align: center;
}

.tel-num--small { font-size: 1.4rem; }

.tel-num a {
    color: #444;
    font-size: 2.8rem;
    text-decoration: none;
}

.tel-num--small { margin: 1em 0 0; }
.tel-num--small a { font-size: 2.2rem; }

.tel-time {
    text-align: center;
    margin: 0.6em 0 0;
}

@media screen and (max-width: 990px) {
    .tel-num a { text-decoration: underline; }
    
    .tel-num--small { margin: 1.6em 0 0; }
    
    .tel-time { margin: 1.2em 0 0; }
}

@media screen and (max-width: 321px) {
    .tel-num {
        font-size: 1.6rem;
    }

    .tel-num a {  font-size: 2.4rem; }
}


/* link-tel */
a.link-tel {
    color: #444;
    text-decoration: none;
}

@media screen and (max-width: 990px) {
   a .link-tel { text-decoration: underline; }
}


/* ----------------------------------------------------------------------
	target-block
---------------------------------------------------------------------- */

.target-block {
    margin: -120px 0 0;
    padding: 120px 0 0;
}

@media screen and (max-width: 990px) {
    .target-block {
        margin: -60px 0 0;
        padding: 60px 0 0;
    }
}


/* ----------------------------------------------------------------------
	icon
---------------------------------------------------------------------- */

/* list-icon */
.list-icon li {
    background: url("../img/icon_list.gif") left 5px no-repeat;
    background-size: 16px;
    padding-left: 20px;
    margin: 0 0 0.6em;
}

.list-icon--mb1 li { margin: 0 0 1em; }
.list-icon--lh17 li { line-height: 1.7; }

.list-icon li:last-child { margin: 0; }

@media screen and (max-width: 990px) {
}


/* list-icon-circle */
.list-icon-circle li {
    position: relative;
	padding-left: 20px;
    margin: 0 0 0.6em;
}

.list-icon-circle li::before {
	content: "";
	position: absolute;
	top: 5px;
	left: 0;
	background: #af3a3a;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	display: block;
}

.list-icon li:last-child { margin: 0; }

@media screen and (max-width: 990px) {
}


/* icon-plus */
.icon-plus {
    position: relative;
    width: 16px;
    height: 16px;
    display: block;
}

.icon-plus:before,
.icon-plus:after {
    content: "";
    position: absolute;
    top: 7px;
    left: 0;
    background: #444;
    width: 16px;
    height: 2px;
    display: block;
    transition: 0.25s;
}

.icon-plus--ocher:before,
.icon-plus--ocher:after { background: #a67c49; }

.icon-plus--gray:before,
.icon-plus--gray:after { background: #ddd; }

.icon-plus:before { transform: rotate(90deg); }

.on .icon-plus:before { transform: rotate(0); }

@media screen and (max-width: 990px) {
}


/* icon-free-drink */
.icon-free-drink  {
    background: #af3a3a;
    color: #fff;
    padding: 10px 20px;
}

@media screen and (max-width: 990px) {
    .icon-free-drink  {
        font-size: 1.4rem;
        padding: 8px 14px 6px;
    }
    
    .icon-free-drink--sp-fs12 { font-size: 1.2rem; }
}


/* ----------------------------------------------------------------------
	table
---------------------------------------------------------------------- */

.tbl {
	width: 100%;
	border-top: 1px solid #ddd;
}

.tbl th,
.tbl td {
	text-align: left;
	padding: 20px 0;
}

.tbl tr { border-bottom: 1px solid #ddd; }

.tbl th { width: 22%; }

@media screen and (max-width: 990px) {
	.tbl { display: block; }
	
	.tbl tbody,
	.tbl tr {
		width: 100%;
		display: block;
	}
	
	.tbl th,
	.tbl td {
        padding: 20px 0;
        display: block;
    }

	.tbl th {
        padding-bottom: 0.4em;
		width: 100%!important;
		box-sizing: border-box;
	}
    
    .tbl td { padding-top: 0; }
    
    .tbl td span { display: block; }
}


/* ----------------------------------------------------------------------
	loacl-nav
---------------------------------------------------------------------- */

.local-nav {
    position: relative;
    margin: 0 0 120px;
}

.local-nav::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: -1;
    background: url("../img/bg_asanoha_ocher.gif");
    background-size: 60px 105px;
    width: 100%;
    height: calc(100% - 100px);
}

.local-nav ul {
    max-width: 1100px;
    padding: 0 0 30px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 40px;
}

.local-nav ul li { width: 245px; }

.local-nav ul li a {
    background: url("../img/icon_local_nav_white.svg") center bottom no-repeat;
    background-size: 18px 9px;
    color: #fff;
    font-size: 2rem;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    padding: 0 0 20px;
    display: block;
}

.local-nav ul li a:hover img { opacity: 1; }

.local-nav__list-ph {
    margin: 0 0 20px;
    overflow: hidden;
}

.local-nav ul li a:hover .local-nav__list-ph img { transform: scale(1.2); }

.local-nav__list-ttl { padding-left: 0.2em; }

.local-nav__list-txt { font-size: 1.4rem; }

@media screen and (max-width: 990px) {
    .local-nav { margin: 0 20px 80px; }

    .local-nav::before { display: none; }

    .local-nav ul {
        display: block;
        padding: 0;
    }

    .local-nav ul li {
        width: auto;
        border-bottom: 1px solid #ddd;
    }

    .local-nav ul li:first-child { border-top: 1px solid #ddd; }

    .local-nav ul li a {
        background: url("../img/icon_local_nav.gif") right center no-repeat;
        background-size: 18px 8px;
        color: #282828;
        font-size: 1.6rem;
        text-align: left;
        padding: 15px 0;
        display: block;
    }

    .local-nav ul li figure {
        display: flex;
        align-items: center;
    }

    .local-nav__list-ph { margin: 0; }
    
    .local-nav__list-ph img {
        width: 60px;
        height: 60px;
        object-fit: cover;
    }

    .local-nav__list-ph:hover img { transform: scale(1); }

    .local-nav__list-ttl { padding: 0 30px 0 15px; }
    
    .local-nav__list-txt { font-size: 1.3rem; }
}

.local-nav-txt {
    background: #fff;
    margin: 0 0 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px 50px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.local-nav-txt--plan { gap: 30px; }

.local-nav-txt li a {
    background: url("../img/icon_local_nav.gif") left center no-repeat;
    background-size: 18px 8px;
    padding: 14px 0 14px 24px;
    text-decoration: none;
    display: inline-block;
}

.local-nav-txt li.local-nav-txt__link a {
    background: url("../img/icon_a_sub.gif") left center no-repeat;
    background-size: 20px;
}

@media screen and (max-width: 990px) {
    .local-nav-txt {
        display: block;
        border-bottom: none;
    }

    .local-nav-txt li { border-bottom: 1px solid #ddd; }

    .local-nav-txt li a {
        background-position: right center;
        padding: 14px 0;
        text-decoration: none;
        display: block;
    }
    
    .local-nav-txt li.local-nav-txt__link a { background-position: right center; }
	
	.local-nav-txt--plan {
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-start;
		gap: 0 10px;
		border: none;
	}
	
	.local-nav-txt--plan li { width: calc(50% - 5px); }
	
	.local-nav-txt--plan li a {
		position: relative;
		background-position: right 6px center;
		font-size: 1.4rem;
		padding: 14px 0 10px;
	}
	
	.local-nav-txt--plan li a::before {
		content: "";
		position: absolute;
		right: 0;
		bottom: 0;
		background: #444;
		width: 30px;
		height: 1px;
		display: block;
	}
}

@media screen and (max-width: 375px) {
	.local-nav-txt--plan li a { font-size: 1.3rem; }
}


/* local-nav-btm */
.local-nav-btm {
	padding: 30px 0;
	margin: 0 0 100px;
	border-top: 3px solid #444;
	border-bottom: 3px solid #444;
}

.local-nav-btm dt { margin: 0 0 0.8em; }

.local-nav-btm dt a {
	font-size: 2rem;
	font-weight: bold;
}

.local-nav-btm dd ul {
	display: flex;
	flex-wrap: wrap;
	gap: 25px;
}

@media screen and (max-width: 990px) {
	.local-nav-btm {
		padding: 20px 0;
		margin: 0 0 50px;
	}

	.local-nav-btm dt { margin: 0 0 1em; }
	
	.local-nav-btm dt a { font-size: 1.8rem; }

	.local-nav-btm dd ul {
		font-size: 1.4rem;
		gap: 15px;
	}
}


/* ----------------------------------------------------------------------
	l-sticky
---------------------------------------------------------------------- */

.l-sticky {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.l-sticky__sideber {
    position: sticky;
    top: 60px;
    left: 0;
    width: 240px;
}

.l-sticky__content { width: 800px; }

@media screen and (max-width: 990px) {
    .l-sticky { display: block; }

    .l-sticky__sideber {
        position: static;
        width: auto;
    }

    .l-sticky__content { width: auto; }
}


.l-sticky__local-nav {
	margin: 0 0 120px;
	 border-top: 1px solid #ddd;
}

.l-sticky__local-nav li { position: relative; }

.l-sticky__local-nav li a {
    position: relative;
	font-size: 1.6rem;
    text-decoration: none;
    padding: 12px 40px 12px 0;
    display: block;
	box-sizing: border-box;
}

.l-sticky__local-nav li a::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 11px;
    transform: translateY(-50%);
    background: url("../img/icon_a_sub.png") center center no-repeat;
    background-size: 6px 12px;
    width: 6px;
    height: 12px
}

.l-sticky__local-nav li::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    border-top: 1px solid #ddd;
    display: block;
}

.l-sticky__local-nav li::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: 0;
    width: 30px;
    border-top: 1px solid #444;
    display: block;
}

@media screen and (max-width: 990px) {
    .l-sticky__local-nav {
        margin: 0 0 80px;
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
		border: none;
    }
    
    .l-sticky__local-nav li { width: calc((100% - 20px) / 2); }
    
    .l-sticky__local-nav li a { 
		font-size: 1.4rem;
		padding: 12px 30px 12px 0;
	}
    
    .l-sticky__local-nav li a::before {
        right: 6px;
        transform: rotate(90deg);
    }
    
    .l-sticky__local-nav li::after { width: 20px; }
}


/* ----------------------------------------------------------------------
	columns
---------------------------------------------------------------------- */

/* l-column */
.l-column2,
.l-column3 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 60px 0;
}

.l-column2__inner { width: 520px; }

.l-column3__inner { width: 340px; }

@media screen and (max-width: 990px) {
    .l-column2--sp-gap20 { gap: 20px 0; }
    
	.l-column2,
	.l-column3 { gap: 40px 0; }
	
    .l-column2__inner,
    .l-column3__inner { width: 100%; }
}


/* l-columns-blog */
.l-columns-blog {
    margin: 0 0 120px;
	display: flex;
	justify-content: space-between;
}

.l-columns-blog__sidebar { width: 260px; }

.l-columns-blog__sidebar-box { margin: 0 0 60px; }
.l-columns-blog__sidebar-box:last-child { margin: 0; }

.l-columns-blog__sidebar-ttl {
	font-size: 2rem;
    font-weight: normal;
	margin: 0 0 0.4em;
}

.l-columns-blog__sidebar-list li { margin: 0 0 0.8em; }

.l-columns-blog__sidebar-list li:last-child { margin: 0; }

@media screen and (max-width: 990px) {
	.l-columns-blog { display: block; }

	.l-columns-blog__sidebar { width: auto; }
}


.l-columns-blog__content { width: 800px; }

.l-columns-blog__list { border-top: 1px solid #ddd; }

.l-columns-blog__list-inner,
.l-columns-blog__list-block-1 {
    display: flex;
    align-items: center;
}

.l-columns-blog__list li { border-bottom: 1px solid #ddd; }
 
.l-columns-blog__list li a {
    background: url("../img/icon_a_gray.png") right 20px center no-repeat;
    background-size: 6px 12px;
    color: #444;
    text-decoration: none;
    padding: 20px;
    display: block;
}

.l-columns-blog__list li a:hover img { opacity: 1; }

.l-columns-blog__list li a:hover { opacity: 0.8; }
    
.l-columns-blog__list-ph { width: 130px; }

.l-columns-blog__list-date { width: 220px; }

.l-columns-blog__list-icon { margin-left: 5px; }

.l-columns-blog__list-block-1 { width: 630px; }

.l-columns-blog__list-block-2 { width: 380px; }

.l-columns-blog__list-category {
    color: #a67c49;
    font-size: 1.4rem;
    margin: 0 0 0.4em;
}
 
 @media screen and (max-width: 990px) {
	.l-columns-blog__content { width: auto; }
    
    .l-columns-blog__list { margin: 0 0 60px; }
    
    .l-columns-blog__list li a {
        background: none;
        padding: 20px 0;
    }
    
    .l-columns-blog__list-ph { width: 100px; }
    .l-columns-blog__list-ph img { width: 80px; }

    .l-columns-blog__list-date {
        margin: 0 0 0.4em;
        width: auto;
    }

    .l-columns-blog__list-block-1 {
        width: calc(100% - 100px);
        display: block;
    }
    
    .l-columns-blog__list-block-2 { width: auto; }
}
 

.l-columns-blog__detail { margin: 0 0 120px; }

.l-columns-blog__detail-header {
    font-weight: normal;
    text-align: center;
    margin: 0 0 2em;
}
 
 .l-columns-blog__detail-category {
     color: #a67c49;
     margin:  0 0 0.2em;
 } 
 
.l-columns-blog__detail-ttl {
    font-size: 1.8rem;
    font-weight: normal;
	padding: 0 0 0.6em;
	margin: 0 0 0.6em;
	border-bottom: 1px solid #ddd;
}

.l-columns-blog__detail-body p { margin: 0 0 1em; }


@media screen and (max-width: 990px) {    
    .l-columns-blog__detail { margin: 0 0 80px; }
    
    .l-columns-blog__detail-header { margin: 0 0 1em; }
    
    .l-columns-blog__detail-ttl { text-align: left; }
}


/* ----------------------------------------------------------------------
	wordpress
---------------------------------------------------------------------- */

/* wp-pagenavi */
.wp-pagenavi {
	text-align: center;
	margin: 60px 0 0;
}

.wp-pagenavi span,
.wp-pagenavi a {
    font-size: 1.4rem;
	text-decoration: none!important;
	padding: 6px 12px;
	margin: 0 5px 10px;
	border: 1px solid #444;
    display: inline-block;
}

.wp-pagenavi .current {
	background: #333;
	color: #fff;
}

@media screen and (max-width: 990px) {
    .wp-pagenavi { margin: 60px 0; }
}

/* pager */
.wp-pager {
	text-align: center;
	margin: 0 0 60px;
}


/* img */
.wp-block-image img {
	width: 100%;
	height: auto;
}

@media screen and (max-width: 990px) {
	.alignleft,
	.alignright {
		margin: 0 auto;
		float: none;
	}
}