@charset "utf-8";
/* CSS Document */

a,a:hover{
	color: #956136;
}


/*TOP*/
.case_wrapper{
	overflow: hidden;
}
ul#case {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap:35px;
	margin-top: 8px;
}
ul#case p{
	font-size:1.5rem;
}
ul#case li{
    list-style: none;
    position: relative;
}
ul#case li img{
	width: 100%;
}
ul#case li a img {
	border:1px solid #e8dbca;
}
ul#case li a:hover img {
	border:1px solid #5a3312;
}
ul#case li p{
	line-height: 1.6;
	margin-top:5px;
}
ul#case li img:hover{
	opacity: 0.7;
}
ul.number {
	margin:10px 0 0;
}
ul.number li {
	color: #fff;
	background: #9a704d;
	border: 1px solid #9a704d;
	padding: 2px 7px;
	border-radius: 3px;
	font-size: 13px;
	margin-right:5px;
	margin-bottom: 5px;
	list-style: none;
	display: inline-block;
}
ul.number li:hover {
	background: #855329;
	border: 1px solid #5a3312;
	color:#fff;
}
ul.number li a {
	color: #fff;
	text-decoration: none;
}
/*tag list page*/
div#tagpage {
	display: grid;
	grid-template-columns: 1fr 1fr 1fr;
	gap:35px;
	margin-top: 8px;
}
div#tagpage p {
	font-size:0.8rem;
}
div#tagpage .taglist {
	list-style: none;
	position: relative;
}
div#tagpage .taglist img {
	width: 100%;
}
div#tagpage .taglist a img {
	border:1px solid #e8dbca;
}
div#tagpage .taglist a:hover img {
	border:1px solid #5a3312;
}
div#tagpage .taglist p {
	line-height: 1.6;
	margin-top:5px;
}
div#tagpage .taglist img:hover {
	opacity: 0.7;
}
/* end */


.case_number{
	margin: 11px 0 8px;
}
.balloon1-left span,.balloon1-right span{
background: linear-gradient(transparent 0%, #fcf0de 0%);
}
.balloon1-left mark,.balloon1-right mark,.point_txt mark {
background: linear-gradient(transparent 0%, #fcf0de 0%);
font-weight: normal;
font-style: normal;
color:inherit;
}
.case_in{
	margin: 30px 0;
	overflow:hidden;
}
ul#other_wrapper {
    font-size: 80%;
    width: 100%;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 10px;
}
ul#other_wrapper li.other {
    list-style: none;
    padding: 2%;
    margin-bottom: 0;
    position: relative;
	text-align:left;
	line-height:1.4;
}
ul#other_wrapper li.other img{
	padding-bottom:5px;
}
ul#other_wrapper li.other p{
	margin: 5px 0 0;
	font-size:1.4rem;
}
.other img:hover{
	opacity: 0.8;
}
li.other a,li.other a:hover {
	text-decoration: none!important;
}

.commentary {
  padding: 1rem;
  border-left: 6px double #552700;
	background:url(../img/title_bg.png) repeat center;
	color: #fff;
    margin: 20px 0 25px;
	text-align:left;
}

.pickup-img {
  position: relative;
}
.pickup-img:before {
  border-color: #fff114 transparent transparent transparent;
  border-style: solid;
  border-width: 60px 60px 0 0;
  content: "";
  height: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  z-index: 2;
}
.pickup-img:after {
  color: #855329;
  content: "NEW";
  font-size: 14px;
  position: absolute;
  top: 8px;
  left: 3px;
  transform: rotate(-45deg);
  z-index: 3;
	font-weight:bold;
}

.youtube {
	position: relative;
	width: 100%;
	padding-top: 50%;
	margin: 0 auto;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.youtube2 {
	position: relative;
	width: 49%;
	padding-top: 50%;
	float:left;
}
.youtube3 {
	position: relative;
	width: 49%;
	padding-top: 50%;
	float:right;
}
.youtube2 iframe,.youtube3 iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 73% !important;
}
#architect{
	text-align:right;
	font-size:0.8rem;
}

