/** Shopify CDN: Minification failed

Line 637:0 Unexpected "}"

**/
@charset "UTF-8";
/* CSS Document */


#mmpage-title{
    display:none;
}
#mmpage-title-mobile{
    width:100%;
}
    #mmpage-title-mobile img{
        width:100%;
        height:auto;
    }

/*==========================================
 #the-players
===========================================*/
#the-players{
  margin-bottom:80px;
}


/*==========================================
 #intro-sec
===========================================*/
#intro-sec{
    text-align:center;
	padding-bottom:50px;
	border-bottom: 1px solid #E2E2E2;
}

    .intro-title{
        text-align:center;
        font-size:22px;

        font-family: "Josefin Sans", sans-serif;
        font-optical-sizing: auto;
        font-weight: 500;
        font-style: normal;

    }
    .intro-text{
        text-align:center;
        padding:20px 0;
        letter-spacing:0.08em;

    }
        .intro-text-notice{
            padding-top:0.5em;
            display:block;
            font-size:smaller;
        }

    .intro-logo{
        width:75%;
        margin:0 auto;
        max-width:400px;

    }
        .intro-logo img{
            width:100%;
            height:auto;
        }

/*==========================================
 #time-sec
===========================================*/
#time-sec{
    text-align:center;
	padding-bottom:50px;
	border-bottom: 1px solid #E2E2E2;
}

    .time-title, .about-title{

        text-align:center;
        font-size:19px;

        font-family: "EB Garamond", serif;
        font-optical-sizing: auto;
        font-weight: 400;
        font-style: normal;
        letter-spacing:0.1em;
        transform: scale(1, 1.15);

        padding-bottom:30px;



    }
    .time-location{
  
        text-align:center;
        letter-spacing:0.02em;

        font-family: "Josefin Sans", sans-serif;
        font-optical-sizing: auto;
        font-weight: 500;
        font-style: normal;

        padding:0;

    }
    .time-map{
        display:block;
        text-decoration:underline;
        text-align:center;
        padding:10px 0;
    }


/*==========================================
 #about-sec
===========================================*/
#about-sec{
    text-align:center;
	padding-bottom:50px;
}

    .about-title{
    }

    .about-text{
        text-align:center;
        letter-spacing:0.08em;
    }

    .about-photo{
        width:100%;
        padding:30px 0 50px 0;
    }
        .about-photo img{
            width:100%;
            height:auto;
        }



/*==========================================
 #club-sec
===========================================*/
#club-sec{

/*
    box-sizing: content-box;
    padding: 0 7%;
    padding-top: 50px;
    width: 86%;
*/

    background-color:#E6E5E3;
    text-align:center;
	padding-bottom:30px;
	border-bottom: 1px solid #ACACAC;
}

    .club-wapper{
        
    }
        .club-photo{
            padding-bottom:30px;
            width:100%;
        }
            .club-photo img{
                width:100%;
                height:auto;
            }
       
        .club-info{
            text-align:left;

        }
        .club-title{

            font-size:20px;

            font-family: "EB Garamond", serif;
            font-optical-sizing: auto;
            font-weight: 700;
            font-style: normal;
            letter-spacing:0.05em;

            padding-bottom:10px;
            

        }
        .club-text{
            text-align:left;
            letter-spacing:0.08em;
        }

            .club-text a{
                text-decoration:underline;
            }


/*==========================================
 #mieko-shana-sec
===========================================*/
#mieko-shana-sec{

    text-align:center;
	padding-bottom:30px;


}

/* mieko */

.mieko-banner{
    width:100%;
    display:none;
}
.mieko-banner-mobile{
    width:100%;
}

    .mieko-banner img, .mieko-banner-mobile img{
        width:100%;
        height:auto;

    }

.mieko-wrapper{
    border-bottom: 1px solid #ACACAC;
}
    .mieko-photo{
        width:70%;
        margin:0 auto;
        max-width:450px;
    }
        .mieko-photo img{
            width:100%;
            height:auto;
        }


    .mieko-profile{
        padding:30px 0;

    }
        .mieko-title{
            display:flex;
            justify-content:space-between;
            padding-bottom:15px;

        }

            .mieko-title h3{
                font-size:22px;

                font-family: "EB Garamond", serif;
                font-optical-sizing: auto;
                font-weight: 700;
                font-style: normal;
                letter-spacing:0.05em;
            }

            .mieko-title a{
                text-decoration:underline;
            }

        .mieko-text{
            text-align:left;
        }


/* shana */

.shana-banner{
    padding-bottom:50px;
    display:none;
}
.shana-banner-mobile{
    padding-bottom:50px;
    width:100%;
}


    .shana-banner img, .shana-banner-mobile img{
        width:100%;
        height:auto;

    }


