@charset "Shift_JIS";

/*----------------------------------------------------------------
   カテゴリ
----------------------------------------------------------------*/
.category_tit {margin: 20px 15px;
font-size:1.2em; line-height: 1;}
.category_tit  span {display: inline-block; margin-left: 1em;
font-size:0.7em;}
.categoryHeader .subgenre_tit {margin: 0 15px 8px;}


/*----------------------------------------------------------------
   イベント
----------------------------------------------------------------*/
.mod_title_header {margin-bottom: 0;}
.event-contents {
	margin-bottom: 5px;
	padding-bottom: 10px;
	background-color: #FFF;
}
.event-contents h1 {
	margin-bottom: 5px;
}
.event-contents h2 {
	margin-bottom: 5px;
	padding-top: 8px;
	border-top: #333 dotted 1px;
	font-size: 16px;
	font-weight: bold;
}


.event-contents .non-border {
	border: none;
}
.event-contents h2 span {
	padding-left: 1em;
	color: #555;
	font-size: 11px;
}
	
.event-contents img {
	width: 100%;
	height: auto;
}

.event-contents .description {
	margin-bottom: 20px;
	padding: 0 10px;
}
.event-contents p {
	line-height: 1.8;
}
.event-contents p .note {
	font-size: 10px;
}
.event-contents p img.scenes {
	padding:10px 0;
}
.event-contents .btn_01 {
padding: 6px 8%;
background: #FFF;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
border: 1px solid #c6c6c6;
font-weight: bold;
color: #333;
text-align: center;
}
.event-contents .btn_01 span {
padding: 0 0 0 0.9em;
background: url(/common/sp/mod_icon_arrow_navy.png) no-repeat left center;
-webkit-background-size: 3px auto;
background-size: 3px auto;
white-space: nowrap;
text-decoration: none;
}

.event-contents a {
	text-decoration: none;
}





/*----------------------------------------------------------------
event_header
 ----------------------------------------------------------------*/

.event_header {width:100%; 
	color:#222;
	background-color:#FFF;
	margin-bottom:30px;
	padding-bottom:30px;
	border-bottom:1px solid #eee;
}

.event_header img { width:100%;}

.event_main, .event_description {
	width:90%;
	margin:0 auto;
}
.event_main h1 {margin:0;}
.event_main h2, .event_header h2 {margin-bottom:10px;
font-family:Helvetica, Arial, "a-otf-midashi-go-mb31-pr6n", sans-serif;}

.event_header .bodytxt, .event_header .lead {margin-bottom:1em;}

.event_header .banner_area { padding:0 4%;}

/*.event_header .socialbuttons li { float:left; margin:0 5px 0 0; }
.event_header .socialbuttons { padding-bottom:10px;}*/

.event_header .topicpath img { width: 15px !important;	height: 15px;}


.event_header a.button_white {
/*	background:url(/common/mod_linearrow_black.png) no-repeat 16px center;
	background-size:6px auto;*/
	background-color:#fff;
	border:1px solid #aaa;
	color:#000;
	text-decoration:none;}

.event_header a.button_white.download { background:url(/common/mod_icon_download_black.png) no-repeat 16px center !important;
background-size:7px auto;}