ul.tag{
	margin:10px 0 20px;
}
ul.tag li{
	color: #fff;
	background: #855329;
	border: 1px solid #9a704d;
	padding: 4px 13px;
	border-radius: 3px;
	font-size: 16px;
	margin-right:10px;
	margin-bottom: 10px;
    list-style: none;
	display: inline-block;
}
ul.tag li:hover{
	background: #9a704d;
	border: 1px solid #5a3312;
}
ul.tag li a {
	text-decoration: none;
	color:#FFF;
}





@media only screen and (max-width: 640px){
.tag li{
	padding: 10px 13px;
	font-size: 14px;
	margin-right:5px;
	margin-bottom: 5px;
}
ul#other_wrapper {
    grid-template-columns: 1fr 1fr;
}
.youtube {
	margin: 20px auto;
}
.youtube2,.youtube3 {
	width: 100%;
	margin-bottom:15px;
}
.youtube2 iframe,.youtube3 iframe {
  height: 100% !important;

}
ul#case {
	width: 100%;
	gap:0;
	grid-template-columns: 1fr 1fr;
}
#tagpage {
	width: 100%;
	gap:0;
	grid-template-columns: 1fr 1fr;
}
	#bunner{
		line-height: 1.7;
	}

}
/*TOP END*/
#mh13_btn{
	border: 1px solid #0488b3;
	padding: 15px 30px;
	width: 300px;
	font-size: 120%;
	color: #0488b3;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	text-align: center;
	margin: 0 auto;
	text-decoration: none;
}
#mh13_btn:hover {
    color: #fff;
    background: #0488b3;
}

#main_title{
	margin: 0 auto 20px;
	background:url(../img/title_bg.png) repeat center;
}
#main_title img{
	margin: 0 auto 0;
	display: block;
}
.title{
	margin: 30px auto;
	text-align: center;
}
.cate_title{
	color: #b0100e;
	padding: 12px 20px 12px 10px;
	font-size: 25px;
	margin-bottom: 20px;
	border-top:1px solid #b0100e;
	border-bottom:1px solid #b0100e;
	background-color:rgba(255,255,255,0.3);
}
#case_title{
	font-size: 39px;
	font-weight: bold;
	padding: 0 0 10px 0;
	margin: 0 0 20px 0;
	line-height: 120%;
}
#case_title2{
	background: url(../img/case02.png) no-repeat;
	font-size: 41px;
	font-weight: bold;
	padding: 7px 0 10px 110px;
	margin: 0 0 20px 0;
}
#case_title3{
	background: url(../img/case03.png) no-repeat;
	font-size: 41px;
	font-weight: bold;
	padding: 0 0 10px 110px;
	margin: 0 0 20px 0;
}
.tag_title{
	color: #fff;
	background: #855329;
	border: 2px solid #855329;
	padding: 10px 15px;
	border-radius: 5px;
	font-size: 22px;
	list-style: none;
	font-weight: bold;
	margin-bottom: 16px;
}
#main_img{
	margin: 15px 0 50px 0;
}
#main_img p{
	text-align: right;
	font-size: 15px;
}
#left{
	width: 49%;
	float: left;
}
#right{
	width: 49%;
	float: right;
}
#right span,#left span{
	color: #552700;
	font-weight: bold;
}
#left p{
	padding: 10px 0 0 0;
}
#right ul{
	font-weight: bold;
	margin: 15px 0 0 10px;
}
#right ul li{
	background: url(../img/check.png) no-repeat;
	padding: 0 0 0 40px;
}
.floorplan{
	margin: 20px 0;
	overflow: hidden;
}
.floorplan a:hover{
	opacity: 0.8;
}
.floorplan_left{
	float: left;
	width: 49%;
}
.floorplan_right{
	float: right;
	width: 49%;
}
.floorplan_left img,.floorplan_right img{
	width: 100%;
}
	.floorplan_text{
		margin-bottom: 30px;
	}
