@charset "utf-8";



/* ==========================================================================
   Rules moved from the old asset/css/base.css (deleted).
   Only the declarations that still have an effect on the pages that load this
   file; everything else was already covered by reset.css / all.css.
   ========================================================================== */

/* link hover effect (previously "alphaRO" in the old asset/js/base.js) */
a:hover {
    opacity: 0.7;
}

.main-wrap {
    padding: 4rem 0 10rem;
}

@media print, screen and (min-width:768px) {
    .main-wrap {
        padding: 6rem 0;
    }
}

@media print, screen and (min-width:1024px) {
    .main-wrap {
        padding: 8rem 0;
    }
}

.sec-box {
    padding: 4rem 0;
}

.sec-box:first-child {
    padding-top: 0;
}

@media print, screen and (min-width:768px) {
    .sec-box {
        padding: 8rem 0;
    }
}

@media print, screen and (min-width:1024px) {
    .sec-box {
        padding: 15rem 0;
    }
}

.c-title-tertiary {
    margin-bottom: 3rem;
    font-size: 1.2rem;
    text-align: center;
}

.c-title-tertiary span {
    display: block;
    font-size: 2.2rem;
    font-weight: bold;
}

@media print, screen and (min-width:768px) {
    .c-title-tertiary {
        margin-bottom: 5rem;
        font-size: 1.4rem;
    }
    .c-title-tertiary span {
        font-size: 3rem;
    }
}

.dl-list {
    max-width: 80rem;
    margin: 0 auto;
}

.dl-list dl {
    display: flex;
}

.dl-list dl>* {
    padding: 1.5rem 0;
}

.dl-list dl dt {
    width: 8rem;
    border-top: #1a1a1a 1px solid;
}

.dl-list dl dd {
    flex: 1;
    margin-left: 1rem;
    border-top: #c8c8c8 1px dotted;
}

.dl-list dl:last-child dt {
    border-bottom: #1a1a1a 1px solid;
}

.dl-list dl:last-child dd {
    border-bottom: #c8c8c8 1px dotted;
}

.dl-list dl dd a {
    text-decoration: underline;
}

@media print, screen and (min-width:1024px) {
    .dl-list dl>* {
        padding: 2rem 0;
        font-size: 1.5rem;
    }
}

/* about */

/* ==========================================================================//
//
//　上書き
//
// ========================================================================== */



@media print, screen and (min-width: 768px) {

}

@media print, screen and (min-width: 1024px) {


}



/* ==========================================================================//
//
//　about
//
// ========================================================================== */

.main-wrap										{ overflow: hidden;}

/* message */
.message										{ }
.message .over-wrap								{}
.message .over-wrap .pic 	 					{ margin: 0 -1.5rem; }
.message .over-wrap .txt-box 	 				{ position: relative; margin-top: -3rem; padding: 2rem; background: #fff; }
.message .over-wrap .txt-box .main 				{ margin-bottom: 1rem; font-size: 2rem; }
.message .over-wrap .txt-box .name 				{ display: -webkit-flex; display: flex; align-items: flex-end; justify-content: flex-end; margin-top: 2rem; }
.message .over-wrap .txt-box .name .img 		{ width: 50%; margin-left: 1rem; max-width: 20rem;  }

@media print, screen and (min-width: 768px) {

.message .over-wrap								{ position: relative; padding-top: 10rem;}
.message .over-wrap .pic 						{ position: absolute; top: 0; right: -20%; width: 70%; margin: 0; max-width: 96rem;}
.message .over-wrap .txt-box 	 				{ width: 50%; margin: 0; padding: 3rem 3rem 3rem 0;  }

}
@media print, screen and (min-width: 1024px) {

.message .over-wrap								{ padding-top: 6.6rem;}
/*.message .over-wrap .pic 						{ right: -41rem; width: 87%; max-width: 96rem;}*/
.message .over-wrap .txt-box .main 				{ margin-bottom: 3rem; font-size: 3rem; font-weight: bold;}
.message .over-wrap .txt-box .main+p			{ font-size: 1.4rem;}
/*.message .over-wrap .txt-box 	 				{ position: relative; width: 60%; max-width: 61rem; padding: 6rem 6rem 6rem 0;  }*/

}
@media print, screen and (min-width: 1200px) {

.message .over-wrap .txt-box 	 				{ padding: 6rem 6rem 6rem 0;  }
.message .over-wrap .txt-box .name 				{ margin-top: 6rem; }

}


/* dec-box */
.dec-box				{ }
.dec-box .dec			{ padding: 0 0 1rem; font-weight: bold; font-size: 3.5rem; line-height: 1.2;}

@media print, screen and (min-width: 768px) {

.dec-box 			{ text-align: center;}
.dec-box .dec			{ padding: 0 0 2rem; font-size: 6rem; }

}
@media print, screen and (min-width: 1024px) {

.dec-box .dec			{ padding: 0 0 4rem; font-size: 9.4rem;}

}
@media print, screen and (min-width: 1110px) {

.dec-box .dec			{ font-size: 10.4rem;}

}

/* outline */
.outline				{ padding-bottom: 0;}





/* Gallery */

.gallery{
    text-align: center;
    max-width: 800px;
    margin: 0 auto;
}
.gallery p{
    text-align: left;
}
.gallery .switchers{
    width:100%;
    margin-bottom: 40px;
}
.gallery .switchers div span{
    font-family: YakuHanJPs, 'Open Sans', sans-serif;
    max-width: 220px;
    display: block;
    margin: 0 auto;
    padding: 8px 0;
    color:#979797;
    cursor: pointer;
}
.gallery .switchers div span.selected{
    font-weight: bold;
    border: 3px solid #000;
    color:#000;
}
.gallery .main-img{
    margin-bottom: 15px;
}
.gallery .main-img img{
    display: none;
    width: 100%;
}
.gallery .main-img img.selected{
    display: block;
}
.gallery .nagoya-gallery{
    margin-bottom: 15px;
}
.gallery .nagoya-gallery ul,.gallery .tokyo-gallery ul{
    display: flex;
}
.gallery .nagoya-gallery ul li,.gallery .tokyo-gallery ul li{
    width: 25%;
    box-sizing: border-box;
    padding: 5px;
}
.gallery .nagoya-gallery ul li img,.gallery .tokyo-gallery ul li img{
    cursor: pointer;
}
.gallery .nagoya-gallery ul li img.selected,.gallery .tokyo-gallery ul li img.selected{
    opacity: 0.4;
}
.gallery .tokyo-gallery{
    display: none;
}
@media screen and (max-width:500px){
    .gallery .switchers div span{
        font-size:13px;
    }
}