.shana-wrapper{

}
    .shana-photo{
        width:70%;
        margin:0 auto;
        max-width:450px;
    }
        .shana-photo img{
            width:100%;
            height:auto;
        }

    .shana-profile{
        padding:30px 0;

    }
        .shana-title{
            display:flex;
            justify-content:space-between;
            padding-bottom:15px;

        }

            .shana-title h3{
                font-size:22px;

                font-family: "EB Garamond", serif;
                font-optical-sizing: auto;
                font-weight: 700;
                font-style: normal;
                letter-spacing:0.05em;
            }

            .shana-title a{
                text-decoration:underline;
            }

        .shana-text{
            text-align:left;
        }



/* RSVP */
    .rsvp-box{
        text-align:center;
    }
        .rsvp-notice{
            font-weight:bold;
            letter-spacing:0.08em;

        }
        .rsvp-arrow{
            width:40px;
            margin:0 auto;
            padding:15px 0;
        }
            .rsvp-arrow img{
        	    width:40px;
	            height:auto;
            }


        .rsvp-btn{
                margin:30px 0 0 0;

        }
            .rsvp-btn a{
                font-size: 15px;
                color: #ffffff;
                font-weight: 600;
                letter-spacing:0.3em;
                border: none;
                padding: 15px 22px;
                text-decoration: none;
                background-color: black;
                max-width:170px;
            }
            .rsvp-btn span{
                display:block;
                font-size:smaller;
                padding-top:30px;
            }

/* .mmpage-sec2 */

.mmpage-sec2 {
    box-sizing: content-box;
    padding: 0 7%;
    padding-top: 50px;
    width: 86%;
}





/* モバイル・タブレット向けのレイアウトの指定：550px〜 */
@media only screen and (min-width: 550px) {


	



}
/* モバイル・タブレット向けのレイアウトの指定：769px〜 */
@media only screen and (min-width: 769px) {


#mmpage-title{
    display:flex;
}

#mmpage-title-mobile{
    display:none;
}

.mieko-banner{
    display:block;
}
.mieko-banner-mobile{
    display:none;
}
.shana-banner{
    display:block;
}
.shana-banner-mobile{
    display:none;
}



}

@media only screen and (min-width: 1038px) {


/*==========================================
 #intro-sec
===========================================*/
#intro-sec{
padding-bottom:70px;
}

    .intro-title{
font-size:30px;

    }
    .intro-text{
width:60%;
margin:0 auto;
padding:30px 0 40px 0;
    }



/*==========================================
 #time-sec
===========================================*/
#time-sec{
padding-bottom:70px;
}

    .time-title, .about-title{
font-size:larger;

    }
    .time-location{
font-size:22px;


    }


/*==========================================
 #about-sec
===========================================*/
#about-sec{
padding-bottom:70px;
}

    .about-photo{
margin:0 auto;
max-width:500px
    }


/*==========================================
 #club-sec
===========================================*/
#club-sec{
width: 100vw;        /* 画面幅いっぱい */
margin-left: calc(50% - 50vw); /* コンテナの中央からはみ出す */
padding-bottom:60px;
}

    .club-wapper{
     
display:flex;
justify-content:space-between;

    }
        .club-photo{
width:40%;
        }
       
        .club-info{
width:55%;

        }
        .club-title{
font-size:23px;
        }
        .club-text{
font-size:17px;
        }



/*==========================================
 #mieko-shana-sec
===========================================*/

/* mieko */

.mieko-banner{
width: 100vw;        /* 画面幅いっぱい */
margin-left: calc(50% - 50vw); /* コンテナの中央からはみ出す */
}


.mieko-wrapper{
border-bottom:none;
display:flex;
justify-content:space-between;
align-items:flex-start;
padding-top:0 !important;
}
    .mieko-photo{
width:40%;
margin:0;

padding-right:5%;
border-right: 1px solid #ACACAC;
margin-right:5%;

padding-top:70px;

    }
    .mieko-profile{
width:60%;
padding:0;
padding-top:70px;

    }
        .mieko-title{
margin-top:-0.15em;
        }


            .mieko-title a{
font-size:smaller;
            }

        .mieko-text{
font-size:17px;
        }



/* shana */

.shana-banner{
width: 100vw;        /* 画面幅いっぱい */
margin-left: calc(50% - 50vw); /* コンテナの中央からはみ出す */
padding-bottom:100px;
}


.shana-wrapper{

display:flex;
justify-content:space-between;
align-items:flex-start;
padding-bottom:0 !important;


}
    .shana-photo{

order:2;

width:30%;
margin:0;


padding-top:0;


    }

    .shana-profile{
order:1;
width:70%;
padding:0;

padding-top:0;
padding-bottom:70px;

padding-right:5%;
border-right: 1px solid #ACACAC;
margin-right:5%;



    }


            .shana-title a{
font-size:smaller;
            }

        .shana-text{
font-size:17px;
        }




/* .mmpage-sec2 */

.mmpage-sec2 {
    padding: 80px 0 0 0;
    width: 100%;
    max-width: 950px;
    margin: 0 auto;

}

}

	
}

@media only screen and (min-width: 1400px) {

	
}