@charset "UTF-8";

/* メイン画像
---------------------------------------------------------------------------*/
#wrap.blog .block-mainimg {
    background-image: url(../img/blog/fig-mainimg-blog.jpg);
}
#wrap.fair .block-mainimg {
    background-image: url(../img/blog/fig-mainimg-fair.jpg);
}
#wrap.report .block-mainimg {
    background-image: url(../img/blog/fig-mainimg-report.jpg);
}
#wrap.faq .block-mainimg {
    background-image: url(../img/blog/fig-mainimg-faq.jpg);
}
@media screen and (max-width: 768px){
    #wrap.blog .block-mainimg {
        background-image: url(../img/blog/fig-mainimg-blog-sp.jpg);
    }
    #wrap.fair .block-mainimg {
        background-image: url(../img/blog/fig-mainimg-fair-sp.jpg);
    }
    #wrap.report .block-mainimg {
        background-image: url(../img/blog/fig-mainimg-report-sp.jpg);
    }
    #wrap.faq .block-mainimg {
        background-image: url(../img/blog/fig-mainimg-faq-sp.jpg);
    }
}


/* 一覧
---------------------------------------------------------------------------*/
/* パネルレイアウト */
.block-archive {
    padding-bottom: 80px;
}
.lst-archive-panels {
    margin-top: 60px;
}
.lst-archive-panels li {
    width: 300px;
    margin-right: 30px;
    margin-bottom: 60px;
}
.lst-archive-panels li:nth-of-type(3n) {
    margin-right: 0;
}
.lst-archive-panels li a {
    display: block;
}
.tx-archive-panels {
    padding: 10px 8px;
}
.date-archive-panels {
    color: #AA8F00;
    font-size: .18rem;
}
.cat-archive-panels {
    width: 90px;
    height: 30px;
    border-radius: 15px;
    color: #ffffff;
    text-transform: capitalize;
}
.cat-archive-panels.fair {
    background-color: #AA8F00;
}
.cat-archive-panels.report {
    background-color: #009245;
}
.cat-archive-panels.faq {
    background-color: #ED1E79;
}
@media screen and (max-width: 768px){
    .lst-archive-panels li,
    .lst-archive-panels li:nth-of-type(3n) {
        width: 49%;
        margin-right: 2%;
        margin-bottom: 6vw;
    }
    .lst-archive-panels li:nth-of-type(2n) {
        margin-right: 0;
    }
    .date-archive-panels {
        font-size: 3.5vw;
    }
    .cat-archive-panels {
        width: 14vw;
        height: 5.5vw;
        font-size: 3.5vw;
    }
}

/* フェア */
.box-dates-archive-panels {
    position: relative;
}
.fair-status {
    position: absolute;
    right: -8px;
    top: -10px;
    padding: 5px 8px;
    font-size: .16rem;
    color: #FFFFFF;
}
.fair-status.blue {
    background-color: #1B1464;
}
.fair-status.brown {
    background-color: #AA8F00;
}
.fair-status.glay {
    background-color: #999999;
}
.times-archive-panels {
    margin-top: 8px;
    font-size: .18rem;
    color: #1B1464;
    font-weight: 700;
}
@media screen and (max-width: 768px){
    .fair-status {
        padding: 1vw;
        font-size: 3vw;
    }
    .times-archive-panels {
        font-size: 3.8vw;
    }
}

/* レポート */
.ttl-archive-panels span {
    color: #AA8F00;
}


/* SNSボタン */
.box-snsbutton {
    margin-bottom: 5px;
}
.box-snsbutton.fair {
    margin-top: 60px;
}
.box-snsbutton li {
    margin-right: 10px;
}
/* 現在のカテゴリ */
.box-currentcutegory {
    font-size: .16rem;
}
@media screen and (max-width: 768px){
    .box-currentcutegory {
        font-size: 3.8vw;
    }
    .box-snsbutton.fair {
        margin-top: 8vw;
    }
}

/* ページネーション */
.lst-pagenation {
    margin-top: 40px;
    padding: 5px 45px;
    border-top: 1px dotted #808080;
    border-bottom: 1px dotted #808080;
}
.lst-pagenation > * {
    margin: 0 2.5px;
    font-size: 12px;
}
.page-numbers,
.lst-pagenation.pager li.prev span,
.lst-pagenation.pager li.next span {
    display: inline-block;
    padding: 2px 8px;
    border: 1px solid #AA8F00;
}
.page-numbers.current,
.page-numbers.prev,
.page-numbers.next,
.lst-pagenation.pager li.prev span,
.lst-pagenation.pager li.next span {
    background-color: #AA8F00;
    color: #FFFFFF;
}
@media screen and (max-width: 768px){
    .lst-pagenation {
        padding: 2vw 3vw;
    }
}