.explanation{
	margin: 20px 0 0 0;
	padding: 30px;
				background-image:url(../img/explanation_corner2.png),
							 url(../img/explanation_corner.png);
			background-repeat:no-repeat,
							  no-repeat;
			background-position:left top,
								right bottom;
}
.explanation img{
	padding-bottom: 15px;
}
.floorplan_cate{
	margin: 50px 0 0 0;
	overflow: hidden;
}
.sub_title{
	font-weight: bold;
	color: #552700;
	font-size: 20px;
	margin-bottom: 5px;
}
.owner{
	background: url(../img/owner.png) no-repeat;
	background-position: right top;
}
.owner-q{
	background: url(../img/owner-q.png) no-repeat;
	background-position: right top;
}
.owner-d{
	background: url(../img/owner-d.png) no-repeat;
	background-position: right top;
}
.owner-dq{
	background: url(../img/owner-dq.png) no-repeat;
	background-position: right top;
}


.architect{
	background: url(../img/architect.png) no-repeat;
	background-position: left top;
}
.architect-a{
	background: url(../img/architect-a.png) no-repeat;
	background-position: left top;
}
.architect-w{
	background: url("../img/architect-w.png") no-repeat;
	background-position: left top;
}
.architect-wa{
	background: url("../img/architect-a-w.png") no-repeat;
	background-position: left top;
}
.pr{
	background: url(../img/img_3dmyhome.png) no-repeat;
	background-position: left top;
}
.yubi {
  cursor : pointer;
  border-bottom: 3px solid #805532;
}
.point{
	border:7px solid #fcf0de;
	background:#fff;
	overflow:hidden;
	padding:20px;
	text-align:left;
	border-radius: 15px;
	width:800px;
}
.point span{
background: linear-gradient(transparent 0%, #fcf0de 0%);
}
.point a{
	text-decoration:underline;
}
.point_txt{
	line-height:1.8;
}
.point_left{
	float:left;
	width:49%;
	margin-bottom:10px;
}
.point_right{
	float:right;
	width:49%;
	margin-bottom:10px;
}
.point_center {
	width: 50%;
	margin:0 auto 10px;
}
.point_s{
	font-size:80%;
	line-height:1.6;
}
.point_left img,.point_right img{
	width:100%;
	margin:15px 0 10px;
}
.balloon1-right {
  position: relative;
  display: inline-block;
  margin: 1.5em 15px 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #5a3312;
  background: #fff;
}

.balloon1-right:before {
  content: "";
  position: absolute;
  left: 100%;
  border: 15px solid transparent;
  border-left: 15px solid #fff;
}

.balloon1-right p {
  margin: 0;
  padding: 0;
}

.balloon1-left {
  position: relative;
  display: inline-block;
  margin: 1.5em 0 1.5em 15px;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: ##1D1D1D;
  background: #fff;
	text-align: left;
}

.balloon1-left:before {
  content: "";
  position: absolute;
  left: -28px;
  border: 15px solid transparent;
  border-right: 15px solid #fff;
}

.balloon1-left p {
  margin: 0;
  padding: 0;
}
.balloon1-left ul{
	list-style: disc;
}
.balloon1-left ul li{
	margin-left: 25px;
}
.balloon1 {
  position: relative;
  display: inline-block;
  margin: 1.5em auto 1em;
  padding: 25px 30px;
  min-width: 120px;
  max-width: 100%;
  color: #fff;
  font-size: 2rem;
  background: #e49917;
	text-align: center;
	line-height:1.6;
}

.balloon1:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #e49917;
}

.balloon1 p {
  margin: 0;
  padding: 0;
}
.talk{
	margin: 0 auto 30px;
	line-height: 2;
	width:85%;
}
.introduction{
	background-color: #f5f5f5;
	padding: 20px 25px;
	border: 6px solid #debd96;
	margin-bottom: 20px;
	overflow: hidden;
}
#architect_title{
	text-align: center;
	font-size: 30px;
	font-weight: bold;
	padding-bottom: 20px;
}
.name{
	font-weight: bold;
	color: #552700;
	padding-top: 5px;
	margin-bottom: 5px;
	font-size: 120%;
}
.name_text{
	font-size: 1rem;
	line-height: 160%;
}
.architect_list{
	float: left;
	margin: 10px 10px 0 0;
}
.architect_list:hover{
	opacity: 0.7;
}
#questionnaire{
	border:5px solid #dcb67e;
	border-radius: 20px;
	background:#e9e1ce;
	width:900px;
	margin:0 auto;
	padding:15px 30px;
}
/* Button */
.next_prev_btn {
	display: inline-block;
	padding: 5px 10px;
	background: #faf5f0;
	color:#583317;
	border-radius: 18px;

}
.next_prev_btn a {
	text-decoration: none;
	color:#855329;
	line-height: 15px;
}