.event_header a.button_white:hover {color:#444;}

.event_header a.button_black {
/*	background:url(/common/mod_linearrow_white.png) no-repeat 16px center;
	background-size:6px auto;*/
	background-color:#000;
	color:#fff;}

.event_header a.button_black:hover {background-color:#333;}  



/*flipsnap フリック画像スライダー*/
.event_header .viewport {
    width: 280px;
    overflow: hidden;
    margin: 0 auto;
    -webkit-transform: translateZ(0); }

.event_header .viewport img {width:100%;}
.event_header .flipsnap { width: 1120px; }
.event_header .flipsnap:after {
    content: '';
    display: block;
    clear: both;
    height: 0;}

.event_header .flipsnap li {
    float: left;
    width: 280px;
	line-height:0;}

.event_header  .pointer {
	text-align: center;
	padding:10px;}

.event_header  .pointer span {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	border: none;
	background-color:#ced1d3;
	margin:0 3px;}

.event_header .pointer span.current {background: #0086d1;}

.e_footbnr {margin: 20px 20px;}




.einclude {width:100%; margin: 50px auto 30px; padding: 0 5%;}
.einclude h4 {font-size: 20px; text-align: center; margin-bottom: 1em;}
.einclude .flex li {display: flex; justify-content: space-between; flex-wrap: wrap; 
width:100%;}
.einclude .flex li:nth-of-type(n+2) {margin-top: 30px;}
.einclude .flex li img {width:48%;}
.einclude .flex li .txt {width:47%; line-height: 1.5;}





/* VINTAGE */
#vintage .viewport {margin-top:20px; margin-bottom:10px;}


/* KILIM */
#kilim .event_main p { margin-bottom:1em;}
#kilim .event_main p:last-child { margin-bottom:0;}
#kilim h1{
	margin-bottom:20px;
	line-height:0;
}




/* POOL */
.pool_event .eheader {margin-top: 0;}
.e_pool .event_header h1,
.pool_event .eheader .pool_logo { width:32px; margin: 10px auto;}
.e_pool .event_header h2,
.pool_event .eheader .series_title{ text-align:center; margin:26px auto 20px; padding:0; 
font-size:2em; line-height:1.4;
font-family: Helvetica, Arial, "a-otf-midashi-go-mb31-pr6n", "Hiragino Sans", "Hiragino Kaku Gothic ProN", sans-serif;}



/* Life in Art Artist */
#lia_artist {padding-bottom: 10px;}
#lia_artist h2 {margin-bottom: 0;}
#lia_artist h3 {text-align: center; margin:26px auto 24px; 
font-size: 22px; letter-spacing:1.5px;}
#lia_artist h3 span {display: block; margin-top: 2px; 
font-size: 70%; letter-spacing:1px;}
#lia_artist h4 {text-align: center; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; line-height: 1; padding: 0.6em 0; margin-bottom: 12px;}
#lia_artist .profile {overflow: hidden; margin-top: 20px;}
#lia_artist .profile p {font-size: 12px;}
#lia_artist .profile img {width: 5.6em; height: auto; float: left; margin-right: 1em;}
#lia_artist .eventBnr img { border:1px solid #ddd;}
#lia_artist .eventBnr { margin-top:20px;}
#lia_artist .eventBnr li { margin-top:10px;}



/* JEWELRY */
.jewelry_event .description { width:90%; margin:auto;}
.jewelry_event .lead { font-size:15px; line-height:1.7;}
.jewelry_event .profile { overflow: hidden; margin:1.4em auto 36px; padding-top:1.4em;
border-top: 1px dotted #eee;}
.jewelry_event .profile h4 { margin-bottom:0.8em; 
font-size: 1.1em; font-weight:bold; line-height: 1; color:#000;}
.jewelry_event .profile span { display:block; margin-top:5px; font-size:80%;}
.jewelry_event .profile p { font-size:14px; line-height:1.7; overflow: auto;}
.jewelry_event .profile .img_prof { float: left; width:110px !important; margin: 0 15px 10px 0;}

.jewelry_event .socialbuttons { margin-top:1em;}

.jewelry_event .aside { border:1px solid #eee; padding:15px; margin:0 3% 15px;}
.jewelry_event .aside .bodytxt { margin-bottom:1em; font-size:0.95em;}
.jewelry_event .aside h4 { margin-bottom:0.2em; font-size:1.2em; line-height:1.3;}
.jewelry_event .aside h4 span { display:block; font-size:60%; margin:0.2em 0 0 0;}

.jewelry_event .aside .flex { flex-wrap:wrap; justify-content:space-between;}
.jewelry_event .aside .flex li { width:48%; margin-top:0.8em; font-size:0.95em;}

.sai .aside, .sai .aside h4 { color:#311d02;}









/** event **/

.eheader {
	margin:0 auto 20px;
	text-align: left;
 }
 
.eheader .visual {width:100%;}
.edescription {width:100%; padding: 0 5%;}

.edescription .etitle {margin: 34px auto 30px;
font-size: 26px; letter-spacing: 1.5px; font-weight: bold;
line-height: 1; text-align: center;}

.edescription .etitle span {display: block; margin-top: 8px;
font-size: 60%;}

.edescription .bodytxt {margin-bottom: 20px;}

.eprofile {overflow: hidden;
margin: 30px auto 10px; padding-top: 30px;
border-top:1px dotted #ddd;}
.eprofile > h4 {margin:0 0 20px 0; padding: 3px 0; 
border-top:1px solid #ddd; border-bottom: 1px solid #ddd;
text-align: center;}
.eprofile dt {clear: both; float: left; 
width:120px; margin-right: 20px; margin-bottom: 6px;}
.eprofile dt img {border: 1px solid #ddd;}
.eprofile dd {margin-bottom: 20px;}
.eprofile p {font-size: 14px; line-height: 1.5;}
.eprofile h5 {margin-bottom: 0.5em; 
font-weight: bold; line-height: 1;}
.eprofile h5 span {margin-left: 1em; font-size: 70%;}
.eheader .socialbuttons {margin: 20px auto;}


.eheader .releaseInfo .newAr_title {margin-bottom: 16px;
font-size: 16px;}


.easide {margin: 40px auto 60px;} 
.easide .s_img { padding: 0 5%;}
.easide .s_img .visual {}
.easide .s_img .description {margin-top: 20px;}
.easide .shopinfo {margin-top: 20px; padding-top: 20px; border-top: 1px dotted #ddd;
display: flex; justify-content: space-between;}
.easide .shopinfo .shopimg {width:43%;}
.easide .shopinfo .shoptxt {width:52%;}
.easide .shoptxt {font-size: 13px; line-height: 1.5;}
.easide .shoptxt p {line-height: 1.4;}
.easide .shopinfo .shoptxt h5 {margin-bottom: 0.5em;
font-family: system-ui, "a-otf-midashi-go-mb31-pr6n", sans-serif; 
font-size: 14px; font-weight: bold; line-height: 1;}
.easide .shop_intro {margin-top: 16px; font-size: 14px; line-height: 1.56;}
.easide .linkWrap {margin-top: 30px;}
.easide .linkWrap li:not(:first-of-type) {margin-top: 15px;}
.mid_bnrArea {width: 90%;  margin: 40px auto 20px;
}
.mid_bnrArea .bodytxt {width: 100%; margin: 0 auto 13px;}
.mid_bnrArea .banner {width: 100%; margin: 10px auto 0;}



/** life in Art  202012〜 **/
.edescription .etitle.lia_name {margin: 40px auto; 
font-size: 24px; line-height: 1;}
.edescription .etitle .lia_num { display: block; margin:0 0 8px;  font-size: 75%;}
.edescription .etitle .lia_tit { display:block; margin-top:8px; 
font-size: 24px; line-height:1;}




/*   IDEE GALLERY Online   */
.galleryOnl .eheader{}
.galleryOnl h3, .galleryOnl h4, .galleryOnl h5, .galleryOnl h6, .galleryOnl .shoulder, .galleryOnl nav {
font-family: adobe-garamond-pro, ten-mincho-text, serif; 
font-weight: normal; line-height: 1; letter-spacing: 0.1em;
}
.galleryOnl .top_border {margin-top: 20px; padding-top: 20px; border-top:1px dotted #ddd;}
.galleryOnl.index .galleryOnl_tit {margin: 1.2em 0;
font-family: gill-sans-nova, a-otf-midashi-go-mb31-pr6n, sans-serif;
font-size: 26px; font-weight: 600;
line-height: 1; letter-spacing: 0.065em; text-align: center;}
.galleryOnl.index .gallery_header {margin: 0px auto 30px; padding:0 7%;}

.galleryOnl.index .current_exh {padding: 0 5%;}
.galleryOnl.index .current_exh .s_img {padding:25px; background-color: #f6f3ee;}
.galleryOnl.index .s_img { margin: 30px auto;}
.galleryOnl.index .s_img .visual {margin-bottom: 20px;}
.galleryOnl.index .s_img .description {}
.galleryOnl.index .s_img .etitle {margin: 0px auto 14px; font-size: 24px;}
.galleryOnl.index .s_img .shoulder {margin-bottom: 0.3em; font-size: 16px; }
 .current_exh .button {margin-top: 24px;}

.galleryOnl nav {margin-top: 40px; padding:0 5%;}
.backnumber {display: flex; justify-content: flex-start; flex-wrap: wrap;}
.galleryOnl .backnumber a {color: #111;}
.galleryOnl .backnumber a:hover {color: #555; }
.backnumber li {width:49%; margin-bottom: 30px;}
.backnumber li:nth-child(odd) {margin-right: 2%;}
.galleryOnl .backnumber .num {margin: 1em 0 0.3em; font-size: 12px; line-height: 1;}
.galleryOnl .backnumber .go_title {font-size: 16px; line-height: 1.3;}

.galleryOnl .edescription .etitle {margin: 34px auto 30px;
font-size: 30px; font-weight: normal; letter-spacing: 0.1em;
text-align: center;}
.galleryOnl .edescription .etitle span {}
.galleryOnl .edescription .eprofile {}

.galleryOnl .aside {margin: 20px auto 30px; padding: 20px; background-color: #f6f3ee;}
.galleryOnl .aside .aside_tit {margin: 5px 0 20px; padding-top: 5px;
font-size: 28px; text-align: center;}
.galleryOnl .aside .s_img {}
.galleryOnl .s_img .visual {margin-bottom: 20px;}
.galleryOnl .s_img .description {}
.galleryOnl .aside .desc_tit {margin-bottom: 0.6em; font-size: 24px; text-align: center;}
.galleryOnl .aside .eprofile {margin-bottom: 0;}
.galleryOnl .aside .eprofile .eprof_desc {margin-bottom: 5px;}


.galleryOnl .eprofile h5 {margin-bottom: 0.4em; font-size: 16px;}
.galleryOnl .eprofile h5.en {font-size: 18px;}
.galleryOnl .eprofile h5 span {display: block; margin: 0.4em 0 0 0; font-size: 63%; letter-spacing: 0.08em;}





/*      SALE      */
#sale .event_header { margin-bottom: 0; border-bottom: none;}

#sale .visual {margin-bottom: 30px; background-color:#E60012;}
#sale h2 { margin:0px auto ; }
#sale .edescription { font-size: 16px;}
#sale .edescription > p { margin: 0 auto 14px;}
#sale .term {font-family: system-ui, a-otf-midashi-go-mb31-pr6n, sans-serif; }
#sale .note {margin: 0 auto;}
#sale .note li {margin: 6px 0 0 ;font-size: 13px; line-height: 1.5; color: #888; }
#sale .link {margin: 20px auto;}
#sale .link li {margin-bottom: 5px;}
#sale a, .link .link_arrow:before {color:#E60012;}
#sale .button_group {margin: 30px auto; justify-content: space-between;}
/*#sale .button_group li {width:32%; margin-bottom: 10px;}
#sale .flex.button_group li:nth-of-type(n+3) {margin-top: 0;} */
#sale .button_group li .button {text-align: right; padding:13px 10px; }
#sale .button_group li .button:before {float: left; padding:0px 5px 0 0;}
#sale .button { border: 3px solid #E60012; 
font-size: 15px; font-family: a-otf-midashi-go-mb31-pr6n, sans-serif;
line-height: 1; letter-spacing: 1px; 
}
#sale .button_group.col2 {justify-content: flex-start;}
#sale .button_group.col2 li {width:48%; margin-top: 15px !important;}
#sale .button_group.col2 li:nth-of-type(odd) {margin-right: 4%;}
#sale .button_group li {} 

/*#sale .button.pink {background-color: #fff; color: #e84461; border-color: #e84461;}
#sale .button.pink:hover {color:#fff; border-color:#F3768C; background-color:#F3768C; }
#sale .button.selected {background-color: #e84461; border-color: #e84461; color:#fff;}*/

#sale .button.red {background-color: transparent; color: #E60012; border-color: #E60012;}
#sale .button.red:hover {color:#fff; border-color:#F80013; background-color:#F80013;}
#sale .button.selected {background-color: #E60012; border-color: #E60012; color:#fff;}
#sale .link_arrow:before {color: #E60012;}
#sale h3 {margin: 40px auto 10px;
font-size: 16px; text-align: center; letter-spacing: 0.6px;
font-family: Helvatica, a-otf-midashi-go-mb31-pr6n, sans-serif;}


.membersLink {margin-top: 20px; padding: 15px; background-color: #FAF0F0;}

#sale .membersLink .button {background-color: transparent; }
#sale .membersLink h3 {margin: 0px auto 10px; font-size: 17px; line-height: 1; text-align: center; }




.limited_linkbnr h4 {text-align: center;}

/*======================
ランキングイベント
========================*/
div[class*="eventDetail_rank-"] li::before {
transform: scale(0.4);
position: absolute;
top: -10px;
left: -10px;
}

div[class*="eventDetail_rank-"] li:nth-child(1)::before {content: url(../images/items-heading-rank1.png);}
div[class*="eventDetail_rank-"] li:nth-child(2)::before {content: url(../images/items-heading-rank2.png);}
div[class*="eventDetail_rank-"] li:nth-child(3)::before {content: url(../images/items-heading-rank3.png);}
div[class*="eventDetail_rank-"] li:nth-child(4)::before {content: url(../images/items-heading-rank4.png);}
div[class*="eventDetail_rank-"] li:nth-child(5)::before {content: url(../images/items-heading-rank5.png);}
div[class*="eventDetail_rank-"] li:nth-child(6)::before {content: url(../images/items-heading-rank6.png);}
div[class*="eventDetail_rank-"] li:nth-child(7)::before {content: url(../images/items-heading-rank7.png);}
div[class*="eventDetail_rank-"] li:nth-child(8)::before {content: url(../images/items-heading-rank8.png);}
div[class*="eventDetail_rank-"] li:nth-child(9)::before {content: url(../images/items-heading-rank9.png);}
div[class*="eventDetail_rank-"] li:nth-child(10)::before {content: url(../images/items-heading-rank10.png);}