@charset "utf-8";

* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

img {
	max-width:100%;
	width:auto\9;
	height:auto;
	vertical-align:top\9;
}

ul { padding:0; }

.spOnly { display:none; }
.pcOnly { display:block; }
.pcOnlyB { display:block; }
.spOnlyB { display:none; }

.mt25 { margin-top:25px; }


	#container { min-width:1220px; padding-top: 10vh; } 


/* KVareaWrap  ------------------------------------------------------ */
.KVareaBox { position:relative;  }
.KVlogoWrap {
	position: absolute;
	top:50%;
	left:0;
	z-index:900;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	width:100%;
	padding: 0 15%;
}
.KVlogoWrap h2 { text-align:center; }
.KVlogoWrap p { width: 85%; margin: 0 auto; }

/* loopSlide  ------------------------------------------------------ */
.simply-scroll-container {
    position: relative;
}
.simply-scroll-clip {
    position: relative;
    overflow: hidden;
}
.simply-scroll-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.simply-scroll-list li {
    float: left; /* Horizontal scroll only */
    padding: 0;
    margin: 0;
    width: auto;
    height: auto;
}
.simply-scroll-list li img {
	/*width: 70%;*/
	/*max-width: 70%;*/
    display: block;
}

/* contentsWap  ------------------------------------------------------ */
#contentsWap { max-width:1200px; margin:0 auto; }
#contentsWap .contentsBox { text-align:center; }
.categoryWrap { margin:40px 0; }
.lines-on-sides, h4 {
  display: table;
  display: inline\9;
  text-align: center;
  white-space: nowrap;
	margin: 0 auto;
}
.lines-on-sides:after, h4:after, .lines-on-sides:before, h2:before {
  content: '';
  display: table-cell;
  width: 41.15%;
  color: #d6cab6;
  background-clip: padding;
}
.lines-on-sides:after, h4:after {
  border-left: 1em solid transparent;
}
.lines-on-sides:before, h4:before {
  border-right: 1em solid transparent;
}
.categoryWrap ul { margin-top: 20px; }
.categoryWrap ul li { display:inline-block; text-align:center; font-size: 1.2em; }
.categoryWrap ul li img { vertical-align:middle; }

