@charset "Shift_JIS";

/***********************************
Scandinavian Vintage Furniture
************************************/
.fadeIn{
animation-duration:1.5s;
animation-timing-function: ease-out;
}

.fadeUp {
animation-timing-function: ease-out;
animation-duration:.7s;}

 .vintage2025 h2, .vintage2025 h3, .vintage2025 h4, .vintage2025 h5, .vintage2025 h6, 
 .artistList li, figcaption, .buttonWrap, .artist_tit {
font-family: adobe-garamond-pro, ten-mincho-text, serif; 
font-weight: normal;
font-variant-numeric: oldstyle-nums;
-webkit-font-smoothing: antialiased;
letter-spacing: 0.09em;
}
.vintage2025 a {text-decoration: none; color: #000;}
.vintage2025 a:hover {text-decoration: none;  color: #444; }

.mod_title, .mod_title a {font-size: 18px; color: #555; text-align: center; text-decoration: none; line-height: 1;}
.mod_title a:hover {color:#000;}

.vintage2025 .button { margin: 20px auto;}
.vintage2025 .button:hover {border-color: #444; }

.features_content_area {width:100%;}
.features_wrapper .section {margin-bottom: 100px;}
.section h3, .section h4 {margin-bottom: 1em; text-align: center;}
.vintage2025 .bodytxt {margin: 0 auto 2em;}
.vintage2025 .bodytxt a { text-decoration: underline;}
.vintage2025 .bodytxt a:hover { text-decoration: none;}

.vintage2025 .caption {margin-top: 20px; font-size: 11px;}
.vintage2025 .notes {margin-top: 10px; color: #888;}
.bnr_fair {width:90%; margin: 30px auto 0; }

.tit_divider:before {content: '';
    display: block;
				margin:0 auto 24px;
				width:6px;
				height:1px; 
				background-color: #777;}
				
.tit_divider {}				


@media screen and (max-width: 768px) {
.section h3 {font-size: 22px; }
.section h4 {font-size: 18px;}
.vintage2025 .vintage_navi h6 {margin-bottom: 10px; font-size: 19px; }
.footer_info {margin-top: 80px;}
}


@media screen and (min-width: 769px) {
.w700 {width:100%; max-width: 700px; margin-right: auto; margin-left: auto;}
.w940 {width:100%; max-width: 940px; margin-right: auto; margin-left: auto;}
.w1020 {width:100%; max-width: 1020px; margin-right: auto; margin-left: auto;}

.vintage2025 .features_content_area { width:100%; max-width: 1180px; margin: 30px auto 0;}
				
.bnr_fair {width:330px; margin: 30px auto 0; }
.mod_title {font-size: 18px;}

.features_wrapper {max-width: 1180px; margin: 0 auto;}

.vintage2025 .section { margin-bottom:160px;}
.vintage2025 .bodytxt {width:100%; max-width:700px; }
.features_wrapper .button {width:100%; max-width: 540px; margin: 30px auto;}
.footer_info {margin-top: 100px; text-align: center;}
}



/***********************************
index
************************************/

#index .ttl_area h2 {
font-size: 28px; line-height: 1.2; text-align: center;}
#index .ttl_area h2 span { display: block;
 margin-top: 5px; font-size: 49%;}
				
#index .ttl_area .bodytxt {margin-bottom: 10px; text-align: left;}
.btn_read_more {width:80%; padding: 5px; 
margin: 20px auto ; border: 1px solid #ddd; 
text-align: center; 
}	

#index .section .tit_divider {letter-spacing: 0.08em; line-height: 1.25;}
#index .category_scene {margin-bottom: 30px;}	
.vintage2025 .artistList li { text-align: center;}
.vintage2025 .artistList .name {margin-top: 1.2em; 
letter-spacing: 0.06em; line-height: 1.15;}
.vintage2025 .artistList .genre {margin-top: 0.3em; 
font-style: italic; line-height: 1; letter-spacing: 0.06em;}
.vintage2025 .artistList .shop {margin-top: 0.6em; font-size: 12px; }

.eventName {margin-top: 1em; line-height: 1.3; letter-spacing: 0.08em;}
.eventName span {display: block; font-size: 80%;}



@media screen and (max-width: 768px) {


.ttl_area h2 { margin: 30px auto 24px; }
#index .buttonWrap {margin-top: 30px;}
#index .buttonWrap .button {padding: 0.8em; font-size: 17px; letter-spacing: 0.05em; line-height: 1.25;}
#index .buttonWrap .jp {display: block; margin-top: 0.3em; font-size: 75%;}
.features_content_area {padding: 0;}

#index .section .section_tit {margin: 2em auto 2em; font-size: 21px; text-align: center;}

.styleWrap {display: flex; justify-content: space-between; flex-wrap: wrap;
margin-top: 100px;}
.styleWrap:first-of-type {margin-top: 30px;}
.styleWrap figure {margin: 30px auto 0px; width: 100%;}

#styling {padding: 0 7%;}
.vertical {padding:0 20%;}
figcaption {margin-top: 12px; font-size: 14px; line-height: 1.4; }
figcaption a {text-decoration: none; color: #444;} 
figcaption a:hover {text-decoration: underline; color: #000;}

.section:not(#styling) {padding: 0 7%;}

#modern h4#interview {margin-top: 40px; font-size: 20px;}

.vintage2025 .artistList {justify-content: flex-start;}
.vintage2025 .artistList li {width:47%; letter-spacing: 0.05em; } 
.vintage2025 .artistList li:nth-of-type(2n+1) {margin-right: 6%;}
.vintage2025 .artistList li:nth-of-type(n+3) {margin-top: 20px;}
.vintage2025 .artistList .name {font-size: 14px;}
.vintage2025 .artistList .genre {font-size: 12px; }
.vintage2025 .artistList .shop {margin-top: 0.7em; font-size: 11px; line-height: 1.2; }

}


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


#index .ttl_area {max-width: 1080px; margin: 0 auto 50px; }
#index .ttl_area a {color: #000;text-decoration: none;}
#index .ttl_area .description {margin: 40px auto; text-align: center;}
#index .ttl_area h2 { margin: 50px auto 30px; 
font-size: 38px; letter-spacing: 0.09em; line-height: 1.15; text-align: center;}
#index .ttl_area h2 span {display: block; font-size: 60%; font-style: italic;}
#index .buttonWrap {display: flex; justify-content: space-between;}
#index .buttonWrap li {width:48%; font-size: 15px;}
#index .buttonWrap .button {padding: 0.8em; font-size: 17px; letter-spacing: 0.05em; line-height: 1.25;}
#index .buttonWrap .jp {display: block; margin-top: 0.3em; font-size: 75%;}

#index .section {max-width: 960px; }
#index .section .section_tit {margin-bottom:50px; padding-top: 30px;
font-size:28px; letter-spacing:0.1em; text-align: center;}
#index .section .tit_divider {font-size: 26px;}
#index .section .bodytxt {max-width: 720px; margin: 0 auto 1em;}

#index .styleWrap {display: flex; 
justify-content: space-between; flex-wrap: wrap;}
#index .figWrap {width: 100%; display: flex; justify-content: space-between; flex-wrap: wrap; }
#index figure {margin: 18px 0 18px 0; width: 100%;}
#index figcaption {margin: 10px 0 -5px; font-size: 13px; line-height: 1.4; }
#index figcaption a {text-decoration: none; color: #444;} 
#index figcaption a:hover {text-decoration: underline; color: #000;}

#index .horizon {width: 100%;}
#index .vertical {width: 48%;}

#modern {max-width:1020px;}
#modern .category_scene {padding: 0 50px;}
#modern h4 {margin: 2.5em auto 1em; font-size: 20px;}

.vintage2025 .artistList {justify-content: center;}
.vintage2025 .artistList li {width:25%; padding:0 20px;}
.vintage2025 .artistList li:nth-of-type(n+5) {margin-top: 30px;}


}






/***********************************
 Artist Interview 
************************************/
#interview .button {margin: 30px auto;}

.interview_tit {width:90%; margin: 20px auto 40px;}
#interview .mod_title {text-align: center;}
.category_tit {margin-top: 0.7em; font-size: 24px; line-height: 1.2; text-align:center;}
.category_tit span {display: block; margin: 0.3em 0 0; font-size: 80%;}
.interview_tit .artist_tit {margin:40px auto 1em; font-size: 26px; line-height: 1.3; letter-spacing: 0.1em; text-align:center;}
.interview_tit .artist_tit span {display: block; margin-top: 0.3em; font-size: 50%;}
.interview_tit .artist_tit .genre {margin-top: 1em; font-style: italic; letter-spacing: 0.1em;}
.interview_tit .leadtxt { margin: 0 auto 40px; text-align: left; }

#interviewWrap {width:100%; margin-bottom: 60px;}
.textWrap {width:94%; margin: 40px auto;}
.textWrap .question:nth-of-type(n+2) {margin-top: 2.4em;}
.caption {margin-top: 20px; font-size: 11px;}
.notes {margin-top: 10px; color: #888;}

.section .scene:nth-of-type(n+2) {margin-top: 10px;}
#interview .profWrap .profImg {width:50%; margin: 0 auto 20px; }
#interview .profWrap .profTxt {width:100%; margin: 0 auto;}
#interview .profName {margin-bottom: 12px; font-size: 17px; line-height: 1.2;}
#interview .profName span {display: block; margin-top: 0.2em; font-size: 65%;}
#interviewWrap .button {font-weight: normal;}
/*.profileWrap {width:90%; margin: 40px auto; padding: 30px 0;}
.profName p {font-size: 12px;}*/

#interview .profWrap {margin: 30px auto 60px; padding: 30px 0; 
border-top: 1px dotted #ddd; border-bottom: 1px dotted #ddd;}

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

#interview .features_content_area {width:100%; max-width:700px; margin: 0 auto;}
.interview_tit {width:100%; max-width: 700px; margin: 0 auto 60px;}
#interviewWrap {width:100%; max-width: 700px; margin: 0 auto 80px;}
.vintage2025 .artist_tit {margin: 40px auto;
font-size: 28px; line-height: 1.3; letter-spacing:0.1em;}
.interview_tit .leadtxt { width:100%; max-width: 700px; 
margin: 0 auto 40px;}
.textWrap {width:100%;  margin: 60px auto;}
.textWrap .question:nth-of-type(n+2) {margin-top: 3em;}

.profWrap {width:100%; display: flex; justify-content: space-between;}
.profWrap .profName {text-align: left;}

#interview .profWrap {width:100%; max-width: 700px; padding: 30px 0;}
#interview .profWrap .profImg {width:20.6%; margin: 0;}
#interview .profWrap .profTxt {width:76.4%; margin: 0;}


}