@media screen and (max-width: 736px) {
.point{
	width:96%;
}
#mh13_btn{
	display: block;
	padding: 10px 20px;
	width: 250px;
	font-size: 120%;
}
#questionnaire{
	width:96%;
	font-size: 80%;
}
	.architect_list{
		width: 49%;
		margin: 0;
	}
}


#bunner{
	background: #fff;
	overflow: hidden;
}
#bunner img:hover{
	opacity: 0.7;
}
#bunner_in{
	width: 960px;
	margin: 0 auto;
	padding: 30px 0 30px;
	overflow: hidden;
}
.bunner_left{
	float: left;
}
.bunner_right{
	float: right;
}

#btn_wrapper{
	font-size: 18px;
	text-align: center;
	margin: 30px 0 30px;
}
#btn_wrapper p{
	color: #552700;
	font-size: 23px;
	margin-bottom: 20px;
  line-height: 1.5;
}
#btn_wrapper_in{
	width: 960px;
	margin: 0 auto;
}
.btn{
color: #fff;
background: #855329;
border: 1px solid #9a704d;
	font-size: 16px;
	padding: 15px 20px;
	margin: 15px 0;
	width: 500px;
}
.btn:hover{
	background: #9a704d;
	border: 1px solid #5a3312;
	color:#fff;
}

div.btns{
	background:#552700;
	color: #956136;
	font-size: 14px;
	padding: 5px 5px;
	margin-top: 15px;
	border-radius:30px;
	text-align:center;
	width:50%;
	text-decoration: none;
}

a .btns{
	color: #fff;
	text-decoration: none;
}

a .btns:hover{
	opacity:0.5;
	text-decoration: none;
}


a.btns{
	text-decoration: none;
}
#sns{
	width:92px;
	margin:0 auto 30px;
}
.icon{
	float:right;
	margin:20px 0 0 5px;
	opacity: 0.7;
}
.icon:hover{
	opacity: 1;
}
.scale {
    overflow: hidden;
}
.scale img {
  height: 250px;
  object-fit: cover; /* この一行を追加するだけ！ */
}
.scale img:hover {
	opacity:0.6;
}
/* ===== 出力サンプル ===== */
ul.sample{
	margin:1% auto;
	display:block;
	clear:both;
}
ul.sample li{
	width:31.5%;
	height: 280px;
	overflow:hidden;
	margin:0.5%;
	display:inline-block;
	/display:inline;
	/zoom:1;
	vertical-align:top;
	background-size: cover;
	padding-bottom: 0;
	font-size:90%;
}
ul.sample li a{
	text-decoration:none;
}
ul.sample li img{
	width:100%;
}
table.date {
margin: 0 auto;
width: 900px;
border: none;
border-top: solid 1px #8e623c;
border-bottom: solid 1px #8e623c;
border-collapse: separate;
border-spacing: 0 10px;
}

table.date th {
vertical-align: middle;
height: 53px;
width: 124px;
border-right: solid 1px #8e623c;
margin: 0;
text-align: center;
color: #333;
font-size: 18px;
font-weight: bold;
}



table.date td:fst-child {
padding: 0 0 0 10px;
vertical-align: middle;
}

table.date td.bar {
height: 2px;
width: 100%;
border-top: solid 1px #8e623c;
}