.categoryWrap ul li.categoryALL { line-height: 1.15; padding: 2.9% 0; color:#c4b69e; text-align:center; border:5px solid #c4b69e; background-color:#ffffff; width:8.474576271186441%; position:relative; vertical-align: top; cursor: pointer; box-sizing:border-box; }
.categoryWrap ul li.categoryBUY { color:#e2a9ac; font-size: 1.8em; border:5px solid #e2a9ac; padding: 2% 2% 1.7%; width: 43.915254%; margin-right: 0.5%; cursor: pointer; box-sizing:border-box; }
.categoryWrap ul li.categorySELL { color:#89c9d2; font-size: 1.8em; border:5px solid #89c9d2; padding: 2% 2% 1.7%; width: 43.915254%; margin-left: 0.5%; cursor: pointer; box-sizing:border-box; }

.categoryWrap ul li.categoryALL.cur,
.categoryWrap ul li.categoryALL:hover { color:#ffffff; border:5px solid #c4b69e; background-color:#c4b69e; }
.categoryWrap ul li.categoryBUY.cur,
.categoryWrap ul li.categoryBUY:hover { color:#ffffff; border:5px solid #e2a9ac; background-color:#e2a9ac; }
.categoryWrap ul li.categorySELL.cur,
.categoryWrap ul li.categorySELL:hover { color:#ffffff;  border:5px solid #89c9d2; background-color:#89c9d2; }

.categoryWrap ul li span { margin-left: 5%; vertical-align: middle; }
.smallText { font-size:0.8em !important; margin-left:0; }

/* story  ------------------------------------------------------ */
.space { margin-right: 9px; }
#story { padding-left:4%; }
#story ul li.expandField .selfRepInner .personArea span.space { display:inline; margin-right: 12px; }
#story ul { text-align: left; }
#story ul li { border:1px solid #d6cab6; vertical-align: top;  margin: 0 1.21% 30px; position:relative; text-align:center; height:418px; }
#story ul li.expandField { height:auto; }
#story ul li:nth-child(1):before { 
	content: 'NEW';
	color: #fff;
	font-size: 0.9em;
    padding-top: 6px;
    position: absolute;
    top: 0;
    left: 0;
    background-color: #ff553e;
    width: 60px;
    height: 18px;
    z-index: 1000;
	display: none;
}
#story ul li.buy { color:#e2a9ac; }
#story ul li.active:after {
	content: '';
    position: absolute;
    bottom: -33px;
    left: 43%;
    box-sizing: border-box;
    width: 0%;
    height: 0%;
    border: 20px solid transparent;
    border-left: 20px solid #e2a9ac;
    z-index: 999;
    transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
}
#story ul li.sell:after {
	border-left: 20px solid #4d858e;
}
#story ul li.both:after {
	border-left: 20px solid #9995b2;
}


.storyWrap { position:relative; }
.storyWrap img {
	width:100%;
}
.storyWrap .storyNum { position:absolute; top:0; right:0; background-color:#FFF; padding:3%; margin: 5px; }
.storyWrap .storyNum > div { width:89px; }
.storyWrap .storyNum .NumLeft { float:left; margin-top: 3px; }
.storyWrap .storyNum .NumRight { float:right; color:#604b28; font-weight:bold; font-size:0.7em; }
.storyWrap .storyNum .NumRight span { font-size: 2em; }
.storyWrap .NumName { display: inline-block; color:#604b28;	 margin-top: 5px; }

.storyWrap .storyTextArea { padding:5% 6%; text-align:left; }
.storyWrap .storyTextArea h4 {color:#b16a6d;font-size: 1.2em;white-space: inherit;display:block;text-align:left;font-weight:bold;line-height:1.4; letter-spacing: -0.05em;}
.storyWrap .storyTextArea h4 > img {
	width:auto;
	margin: 1px 10px 0px 0px;
}
li.sell .storyWrap .storyTextArea h4 { color:#4d858e; }
li.both .storyWrap .storyTextArea h4 { color:#9995b2; }
span.serif { font-family:"Times New Roman", Times, serif, Garamond, Georgia;}
.storyWrap .storyTextArea p {color:#333333;font-size: 1em;line-height:1.7;margin:18px 0; letter-spacing: -0.05em;}
.storyWrap .storyTextArea .storyDetail {text-align:right;color:#725a30;text-decoration:underline;font-size: 1.1em;}

.selfRepInner h4 {
	display: block;
	text-align: left;
	font-size: 1.6em;
	color: #b16a6d;
	font-weight: bold;
	padding-bottom: 20px;
	border-bottom: 1px solid #e0c9ca;
	margin-bottom: 25px;
	white-space: inherit;
	line-height:1.3;
}
#story ul li.sell + li.expandField .selfRepInner h4 {
	color:#3b666c;
	border-bottom: 1px solid #4d858e;
}
#story ul li.both + li.expandField .selfRepInner h4 {
	color:#9995b2;
	border-bottom: 1px solid #9995b2;
}
.selfRepInner p {
	-moz-column-count: 2;
	-webkit-column-count: 2;
	column-count: 2;
	-moz-column-gap: 40px;
	-webkit-column-gap: 40px;
	column-gap: 40px;
	column-rule: 1px dotted #333;
	-moz-column-rule: 1px dotted #333;
	-webkit-column-rule: 1px dotted #333;
	-ms-column-rule: 1px dotted #333;
	text-align: left;
	font-size: 1.1em;
	line-height: 1.6;
	float:left;
	width:85%;
}

.selfRepInner.addIllust p {
	-moz-column-count: inherit;
	-webkit-column-count: inherit;
	column-count: inherit;
    width: 100%;
}
.selfRepInner.addIllust .paraBox {
	width: 41%;
	margin-right: 2%;
	display: inline-block;
	vertical-align: top;
}
.selfRepInner.addIllust figure {
	display: inline-block;
}
@media only screen and (max-width: 760px) {
	
	
	.selfRepInner.addIllust .paraBox {
		width: 100%;
		margin-right: 0;
	}
	.selfRepInner.addIllust .paraBox:nth-of-type(2) {
		width: 80%;
		margin-right: 7%;
	}
	.selfRepInner.addIllust figure {
		margin: 0 0 26px;
		display: block;
		text-align: center;
	}
	
}
@media only screen and (max-width: 556px) {
	.selfRepInner.addIllust .paraBox:nth-of-type(2) {
		width: 100%;
		margin-right: 0;
	}

}




.selfRepInner .personArea {
	float: right;
    width: 13%;
    text-align: center;
}
#story ul li.expandField .selfRepInner .personArea span {
	display:block;
    margin-top: 6px;
	font-size: 1.1em;
}
.personArea a {
	display: block;
	text-decoration: none;
	font-size: 1.1em;
}
.personArea .personBtn {
    border: 2px solid #e2a9ac;
    padding: 7% 15% 6% 6%;
    font-size: 1em;
    margin-top: 8px;
    position: relative;
}
#story ul li.sell + li.expandField .personArea .personBtn {
    border: 2px solid #4d858e;
}
#story ul li.both + li.expandField .personArea .personBtn {
    border: 2px solid #9995b2;
}
.personArea .personBtn::after {
	content:"" ;
    position: absolute;
    right: 5px;
    top: 45%;
	width: 5px;
	height: 5px;
	border-top: 2px solid #e2a9ac;
	border-right: 2px solid #e2a9ac;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#story ul li.sell + li.expandField .personArea .personBtn::after {
	border-top: 2px solid #4d858e;
	border-right: 2px solid #4d858e;
}
#story ul li.both + li.expandField .personArea .personBtn::after {
	border-top: 2px solid #9995b2;
	border-right: 2px solid #9995b2;
}






/* .listCover
------------------------- */
.listCover {
    margin: 0 auto;
    text-align: left;
}
 
/* .listItem
------------------------- */
.listCover .listItem {
    text-align: center;
    display: inline-block;
    *display: inline;
    *zoom: 1;
    cursor: pointer;
}
/*.listCover .listItem img {
    max-width: 270px;
}*/
.listCover .active {
    background: url(../img/activeArrow.gif) no-repeat bottom center;
}
.listCover .listItem .selfRep {
    display: none;
}
 
/* .expandField
------------------------- */
#story ul li.expandField {
	padding: 22px 0 0;
    width: 100%;
    text-align: left;
    display: block;
    float: left;
    position: relative;
    overflow: hidden;
    border: none;
	margin-top:-20px;
}
#story ul li.expandField .selfRepInner {
    width: 97.3%;
    text-align: left;
    display: block;
    float: left;
    position: relative;
    overflow: hidden;
	border:7px solid #e2a9ac;
}
#story ul li.sell + li.expandField .selfRepInner {
	border:7px solid #4d858e;
}
#story ul li.both + li.expandField .selfRepInner {
	border:7px solid #9995b2;
}
#story ul li.expandField span.arrow {
	content: '';
    position: absolute;
    top: -1.4%;
    left: 11%;
    box-sizing: border-box;
    width: 0%;
    height: 0%;
    border: 18px solid transparent;
    border-left: 18px solid #e2a9ac;
    z-index: 999;
    transform: rotate(270deg);
    -webkit-transform: rotate(270deg);
}
#story ul li.sell + li.expandField span.arrow {
	border-left: 18px solid #4d858e;
}

