@charset "utf-8";
@media only screen and (min-width: 769px) {
    /*================================
	Layout, Elements
================================*/
    main .reportfilter, 
    main .entries {
        width: 95%;
        max-width: 1200px;
        margin-left: auto;
        margin-right: auto;
    }
    .report_archive {
        padding-bottom: 7rem;
    }
    .report_archive form {
        background: #EFEFEC;
        padding: 30px 0 45px;
        border-top: 1px solid #D3D3C9;
    }
    
    
    /*================================
	絞り込み
================================*/
    main .reportfilter {
        display: flex;
        justify-content: space-between;
        align-items: stretch;
        flex-wrap: wrap;
    }
    
    /*--------------------------
	Filter List
---------------------------*/
    main .reportfilter .filterlist {
        width: 17.8%;
    }
    main .reportfilter .filterlist dt {
        text-align: center;
        padding: 1.5rem;
        font-size: 1.2rem;
        position: relative;
        border: 1px solid #767A25;
        border-radius: 5px;
        color: #767A25;
    }
    main .reportfilter .filterlist dt::after {
        content: "";
        display: block;
        width: .4rem;
        height: .4rem;
        position: absolute;
        right: 2.15rem;
        top: 48%;
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff;
        transform: translateY(-50%) rotate(45deg);
    }
    main .reportfilter .filterlist dt::before {
        content: "";
        position: absolute;
        background: #767A25;
        border-radius: 50%;
        width: 16px;
        height: 16px;
        right: 16px;
        top: 50%;
        transform: translateY(-50%);
    }
    main .reportfilter .filterlist dt:hover {
        cursor: pointer;
    }
    main .reportfilter .filterlist dd {
        display: none;
        padding: 1rem;
    }
    main .reportfilter .keylist li {
        font-size: 1.3rem;
        padding-left: 2.5rem;
        text-indent: -2.5rem;
    }
    main .reportfilter .keylist li input {
        margin-right: 10px;
    }
    main .reportfilter .keylist li:not(:last-of-type) {
        margin-bottom: .5rem;
    }
    /*--------------------------
	Submit
---------------------------*/
    main .reportfilter .submit {
        display: none;
        width: 100%;
    }
    main .reportfilter .submit span {
        display: block;
        width: 90%;
        max-width: 23rem;
        position: relative;
        margin: 3rem auto;
    }
/*
    main .reportfilter .submit span::after {
        content: "\f002";
        font-family: "Font Awesome 5 Free";
        font-weight: 900;
        font-size: 1.5rem;
        color: #fff;
        position: absolute;
        right: 1.5rem;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%);
    }
*/
    main .reportfilter .submit input[type=submit] {
        display: block;
        width: 100%;
        background: #5E7441;
        padding: 1rem;
        text-align: center;
        color: #fff;
        border: none;
    }
    /*--------------------------
	Close
---------------------------*/
    main .reportfilter .close, main .filtershow {
        display: none;
    }
    /*================================
	Entry
================================*/
    main .entries {
        display: flex;
        align-items: stretch;
        flex-wrap: wrap;
        gap: 0 2.6%;
        margin-top: 6rem;
        margin-bottom: 3rem;
    }
    main .entries > .more {
        display: none;
    }
    main .entry {
        width: 31.6%;
        margin-bottom: 50px;
    }
    main .entry figure {
        margin: 0 auto 1.5rem;
        position: relative;
    }
    main .entry .details h3 {
        font-size: 1.3rem;
        font-weight: 400;
        letter-spacing: .05em;
        margin-bottom: .8rem;
        color: #4A521E;
    }
    main .entry .details .text {
        font-size: 1.5rem;
        letter-spacing: 0.05em;
        color: #4A521E;
        border-bottom: 1px solid #D3D3C9;
        padding-bottom: 1rem;
        margin-bottom: 1.5rem;
    }
    main .entry .details .list li {
        font-size: 1.2rem;
        letter-spacing: 0.05em;
        line-height: 1.8;
    }
    main .entry .details .list li span {
        width: 9.4rem;
        display: inline-block;
    }
    main .entry .details .list li span::after {
        content: '：';
        position: absolute;
        top: 0;
        right: 0;
    }
    main .entry .details .link {
        width: 14rem;
        text-align: center;
        font-size: 1.3rem;
        letter-spacing: 0.05em;
        border: 1px solid #767A25;
        color: #767A25;
        padding: 2px;
        position: absolute;
        bottom: 0;
        right: 0;
    }
    main .entry .details .link::after {
        content: "";
        display: block;
        width: .4rem;
        height: .4rem;
        position: absolute;
        right: .87rem;
        top: 48%;
        border-bottom: 1px solid #767A25;
        border-right: 1px solid #767A25;
        transform: translateY(-50%) rotate(-45deg);
    }
    /*--------------------------
	New Icon
---------------------------*/
    main .entry.new figure::before {
        content: "";
        display: block;
        width: 6.05rem;
        height: 6.05rem;
        background: #767A25;
        border-radius: 50%;
        position: absolute;
        left: 1rem;
        top: 1rem;
        z-index: 2;
    }
    main .entry.new figure::after {
        content: "NEW";
        width: 6.05rem;
        text-align: center;
        font-family: 'Crimson Text', serif;
        font-size: 1.43rem;
        letter-spacing: .05em;
        color: #fff;
        position: absolute;
        left: 1.1rem;
        top: 1rem;
        z-index: 3;
        line-height: 6.05rem;
    }
    
    .pager_report ul {
        display: flex;
        justify-content: center;
    }
    .pager_report li {
        margin: 0 10px;
        font-size: 1.2rem;
        letter-spacing: 0.05em;
        color: #767A25;
    }
    .pager_report li .current {
        border-bottom: 1px solid;
    }
}
@media only screen and (max-width: 768px) {
    body {}
    main {
        background: #F4F4F1;
        padding: 4rem 0 0;
    }
    main .reportfilter, main .entries {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .wedding .page_title {
        padding-bottom: 1px;
    }
    .report_archive {
        padding-bottom: 7rem;
    }
    .report_archive form {
        background: #EFEFEC;
        padding: 3rem 5% 4.5rem;
        border-top: 1px solid #D3D3C9;
    }
    /*================================
	絞り込み
================================*/
    main .reportfilter {
        display: none;
    }
    /*--------------------------
	Filter List
---------------------------*/
    main .reportfilter .filterlist {}
    main .reportfilter .filterlist dt {
        padding: 2rem 1rem 1rem;
        font-size: 1.3rem;
        position: relative;
        color: #767A25;
    }
    main .reportfilter .filterlist dt:hover {
        cursor: pointer;
    }
    main .reportfilter .filterlist dd {
        background: #F9F9F7;
        padding: 1rem;
    }
    main .reportfilter .keylist {
        display: flex;
        display: -webkit-flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: stretch;
        align-items: stretch;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    
    main .reportfilter .keylist li {
         width: 48%;
        font-size: 1.3rem;
        padding-left: 2.5rem;
        text-indent: -2.5rem;
    }
    main .reportfilter .keylist li input {
        margin-right: 10px;
    }
    main .reportfilter .keylist li:not(:last-of-type) {
        margin-bottom: .5rem;
    }
    /*--------------------------
	Submit
---------------------------*/
    main .reportfilter .submit {}
    main .reportfilter .submit span {
        display: block;
        width: 100%;
        position: relative;
        margin: 3rem auto 0;
    }
    main .reportfilter .submit input[type=submit] {
        appearance: none;
        border-radius: 0;
        font-family: inherit;
        line-height: inherit;
        display: block;
        width: 100%;
        background: #5E7441;
        padding: 1rem;
        text-align: center;
        color: #fff;
        border: none;
    }
    /*--------------------------
	Close
---------------------------*/
    main .reportfilter .close {
        margin: 2rem 0 1rem;
        text-align: center;
        font-family: 'Crimson Text', serif;
        font-size: 1rem;
        line-height: 1;
        letter-spacing: .1em;
        color: #999;
    }
    main .reportfilter .close::before {
        content: "";
        display: block;
        width: 1rem;
        height: 1rem;
        border-top: 1px solid #ccc;
        border-left: 1px solid #ccc;
        margin: 0 auto .5rem;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    /*--------------------------
	絞り込み条件表示ボタン
---------------------------*/
    main .filtershow {
        width: 90%;
        position: relative;
        background: #5E7441;
        margin: 0 auto;
        padding: 1rem;
        text-align: center;
        color: #fff;
    }
    
    /*================================
	Entry
================================*/
    main .entries {
        display: flex;
        align-items: stretch;
        flex-wrap: wrap;
        justify-content: space-between;
        padding: 4rem 5% 1rem;
    }
    main .entries > .more {
        display: none;
    }
    main .entry {
        width: 100%;
        margin-bottom: 5rem;
    }
    main .entry figure {
        width: 25rem;
        margin: 0 auto 1.5rem;
        position: relative;
    }
    main .entry .details h3 {
        text-align: center;
        font-size: 1.3rem;
        line-height: 1;
        font-weight: 400;
        letter-spacing: .05em;
        margin-bottom: 1rem;
        color: #4A521E;
    }
    main .entry .details .text {
        text-align: center;
        font-size: 1.8rem;
        line-height: 1.45;
        letter-spacing: 0.05em;
        color: #4A521E;
        margin-bottom: 1rem;
    }
    main .entry .details .list {
        max-width: 29.5rem;
        margin: 0 auto;
    }
    main .entry .details .list li {
        font-size: 1.2rem;
        letter-spacing: 0.05em;
        line-height: 1.8;
    }
    main .entry .details .list li span {
        width: 9.4rem;
        display: inline-block;
    }
    main .entry .details .list li span::after {
        content: '：';
        position: absolute;
        top: 0;
        right: 0;
    }
    main .entry .details .link {
        width: 29.5rem;
        margin: 1rem auto 0;
        text-align: center;
        font-size: 1.3rem;
        letter-spacing: 0.05em;
        border: 1px solid #767A25;
        color: #767A25;
        padding: .5rem;
        display: block;
    }
    main .entry .details .link::after {
        content: "";
        display: block;
        width: .4rem;
        height: .4rem;
        position: absolute;
        right: .87rem;
        top: 48%;
        border-bottom: 1px solid #767A25;
        border-right: 1px solid #767A25;
        transform: translateY(-50%) rotate(-45deg);
    }
    /*--------------------------
	New Icon
---------------------------*/
    main .entry.new figure::before {
        content: "";
        display: block;
        width: 7.05rem;
        height: 7.05rem;
        background: #767A25;
        border-radius: 50%;
        position: absolute;
        left: -1.5rem;
        top: -1.5rem;
        z-index: 2;
    }
    main .entry.new figure::after {
        content: "NEW";
        width: 7.05rem;
        text-align: center;
        font-family: 'Crimson Text', serif;
        font-size: 1.8rem;
        letter-spacing: .05em;
        color: #fff;
        position: absolute;
        left: -1.4rem;
        top: -1.5rem;
        z-index: 3;
        line-height: 7.05rem;
    }
    
    .pager_report ul {
        display: flex;
        justify-content: center;
    }
    .pager_report li {
        margin: 0 10px;
        font-size: 1.6rem;
        letter-spacing: 0.05em;
        color: #767A25;
    }
    .pager_report li .current {
        border-bottom: 1px solid;
    }
    /*------------------------
	フェア誘導ボタン
------------------------*/
/*
    main .entries .entry + .more {}
    main .entries .entry + .more a {
        display: block;
        background: #59753a;
        margin: 3rem 0;
        padding: 1.5rem;
        text-align: center;
        line-height: 1;
        color: #fff;
        position: relative;
    }
    main .entries .entry + .more a::before {
        content: "";
        display: block;
        border: .4rem solid transparent;
        border-left: .4rem solid #fff;
        position: absolute;
        left: 1.5rem;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        transform: translateY(-50%);
    }
*/
}