.sample1 {
	width:			280px;
	height:			188px;
	overflow:		hidden;
	margin:			10px 8px 10px 16px;
	position:		relative;	/* 相対位置指定 */
}
.sample1 .caption {
	font-size:		130%;
	text-align: 	center;
	padding-top:	80px;
	color:			#fff;
}
.sample1 .mask {
	width:			100%;
	height:			100%;
	position:		absolute;	/* 絶対位置指定 */
	top:			0;
	left:			0;
	opacity:		0;	/* マスクを表示しない */
	background-color:	rgba(0,0,0,0.4);	/* マスクは半透明 */
	-webkit-transition:	all 0.2s ease;
	transition:		all 0.2s ease;
}
.sample1:hover .mask {
	opacity:		1;	/* マスクを表示する */
}


/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: 50px;
  width: 960px;
  margin: 0 auto;}

/*タブのスタイル*/
.tab_item {
  width: calc(100%/3);
  height: 50px;
  border-top: 3px solid #805532;
  border-right: 3px solid #805532;
  border-radius: 10px 10px 0px 0px;
  line-height: 50px;
  font-size: 16px;
  text-align: center;
  color: #552700;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_item:hover {
  opacity: 0.75;
}
.tab_first{
  border-left: 3px solid #805532;
}
/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 20px 0 0;
  clear: both;
  overflow: hidden;
}
.tab_content img{
	margin: 0 auto;
	text-align: center;
}

/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
	background: url(../img/title_bg.png);
  color: #fff;
  border-bottom: none !important;
}

@media screen and (max-width: 960px) {
ul.sample li{
	width:46%;
	background-size: cover;
	padding-bottom: 30%;
}
#btn_wrapper p{
	font-size: 20px;
	line-height:1.5;
}
}
@media screen and (max-width: 736px) {
ul.sample{
	width:95%;
	margin:1% auto;
	padding:0;
	clear:both;
	display:block;
}
ul.sample li{
	width:49%;
	margin:1% auto;
	background-size: cover;
	padding-bottom: 32%;
}
}


@media only screen and (max-width: 640px){
	.cate_title{
		font-size: 24px;
	}
	#case_title{
	font-size: 28px;
	}
	#qa{
	margin: 20px 0 20px;
	}
	.balloon1{
		font-size:1.6rem;
	}
	.balloon1-left,.balloon1-right {
	  position: relative;
	  display: inline-block;
	  margin: 120px 0 10px;
	  padding: 7px 10px;
	  min-width: 120px;
	  max-width: 100%;
	  background: #fff;
	border-radius: 5px;
	}

	.balloon1-left:before {
	  content: "";
	  position: absolute;
	  top: -30px;
	  left: 15%;
	  margin-left: -15px;
	  border: 15px solid transparent;
	  border-bottom: 15px solid #fff;
	}
	
	.balloon1-right:before {
	  content: "";
	  position: absolute;
	  top: -30px;
	  left: 83%;
	  margin-left: -15px;
	  border: 15px solid transparent;
	  border-bottom: 15px solid #fff;
	}

	.balloon1-left p {
	  margin: 0;
	  padding: 0;
	}
	.explanation,.floorplan_right{
		margin: 0;
	}
table.date td.data {
    padding: 0 0 0 30px;
    margin: 0;
    height: 53px;
    width: 100px;
    border: none;
    color: #552700;
    font-size: 17px;
    line-height: 27px;
    vertical-align: middle;
    overflow: hidden;
}
	.tab_item {
	  font-size: 13px;
	  line-height: 25px;
		padding: 10px 0 0 0;
	}
		#main_title,.floorplan_text{
		display: none;
	}

	#left,#right,.floorplan_right,.floorplan_left{
		width: auto;
		float: none;
	}

	.bunner_left a,.bunner_right a{
		width: 100%;
	}
	.bunner_left a img,.bunner_right a img{
		text-align: center;
		margin: 0 auto;
	}
	#introduction{
	background: url(../img/introduction_bg.jpg) no-repeat center;
	background-color: #f5f5f5;
	}
	table.date,table.date tr {
	width: 100%;
	}

	table.date th {
	width: 20%;
	}

	table.date td.data {
	width: 78%;
	}
	.floorplan_cate,.tabs{
		width: 100%;
	}
	.architect,.architect-a{
		background-size:25%;
		background-position: left top;
	}
	.owner,.owner-q,.owner-d,.owner-dq{
		background-size:25%;
		background-position: right top;
	}
	.pr{
		background-size:25%;
		background-position: right top;
	}
	.floorplan_cate {
		margin: 50px 0 0 0;
		overflow: hidden;
	}
	.btn,div.btns{
		width: 100%;
		white-space: normal;
	}

