@charset "Shift_JIS";

.fadeIn{animation-duration:1.8s;}
#pankuzu {margin-bottom: 0;}
.features_content_area {margin: 0 auto; padding: 0 20px;}

.ttl_area h2, .section h3, .section h4, .section h5 {
font-family: adobe-garamond-pro,ten-mincho-text, serif;
font-weight: normal; letter-spacing: 0.1em; }

.ttl_area {margin:0 auto 60px;}
.ttl_area h2 {margin: 0 auto ;}
.ttl_area .bodytxt {margin-bottom: 20px;}
.ttl_area .button {margin-top: 20px;}

.section {margin: 40px auto 80px;}

.section_tit {margin-bottom: 20px; 
font-size: 24px; line-height: 1.3; /*color: #4aa698;*/
text-align: center; letter-spacing: 2.5px; }
.aw .section_tit {color: #89765a;}

.section > .button { margin: 30px auto;}
.section .brandList > li {width: 100%; border: 1px solid #ddd; padding: 15px; margin: 30px auto 0;}
.section .brandList > li:first-of-type {margin-top: 0;}
.brandList p {/*font-size: 13px;*/}
.brandName {margin: 1.2em 0 0.9em; 
font-size: 21px; line-height: 1; text-align: center;}
.brandList .shopName {margin-top: 0.6em;}
.brandList .btnBlock {margin-top: 20px;}
.brandList .btnBlock li {margin: 0;}
.brandList .btnBlock.col2 li:nth-child(n+2) {margin-top: 16px;}
.brandList .btnBlock .button {font-size: 13px; font-weight: normal;}

.brandList .btnBlock .comingsoon {display: block; padding: 1.2em 0.2em; 
background-color: #f5f5f5; border: 1px solid #bbb;
font-size: 13px; line-height: 1.3; color: #666;
text-decoration: none !important; text-align: center !important;
white-space: nowrap !important;}

#onl_reco .s_img {padding: 15px; border: 1px solid #ddd;}
#onl_reco .s_img dt {margin-bottom: 20px;}
#onl_reco .s_img dd .button {margin-top: 20px;}


/* Jewelry Interview */

.interview_tit, .profName { font-family: adobe-garamond-pro, ten-mincho-text, serif;
  letter-spacing: 2.5px; font-weight: normal; line-height: 1;} 

.fair_header {margin-bottom: 0px; background-color: #f5fbfb; text-align: center;}
.fair_header img {width:100%;  margin: 0 auto;}

#jewelry_interview {width:100%; margin: 0 auto;}
#jewelry_interview .features_content_area {width:100%;
margin: 0 auto; padding:0;}
#jewelry_interview .section {padding-top: 0;}

.interview_tit {margin-top: 40px; text-align: center;}
.interview_tit .commonCap {font-size: 17px; letter-spacing: 1.5px;}
.interview_tit .brandTit {margin-top: 0.3em; font-size: 24px; font-weight: 400;}

#interviewWrap {margin: 36px auto 60px;}
#jewelry_interview .textWrap {width:86%; margin: 40px auto;}
.textWrap .question {margin-top: 30px;}
#interviewWrap .caption {width:86%; margin: 0.7em auto 1em; color: #555; font-size: 12px; line-height: 1.6;}
#interviewWrap .caption + img {margin-top: 20px;}
.buyers_comment {margin: 60px auto 0; padding: 20px 30px; background-color: #f2f8f8; }
.aw .buyers_comment {background-color: #f8f6f2;}
.buyers_comment h5 {font-size: 17px; font-style: italic;}
.buyers_comment p {/*font-size: 14px;*/}
#interviewWrap .scene:not(:first-of-type) {margin-top: 10px;} 

#jewelry_interview .profile {width:80%; 
margin: 0 auto 60px; padding-top: 60px; 
border-top: 1px dotted #ddd;}
#jewelry_interview .profile .pWrap {}
#jewelry_interview .profile .pWrap dt { margin: 0 auto 30px;  border: 1px solid #ddd; text-align: center;}
#jewelry_interview .profile .pWrap dt img {width:50%; }
#jewelry_interview .profile .pWrap dd {width:100%;}
#jewelry_interview .profName {margin-bottom: 0.8em; font-size: 20px; text-align: center;}
#jewelry_interview .profName span {display: block; margin-top: 0.3em; font-size: 60%; line-height: 1;}
#jewelry_interview .profile p {font-size: 14px;}
#jewelry_interview .profile .link_arrow {margin-top: 10px;}

.fair_footer {width:84%; margin: 60px auto 80px; /*text-align: center;*/}
.fair_footer .button {margin: 16px auto 10px;}