#story ul li:nth-child(4n+1) + .expandField span.arrow {
	left: 10%;
}
#story ul li:nth-child(4n+2) + .expandField span.arrow {
	left: 35%;
}
#story ul li:nth-child(4n+3) + .expandField span.arrow {
	left: 60%;
}
#story ul li:nth-child(4n+4) + .expandField span.arrow {
	left: 85%;
}

.expandField .btnClose {
    bottom: 3%;
    right: 4%;
    width: 30px;
    height: 30px;
    display: block;
    background: url(../images/btnClose.gif) no-repeat top left;
    position: absolute;
    overflow: hidden;
    cursor: pointer;
}
.expandField .selfRepInner {
    padding: 45px 5% 40px;
    text-align: center;
    position: relative;
}
.expandField .selfRepInner .secLeft,
.expandField .selfRepInner .secRight {
    width: 50%;
    float: left;
}
.expandField .selfRepInner .secLeft {
    text-align: center;
}
.expandField .selfRepInner .secRight {
    text-align: left;
    color: #fff;
}

.storyAnsew { display: inline-block; margin-top: 30px; }
.storyAnsew p { 
	border:2px solid #ffb96b; 
	padding: 3%; column-count:1; 
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;　
	border-radius: 15px;
	background-color:#fffdfb;
	/*margin-top: 10px;*/ 
}


 
/* ===========================================
    SizeAdjustment
=========================================== */
@media screen and (max-width: 600px) {
    .expandField .selfRepInner .secLeft img {
        width: 80%;
    }
}
@media screen and (max-width: 480px) {
    .expandField .selfRepInner .secLeft {
        display: none;
    }
    .expandField .selfRepInner .secRight {
        width: 100%;
        float: none;
    }
}
 
/* =======================================
    ClearFix
======================================= */
.listCover:before,
.listCover:after,
.expandField .selfRepInner:before,
.expandField .selfRepInner:after {
    content: " ";
    display: table;
}
.listCover:after,
.expandField .selfRepInner:after {clear: both;}
.listCover,
.expandField .selfRepInner {*zoom: 1;}

