/*==================================================================

	styles.css

================================================================== */
@charset "UTF-8";

/* --------------------------------------------------
	healer
-------------------------------------------------- */
#healer {
	max-width: 726px;
	margin: 0 auto;
}

#healer img {max-width: 100%; height: auto;}

#healer td.layout_content {
	padding: 0 !important;
}

#healer .bgkImg {
	max-width: 726px;
	/* height: 350px; */
	margin: 0 0 30px 0;
}

#healer .navBox {
	max-width: 726px;
	margin: 0 0 40px 0;
}

#healer .navBox .nav {
	display: flex;
	flex-wrap: wrap;
}
#healer .navBox .nav li {
	width: 33.3333%;
}

#healer .h2Box{
	max-width: 726px;
	/* height: 90px; */
	margin: 0 0 30px 0;
}

#healer .pnavBox {
	max-width: 726px;
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 50px 0;
}

#healer .pnavBox .pnav {
	display: flex;
	flex-wrap: wrap;
}

#healer .pnavBox .pnav li {
	width: 33.3333%;
}

#healer .pnavBox img {
	max-width: 100%;
	height: auto;
}

#healer .pnavBox p{
	float: left;
	display:block;
	width:232px;
	margin-right: 15px;	
}

/* #healer .pnavBox li {
	float: left;
	margin-right: 15px;
}

#healer .pnavBox li.right {
	margin-right: 0;
} */


#healer .healerCon {
	max-width: 726px;
}

#healer .topicCon{
	max-width: 726px;
	background-color:#FFF;
}

#healer .topic_h3Box {
	max-width: 726px;
}

#healer #healer4 .topic_h3Box {
	/* width: 644px; */
	margin:0 auto 12px;
	padding-top: 12px;
}

#healer .topic_h3Box .topic_h3Inbox{
	margin:25px 0 15px 0;
}

#healer #healer5 .topic_h3Box .topic_h3Inbox{
	width: 680px;
	margin: 0 auto 30px;
}

#healer .frameBox {
	overflow:hidden;
}

#healer .imgBox ul {
	position: relative;
	padding-top: 56%;
	height: 100%;
}

#healer .topicframeBox{
	/* width: 644px;
	height:370px; */
	margin: 0 auto;
	text-align: center;
}

#healer .imgBox {
	position: relative;
}

#healer .imgBox li {
	position: absolute;
	top: 0;
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
}

#healer .healerCon .imgBox .frameBox ul{
	position:relative;
}

#healer .healerCon .imgBox .frameBox ul li{
	position:absolute;
}



#healer .thumBox {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin:0 0 30px 0;
	text-align:center;
}


#healer .healerCon .thumBox ul{
	text-align:center;
	margin:14px 0 0 0;


	}

#healer .healerCon .thumBox ul li {
	display:inline-block;
	vertical-align: top;
	margin-right: 5px;
}
#healer .healerCon .thumBox ul li a {
	display: block;
	border: 2px solid #FFF;
	width: 48px;
	height: 32px;
}
#healer .healerCon .thumBox ul li a:hover,
#healer .healerCon .thumBox ul li.current a {
	border: 2px solid #94756D;
}
#healer .healerCon .thumBox ul li.current a {
	cursor: default;
}

#healer .healerCon .thumBox li.right{
	margin-right: 0;
}


#healer .textBox {
	/* width: 718px; */
	margin:0 3px;
}

#healer #healer4 .textBox,
#healer .textBoxMtop {
	/* width: 680px; */
	margin: 23px auto 0;
}

#healer .totopBox {
	text-align:right;
	margin:30px 0 30px 630px;
}

#healer #healer5,
#healer #itemsEC {
	font-size: 0.83em;
}

#healer #healer5 .alignItem_04 {
	padding-bottom: 5px;
}


/* --------------------------------------------------
	marNo
-------------------------------------------------- */
.marNoR { margin-right: 0 !important;}


/* --------------------------------------------------
	clearfix
-------------------------------------------------- */
.clearfix		{zoom:1;}
.clearfix:after	{content: " "; display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0;}


.layout_content .system_content .groupLayout .alignItem_04 { overflow: visible;}


/* //////////////////////////////////////////////////
	
2013/10/9 追加
売り切れボックスのリンク外し／高さ統一

////////////////////////////////////////////////// */


.layout_content .system_content .groupLayout .alignItem_04 .gl_Item {
	height: 310px;
	padding-bottom: 15px;
}
	
.gl_Item_sold {
	border-right: 1px solid #EDE8DE;
	margin: 0 0 20px;
	position: 150px;
	width: 150px;
	height: 310px;
	padding: 10px 15px 15px;
	display: inline;
	float: left;
}
	
.gl_Item_sold .itemGroup {
	font-size: 1.08em;
	line-height: 1.2;
	color:  #7F9EAE;
}
	
.gl_Item_sold .FS2_ItemShortComment {
	color: #5E4219;
	font-size: 0.9em;
	line-height: 1.5;
	margin: 6px 0px 0px;
}
	
.gl_Item_sold .FS2_itemPrice_area {
	line-height: 1.2;
	margin: 0px;
}
	
.gl_Item_sold .FS2_itemPrice_text {
	margin: 0px;
}
	
.gl_Item_sold .FS2_itemPrice_text .itemPrice {
	font-weight: normal;
}
	

/* ------------------------------------------------------------------
	responsive - added 202105
------------------------------------------------------------------- */
/* ------------------------------------------------------------------
  for Smartphone only  - ~ 767px
-------------------------------------------------------------------- */
@media screen and (max-width: 767px) {


	#healer .navBox {margin-bottom: 20px;}

	#healer .pnavBox img {width: 100%;}
	
	#healer .healerCon {background: #f6efdd;}

	#healer .h3Box {padding: 20px;}

	#healer .imgBox li { border: 4px solid #fff; }

	#healer .textBox { padding: 0 20px 30px; }
	#healer .textBox h4 { line-height: 1.4; }

}

/* ------------------------------------------------------------------
  for Portrait-tablets only - 768px ~ 993px
-------------------------------------------------------------------- */
@media screen and (min-width: 768px) and (max-width: 993px) {
}

/* ------------------------------------------------------------------
  for Portrait-tablets / Tablets / Desktop - 768px ~
------------------------------------------------------------------- */
@media print, screen and (min-width: 768px) {
  .sponly{display: none;}
  .pconly{display: block;}

	#healer .healerCon {
		background: url(../images/bg_photo.png) no-repeat top;
	}

	#healer .h3Box {
		padding:28px 0 16px 44px;
	}

	#healer .imgBox {
		/* width: 632px;
		height:350px; */
		margin:0 47px 0 49px;
	}

	#healer .thumBox {
		max-width:726px;
		height:66px;
	}

	#healer .thumBox .thuminBox {
		width:164px;
		height:32px;
	}

}