.iframeWrapper{
    position:relative;
    width:100% !important;
	margin:1% auto;
    height:0;
    padding-top:50%;
}
	div.how {
	  width: 100% !important;
	  margin: 2% auto;
	}
	div.how p{
	padding:5px 0;
	}
	#mh13_pc{
	display:none;
	}
}

@media only screen and (max-width: 960px){
	#btn_wrapper_in{
	width: 90%;
	}
	#bunner_in{
	width: 90%;
	}
}


@media only screen and (min-width: 641px){
	#main_title_sp,.floorplan_text_sp,#mh13_sp{
		display: none;
	}
	
.balloon1-left {
  position: relative;
  display: inline-block;
  margin: 0 0 1.5em 167px;
  padding: 20px 30px;
  min-width: 120px;
  max-width: 100%;
  background: #fff;
border-radius: 5px;
}


.balloon1-left p {
  margin: 0;
  padding: 0;
}
.balloon1-right {
  position: relative;
  display: inline-block;
  margin: 0 167px 1.5em 0;
  padding: 20px 30px;
  min-width: 120px;
  max-width: 100%;
  background: #fff;
	border-radius: 5px;
}
table.date td.data {
padding: 0 0 0 30px;
margin: 0;
height: 53px;
width: 100px;
border: none;
color: #552700;
font-size: 15px;
line-height: 27px;
vertical-align: middle;
white-space: nowrap;
overflow: hidden;
}

}

#iecloud{
	width:850px;
	margin:40px auto ;
	background:#fff;
	padding:20px;
	overflow:hidden;
	border:5px solid #fcf0de;
}
.iecloud_right{
	width:36%;
	float:right;
}
.iecloud_left{
	width:60%;
	float:left;
	color:#0078da;
}
.iecloud_title_s{
	font-size:2.1rem;
	margin-bottom:8px;
}
.iecloud_title{
	font-size:3rem;
	font-weight:bold;
	line-height:1.4;
	margin-bottom:10px;
}
#app ul{
	overflow: hidden;
	float: left;
}
#app li{
	margin-right: 3px;
	list-style: none;
	width: 30%;
	display: inline-block;
	vertical-align: bottom;
}
#app img{
	width: 100%;
}
#app li.qr{
	width: 17%;
}
#app li.qr img{
	border:1px solid #e5e5e5;
	width: 100%;
}
#app a:hover{,
	opacity:0.8;
}
.iframeWrapper{
    position:relative;
    width:80%;
	margin:1% auto;
    height:0;
    padding-top:50%;
}
.iframeWrapper iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

div.how {
  width: 80%;
  margin: 1% auto 1%;
  background: #f5e9dd;
  border-radius: 15px;
  padding: 1% 1% 1%;
  text-align: center;
	height:94px;
}
@media only screen and (max-width: 850px){
	#iecloud {
		width: 100%;
		margin:0 auto 20px;
		padding: 10px;
	}
	.iecloud_right{

	}
	#app li {
		width: 47%;
		margin-right: 0;
	}
	.qr{
		display:none !important;
	}

}
/*--------------------------------
* 追加CSS
*--------------------------------*/
/*--鳥瞰図付きタブのタイトルとキャプション--*/
.img_thumb_title {
	display: inline-block;
	margin:5px auto 15px;
	padding: 5px 20px;
	border:1px solid #592600;
	background: #FFF;
	border-radius: 20px;
}
.img_thumb_cap {
	position: relative;
	display: inline-block;
	margin: 1.5em 0;
	padding: 7px 30px;
	min-width: 120px;
	max-width: 100%;
	color: #FFF;
	font-size: 16px;
	background: #592600;
	border-radius: 20px;
}
.img_thumb_cap:before {
  content: "";
  position: absolute;
  top: -30px;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #592600;
}