a > p { color:#aa9673; line-height: 1.3; margin-top:20px; }
a.postingLink { text-decoration:none; font-size: 1.7rem;}
.postingBox { color:#aa9673; font-size: 1.4em; border:5px solid #c4b69e; padding: 1.8% 2% 1.5%; width:44.91525423728814%;  margin:10px auto 20px; }
.postingBox img { vertical-align:middle; margin-right: 15px; }

	
	
/*story.html
---------------------------------*/	
.contents > div > div > div.ac > img { padding: 39px 0 0; }

.sec01 {
	margin: 30px auto; padding:20px 45px; width: 730px; border-top:1px dotted #818181;  border-bottom:1px dotted #818181;
}


ul.presentWrap {
	width:831px; margin:30px auto;
	list-style-type:none;
}
ul.presentWrap li {
	float:left;
	margin-left:5px;
	list-style-type:none;
}
ul.presentWrap li:first-child {
	margin:0;
}

.textBox {
	border:#ccc solid 1px;
	overflow-y:scroll;
	margin:auto;
	width:730px;
	height:100px;
	padding:25px;
}
.textBox h2 {
	font-size:12px;
	font-weight:normal;
	margin-bottom:20px;
}
.textBox table {
	font-size:12px;
	text-align:left;
	line-height:1.8;
}
	
.closingDay{
	font-weight:bold;
	color:#DC1D20;
	}
	
.noticeWrap {
	border:#ccc dotted 1px;
	margin:auto;
	width:730px;
	padding:25px;
	font-size:12px;
	line-height:1.8;
}
.noticeWrap a {
	color:#DC1D20;
}



	
	
	
	
@media only screen and (max-width: 1000px) {
	.pcOnlyB { display:none; }
	.spOnlyB { display:block; }
	
	.KVtext {
		margin: 30px 0;
		display: block;
		font-size: 1.1em;
		line-height: 1.5;
	}
	.categoryWrap {
		margin: 25px 0;
	}
	.categoryWrap ul {
		width:90%;
		margin:0 auto;
	}
	.categoryWrap ul li.categoryALL {
		width:100%;
		padding: 15px;
		margin: 0 auto 10px;
	}
	.categoryWrap ul li.categoryALL:after {
		display:none;
	}	
	.categoryWrap ul li.categoryBUY {
		width:49%;
		margin-right:1%;
	}
	
	.categoryWrap ul li.categorySELL {
		width:49%;
		margin-left:1%;
	}
		
	.lines-on-sides, h4 {
		display: block;
	}
	.lines-on-sides:after, h4:after, .lines-on-sides:before, h2:before,
	.lines-on-sides:after, h4:after,
	.lines-on-sides:before, h4:before {
		display:none;
	}

}


@media only screen and (max-width: 826px) {
	#story ul li:nth-child(2n+1) + .expandField span.arrow {
		left: 19%;
	}
	#story ul li:nth-child(2n+2) + .expandField span.arrow {
		left: 67%;
	}

}


@media only screen and (max-width: 760px) {
	.pcOnly { display:none; }
	#container { min-width:initial; min-width:auto; } 
	.spOnly { display:block; }
	.selfRepInner p {
		column-count: 1;
		-webkit-column-count: 1;
	}
	#story ul li { height:445px; }
	#story ul li.expandField { height:auto; }
	.expandField .btnClose {
		right: 5%;
	}
}


@media only screen and (max-width: 700px) {
	.categoryWrap ul {
		width: 60%;
	}
	.categoryWrap ul li.categoryALL,
	.categoryWrap ul li.categoryBUY,
	.categoryWrap ul li.categorySELL {
		width: 100%;
		margin:0 auto 7px;
	}
	
}


@media only screen and (max-width: 578px) {
	#story ul li { height:auto; }
	#story ul li.expandField { height:auto; }
}

@media only screen and (max-width: 556px) {
	#story { padding-left:0; }
	#story ul li:nth-child(1n+1).expandField span.arrow {
		left: 45%;
	}

	#story ul {
		text-align: center;
	}
	.selfRepInner p,
	.selfRepInner .personArea {
		float:none;
		width: 100%;
	}
	.expandField .selfRepInner {
		padding: 45px 5% 70px;
	}
	.expandField .btnClose {
		right: 7%;
	}
	.KVtext {
		text-align: left;
		padding: 0 6%;
	}
	.postingBox img {
		display: block;
		margin: 0 auto 8px;
	}
	.postingLink > p { text-align:left; padding:0 7%; }
	.postingBox { font-size:1.2em; }
	.personArea .personBtn {
		padding: 4% 0% 4%;
	}
	.storyAnsew .personArea .personBtn {
		margin-bottom: 15px;
	}

	
}


@media only screen and (max-width: 520px) {
	.categoryWrap ul li img {
		vertical-align: middle;
		display: block;
		margin: 0 auto;
	}
	.categoryWrap ul li span {
		vertical-align: bottom;
	}
	
}


@media only screen and (max-width: 350px) {
	.categoryWrap ul li span {
		display: block;
		padding: 5px;
	}	
	
}


/*@media only screen and (min-width: 761px) {
	#footer .footerCon .footerNavi01 {
    	padding-top: 11px;
	}
	
}*/