/* CSS Document */

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.per100{
	width:100%;
	padding-bottom: 2em;
}

.per50{
	width:48%;
	padding: 1%;
}

.event_title{
	font-size: 1.6em;
	border-bottom: solid 2px black;
	color:#000;
	padding: 3em 0 1em 0;
}

.syohin_list{
	width:23%;
	float: left;
	text-align: center;
	font-size: 1em;
	padding-top: 1em;
	padding-bottom: 1em;
	line-height: 1.8;
	border: 1px solid #9C9C9C;
	margin:1em 0.9%;
	background-color: #FFFFFF;
}

.syohin_list a{
	color:#000;
}

.ev_syohin_nm{
	font-weight: bold;
	font-size: 1.1em;
	padding:0.5em;
	height: 3em;
}



.ev_syohin_midashi{
	background-color: #ea5354;
    padding: 0.2em 0.5em;
    margin: 0 auto;
    color: #fff;
    font-weight: bold;
	font-size: 0.8em;
    width: 50%;
}

.ev_syohin_syurui{}
.ev_syohin_price{
	color: #A60002;
	font-weight: bold;
}




.k_joho{
    width: 92%;
	padding: 2%;
	margin: 2%;
	line-height: 1.8;
	background-color: #FFFFFF;
}

.area_half{
	width: 50%;
	float: left;
	margin-left: 2em;
}

.text_h{
	font-size: 1.6em;
	border-bottom: solid 2px black;
	color:#000;
	padding:  2em 0 1em 0;
}

.text_h_joho{
	padding: 2em;
	line-height: 1.8;
	background-color: #FFFFFF;
}

.twi_area_wpa{
  width: 45%;
	margin: 2em 0;
	float: left;
	background-color: #FFFFFF;
}

.twi_area_comment{
	background-color: #4C4B4B;
    color: #fff;
    font-weight: bold;
	font-size: 1.2em;
	text-align: center;
	padding: 0.8em;
}

/* ----- メイン ----- */



@media screen and (max-width: 1300px) {

.per100{
	width:100%;
	padding-bottom: 1em;
}

.per50{
	width:48%;
	padding: 1%;
}

.twi_area_wpa{
	width: 100%;
	margin: 2em 0;
	float: none;
	text-align: center;

}

.syohin_list{
	width:30%;
	float: left;
	text-align: center;
	font-size: 1em;
	padding-top: 0em;
	padding-bottom: 1em;
	line-height: 1.8;
	border: 1px solid #9C9C9C;
	margin:1em 0.9%;
	background-color: #FFFFFF;
}

.ev_syohin_nm{
	font-size: 1em;
	padding-bottom:1em;
}

.ev_syohin_syurui{
	font-size: 0.8em;
	padding-top:1em;
}

.area_half{
	width: 100%;
	float: none;
	margin-left: 0em;
}


}

@media screen and (max-width: 750px) {
.ev_syohin_nm{
	font-weight: bold;
	font-size: 1em;
	padding:0.2em;
	height: 3em;
	line-height: 130%;
}

}

@media screen and (max-width: 450px) {

.post_content p {
    margin: 0 0 0em 0;
}

.per50{
	width:100%;
	padding-bottom: 2em;
}

.twi_area_wpa{
	width: 100%;
	margin: 2em 0;
	float: none;
	text-align: center;

}

.k_joho{
    font-size: 0.9em;
}

.area_half{
	width: 100%;
	float: none;
	margin-left: 0em;
}

	.syohin_list{
		width:47%;

	}

.event_title{
	text-align: center;
	font-size: 1.2em;
}

.ev_syohin_nm{
	font-weight: bold;
	font-size: 0.9em;
	padding:0.2em;
	height: 3em;
	line-height: 130%;
}



.ev_syohin_midashi{
	font-size: 0.6em;
    width: 70%;
}

.ev_syohin_syurui{
	font-size: 0.8em;
	padding-top:1em;
}
.ev_syohin_price{
	font-size: 0.8em;
}


.text_h{
	text-align: center;
	font-size: 1em;
}

.text_h_joho{
	padding: 1em;
	line-height: 1.8;
	background-color: #FFFFFF;
    font-size: 0.9em;
}

	.smp_disp{
		display: block;
	}
}