@charset "UTF-8";


/* ==========================================================================
   Archive Journal
========================================================================== */
.archive .page__header{
	margin-bottom: 100px;
}

/* ==========================================================================
   Single Journal
========================================================================== */
.single #mv .h1,
.single .page__header .h1 {
	display: block;
	margin-bottom: 15px;
}
.single #mv .h4 + .h4,
.single .page__header .h4 + .h4 {
	display: block;
	margin-top: 40px;
}

.single #store-detail {
	padding-top: 1px;
	padding-bottom: 1px;
	position: relative;
}
.single #store-detail .store-name {
	margin-top: 28px;
	padding-right: 30px;
	padding-left: 30px;
}
.single #store-detail figure a {
    display: block;
}
.single #store-detail dl {
	letter-spacing: .05em;
	font-size: 1.3rem;
	line-height: 1.5;
	margin-bottom: 10px;
}
.single #store-detail dl dt {
	font-weight: 700;
}
.mb60 {
    margin-bottom: 80px;
    font-size: 1.6rem;
}
.credit {
    width: auto;
    margin: 40px auto 0;
    border-top: solid 1px #000;
    padding-top: 40px;
    width: auto;
	box-sizing: border-box;
	display: -webkit-flex;
	-webkit-justify-content: space-between;
	-webkit-align-items: center;
	-webkit-flex-wrap: wrap;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
.credit figure {
    width: 40%;
}
.credit figure.people {
    width: 35%;
}
.credit .txt_credit {
    width: 60%;
}
.credit .txt_credit p {
    margin: 0;
    font-size: 1.3rem;
}
.credit .txt_credit p.type {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    margin-bottom: 10px;
    font-size: 1.2rem;
}
.credit .txt_credit p.name {
    font-family: 'Poppins', sans-serif;
    font-size: 2rem;
    font-weight: 700;
    margin-bottom: 20px;
}
.credit .txt_credit p.nameBase {
    font-size: 1.6rem;
    font-weight: 700;
    margin-bottom: 20px;
}
@media screen and (max-width: 767px){
    .credit figure {
        width: 100%;
    }
    .credit figure.people {
        margin-bottom: 30px;
    }
    .credit .txt_credit {
        width: 100%;
    }
    .credit .txt_credit p.type,.credit .txt_credit p.name {
        text-align: center;
    }
}
.movbox {
    margin: 40px auto;
}
.movbox .mov {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movbox .mov iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

/* ---------------
   reyouth
--------------- */
#reyouth p {
    margin-bottom: 0;
}
#reyouth .intro {
    width: 100%;
    background-image: url("../img/reyouth/introback.jpg");
    background-size: cover;
    margin-bottom: 50px;
}
#reyouth .intro .introTxt {
    margin: 0 auto;
    color: #FFF;
}
#reyouth .intro .introTxt figure {
    margin: 0 auto 50px;
    text-align: center;
}
#reyouth .lineup {
    max-width: 1100px;
    margin: 100px auto;
    display: -webkit-flex;
	-webkit-justify-content: space-between;
	-webkit-align-items: center;
	-webkit-flex-wrap: wrap;
	display: flex;
	justify-content: space-between;
	align-items: center;
	flex-wrap: wrap;
}
#reyouth .lineup p {
    margin: 0;
    line-height: 1.6;
}
#reyouth p.title {
    font-family: 'Poppins', sans-serif;
    font-weight: 700;
    margin-bottom: 40px;
    font-size: 2rem;
    text-align: center;
}
#reyouth p.title span {
    font-size: 1.2rem;
}
#reyouth .lineup figure {
    margin-bottom: 20px;
}
#reyouth .lineup .productset p.no {
    font-weight: 700;
    font-size: 1.5rem;
}
#reyouth .lineup .productset p.size {
    font-size: 1.3rem;
}
#reyouth .lineup .productset p.price {
    font-weight: 700;
    font-size: 1.3rem;
}

#archive-journal .container {
    margin-top: 50px;
}
.tc {
    margin: 0 auto;
    text-align: center;
}

.block .inner .img img { width: 100%; display: block; }
@media only screen and (max-width: 767px) {
.block { margin: 50px 0; }
.block .inner .img { position: relative; padding: 0 30px; }
.block .inner .bg { margin-top: -30vw; position: relative; z-index: -1; }
.block .inner .bg img { height: 100vw; object-fit: cover; }
.block .inner h3 { font-size: 26px; }
.block .inner h3 .small { font-size: 10px; display: block; }
.block_00 .inner .img { max-width: 80%; margin: 0 0 0 auto; padding: 0; }
.block_00 .inner h3 { position: absolute; bottom: -15px; left: -25px; }
.block_01 .inner .img { padding: 0; }
.block_02 .inner .img:nth-child(1) { width: 85%; margin-bottom: 50px; }
.block_03 .inner { display: flex; flex-wrap: wrap; justify-content: flex-end; }
.block_03 .inner .img:nth-child(1) { width: 85%; margin-right: 15%; margin-bottom: 50px; }
.block_03 .inner .img:nth-child(2),
.block_03 .inner .img:nth-child(3) { width: calc((100% - 45px)/2); padding: 0; margin-left: 15px; }
.block_03-2 .inner { display: flex; flex-wrap: wrap; justify-content: flex-end; }
.block_03-2 .inner .img:nth-child(1),
.block_03-2 .inner .img:nth-child(2) { width: calc((100% - 45px)/2); padding: 0; margin-left: 15px; }
.block_03-2 .inner .img:nth-child(3) { width: 85%; margin-right: 15%; margin-top: 50px; }
.block_credit { padding: 0 30px; font-size: 10px; letter-spacing: .05em; line-height: 2; }
}
@media only screen and (min-width: 768px) {
.block { margin: 150px 0; }
.block .inner .img { position: relative; padding: 0 25px; }
.block .inner .bg { margin: -150px -3vw 0 -3vw; width: 100vw; position: relative; z-index: -1; }
.block .inner h3 { font-size: 40px; }
.block .inner h3 .small { font-size: 12px; display: block; margin-bottom: 10px; }
.block_00 .inner .img { max-width: 80%; margin: 0 auto; }
.block_00 .inner h3 { position: absolute; bottom: 100px; left: -25px; }
.block_01 .inner .img { max-width: 80%; margin: 0 auto; }
.block_01-2 .inner .img { max-width: 80%; margin: 0 auto; }
.block_02 .inner { display:-ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 auto; }
.block_02 .inner .img { width: 50%; }
.block_03 .inner { display:-ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; margin: 0 auto; }
.block_03 .inner .img:nth-child(1) { width: 50%; }
.block_03 .inner .img:nth-child(2),
.block_03 .inner .img:nth-child(3) { width: 25%; }
.block_03-2 .inner { display:-ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; margin: 0 auto; }
.block_03-2 .inner .img:nth-child(1),
.block_03-2 .inner .img:nth-child(2) { width: 25%; }
.block_03-2 .inner .img:nth-child(3) { width: 50%; }
.block_credit { padding: 0 25px; font-size: 10px; letter-spacing: .05em; line-height: 2; }
}