/* フッター
---------------------------------------------------------------------------*/
.block-postft {
    padding-top: 50px;
    padding-bottom: 55px;
    background-color: #F5E8A6;
    background-image: url(../img/cmn/bg-postft.png);
    background-repeat: no-repeat;
    background-position: center top;
}
.block-postft .inner > * {
    width: 310px;
}
.block-postft .widgettitle {
    margin-bottom: 20px;
    text-align: center;
    color: #AA8F00;
    font-size: .31rem;
    font-family: 'Gilda Display', serif;
}
.block-postft li:nth-of-type(n+7) {
    display: none;
}
.block-postft li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    position: relative;
    height: 50px;
    margin-bottom: 5px;
    padding: 0px 25px;
    background-color: #FFFFFF;
    border: 2px solid #D4C77F;
    font-size: .16rem;
}
.block-postft li a::after {
    content: "";
    position: absolute;
    top: calc(50% - 7.5px);
    right: 7px;
    width: 20px;
    height: 15px;
    background-image: url(../img/cmn/arw-postft.png);
    background-repeat: no-repeat;
}
@media screen and (max-width: 768px){
    .block-postft {
        padding-top: 3vw;
        padding-bottom: 8vw;
    }
    .block-postft .widgettitle {
        font-size: 6.5vw;
    }
    .block-postft .inner > * {
        margin-top: 5vw;
    }
    .block-postft li a {
        height: auto;
        font-size: 3.8vw;
        padding: 1.5vw 10vw 1.5vw 3vw;
    }
}


/* 詳細 - fair
---------------------------------------------------------------------------*/
.post-body {
    padding-top: 50px;
}
/* 上部 */
.date-fair {
    margin-bottom: 15px;
}
.date-fair span {
    display: inline-block;
    padding: 10px 15px;
    background-color: #AA8F00;
    font-size: .22rem;
    color: #FFFFFF;
    font-weight: 700;
}
.ttl-fair {
    margin-bottom: 10px;
    color: #1B1464;
    font-size: .28rem;
}
.start-fair {
    font-size: .18rem;
    font-weight: 700;
}
@media screen and (max-width: 768px){
    .date-fair span {
        padding: 2vw 3vw;
        font-size: 4vw;
    }
    .ttl-fair {
        font-size: 5.5vw;
    }
    .start-fair {
        font-size: 4vw;
    }
}
/* 本文周り */
.bd-fair {
    margin-top: 35px;
}
.lft-fair {
    width: 470px;
}
.rit-fair {
    width: 520px;
}
.bd-fair.noimg .lft-fair {
    width: 100%;
}
.status-fair {
    margin-bottom: 20px;
}
.status-fair > li {
    margin-right: 5px;
    padding: 5px 10px;
    color: #FFFFFF;
}
.status-fair > li.blue {
    background-color: #1B1464;
}
.status-fair > li.brown {
    background-color: #AA8F00;
}
.status-fair > li.glay {
    background-color: #999999;
}
.status-fair > li.pink {
    background-color: #D4145A;
}
.times-fair {
    margin-bottom: 15px;
    color: #AA8F00;
    font-size: .17rem;
    font-weight: 700;
}
.icon-times-fair img {
    display: block;
    margin-right: 10px;
}
.cnt-fair {
    font-size: .16rem;
    line-height: 200%;
}
@media screen and (max-width: 768px){
    .bd-fair {
        margin-top: 5vw;
    }
    .status-fair > li {
        font-size: 3.8vw;
    }
    .times-fair {
        font-size: 4vw;
    }
    .cnt-fair {
        margin-bottom: 3vw;
        font-size: 3.8vw;
        line-height: 160%;
    }
}
/* 表組み */
.tbl-fair {
    width: 100%;
    margin-top: 40px;
}
.tbl-fair th,
.tbl-fair td {
    padding: 15px 20px;
    border-top: 1px solid #D4C77F;
    vertical-align: middle;
    font-size: .16rem;
    line-height: 180%;
}
.tbl-fair tr:last-of-type th,
.tbl-fair tr:last-of-type td {
    border-bottom: 1px solid #D4C77F;
}
.tbl-fair th {
    width: 15%;
    background-color: #F9F2CC;
}
.tbl-fair td {
    width: 85%;
}
@media screen and (max-width: 768px){
    .tbl-fair th,
    .tbl-fair td {
        padding: 2vw 3vw;
        font-size: 3.8vw;
    }
    .tbl-fair th {
        width: 35%;
    }
    .tbl-fair td {
        width: 65%;
    }
}
/* 特典 */
.benefits-fair {
    margin-top: 40px;
}
.ttl-benefits-fair {
    height: 60px;
    background-image: url(../img/blog/bg-benefit.png);
    background-repeat: no-repeat;
    background-position: center;
    background-color: #1B1464;
    color: #F0DE7F;
    font-size: .2rem;
}
.lead-benefits-fair {
    padding: 20px;
    background-color: #F3F3F3;
}
@media screen and (max-width: 768px){
    .ttl-benefits-fair {
        height: 12vw;
        font-size: 4.5vw;
    }
    .lead-benefits-fair {
        padding: 3vw;
        font-size: 3.8vw;
        line-height: 160%;
    }
}
/* ボタン */
.btns-fair {
    padding: 50px 0 60px;
    text-align: center;
}
.btns-fair .btn-def {
    background-color: #AA8F00;
    color: #FFFFFF;
}
@media screen and (max-width: 768px){
    .btns-fair {
        padding: 5vw 0 8vw;
    }
}

/* 詳細 - report
---------------------------------------------------------------------------*/

.date-report {
    margin-bottom: 5px;
    font-size: .16rem;
}
.subttl-report {
    margin-bottom: 40px;
    padding-bottom: 5px;
    font-size: .32rem;
    border-bottom: 1px solid #AA8F00;
    color: #AA8F00;
}
.subttl-report span {
    display: inline-block;
    margin-left: 60px;
    vertical-align: middle;
    font-size: .2rem;
    color: #333333;
}
.box-report {
    margin-bottom: 60px;
}
.lead-report {
    font-size: .16rem;
    line-height: 200%;
}
@media screen and (max-width: 768px){
    .date-report {
        font-size: 3.8vw;
    }
    .subttl-report {
        margin-bottom: 5vw;
        font-size: 5.5vw;
    }
    .subttl-report span {
        margin-left: 3vw;
        font-size: 4vw;
    }
    .lead-report {
        font-size: 3.8vw;
        line-height: 160%;
    }
    .box-report {
        margin-bottom: 8vw;
    }
}
/* wedding report */
.fig-default-report {
    width: 100%;
  margin-bottom: 20px;
}
.fig-default-report img {
    height: auto!important;
}
.tx-default-report {
    width: 285px;
}
.box-default-report.noimg .fig-default-report {
    display: none;
}
.box-default-report.noimg .tx-default-report {
    width: 100%;
}
.name-default-report {
    margin-bottom: 10px;
    color: #AA8F00;
    font-size: .2rem;
}
.detail-default-report {
    font-size: .16rem;
    line-height: 300%;
}
.box-message .fig-default-report {
    width: 550px;
}
@media screen and (max-width: 768px){
    .name-default-report {
        margin-top: 3vw;
        margin-bottom: 3vw;
        font-size: 4.5vw;
    }
    .detail-default-report {
        font-size: 3.8vw;
        line-height: 160%;
    }
}
/* wedding photo */
.photo-report li {
    width: 100%;
    margin-bottom: 20px;
}

.photo-report li img {
    height: auto!important;
}
@media screen and (max-width: 768px){
    .photo-report li {
        margin-bottom: 4vw;
    }

}
/* message */
.box-message .box-default-report {
    margin-bottom: 30px;
}
@media screen and (max-width: 768px){
    .box-message .box-default-report {
        margin-bottom: 4vw;
    }
}

/* 一覧 - faq
---------------------------------------------------------------------------*/
.lst-archive-faq {
    margin-top: -30px;
    margin-bottom: 40px;
}
.lst-archive-faq dt {
    margin-top: 30px;
    padding: 25px;
    background-color: #F9F2CC;
    background-image: url(../img/blog/arw-faq.png);
    background-position: right 25px center;
    background-repeat: no-repeat;
    cursor: pointer;
}
.lst-archive-faq dd {
    display: none;
    padding: 25px;
    border-bottom: 1px dotted #808080;
}
.ttl-q,
.ttl-a {
    width: 60px;
    color: #AA8F00;
    font-size: .36rem;
}
.ttl-a {
    color: #1B1464;
}
.tx-q {
    width: 820px;
    color: #AA8F00;
    font-size: .20rem;
    font-weight: 400;
}
.tx-a {
    width: 920px;
    padding-top: 10px;
    font-size: .16rem;
    line-height: 160%;
}
.lst-pagenation-faq > * {
    margin: 0 5px;
}
@media screen and (max-width: 768px){
    .lst-archive-faq {
        margin-top: -3vw;
        margin-bottom: 4vw;
    }
    .lst-archive-faq dt {
        margin-top: 3vw;
        padding: 3vw;
        background-size: 5vw;
        background-position: right 3vw center;
    }
    .ttl-q,
    .ttl-a {
        width: 10%;
        font-size: 6vw;
    }
    .tx-q {
        width: 80%;
        font-size: 4vw;
    }
    .tx-a {
        width: 85%;
        padding-top: 0;
        font-size: 3.8vw;
        line-height: 160%;
    }
}