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


* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

#contents_evnet {
	width:100%;
	max-width:960px;
	margin: 0 auto;
}

#contents_evnet h2.koromogae{
	background:url(https://hanger.itembox.design/item/img/koromogae_1.jpg) no-repeat center;
	text-indent:200%;
	overflow: hidden;
 	white-space: nowrap;
	background-size:contain;
	padding-top: 29%;
}

#contents_evnet h2.stayhome{
	background:url(https://hanger.itembox.design/item/img/event_stayhome1.jpg) no-repeat center;
	text-indent:200%;
	overflow: hidden;
 	white-space: nowrap;
	background-size:contain;
	padding-top: 29%;
}

#contents_evnet h2.kimono{
	background:url(https://hanger.itembox.design/item/img/event_kimono.jpg) no-repeat center;
	text-indent:200%;
	overflow: hidden;
 	white-space: nowrap;
	background-size:contain;
	padding-top: 29%;
}

#contents_evnet h2.newlife{
	background:url(https://hanger.itembox.design/item/img/event1.jpg) no-repeat center;
	text-indent:200%;
	overflow: hidden;
 	white-space: nowrap;
	background-size:contain;
	padding-top: 29%;
}
#contents_evnet h2.mothersday{
	background:url(https://hanger.itembox.design/item/img/mothersday.jpg) no-repeat center;
	text-indent:200%;
	overflow: hidden;
 	white-space: nowrap;
	background-size:contain;
	padding-top: 29%;
}

#contents_evnet h2.fathersday{
	background:url(https://hanger.itembox.design/item/img/fathersday.jpg) no-repeat center;
	text-indent:200%;
	overflow: hidden;
 	white-space: nowrap;
	background-size:contain;
	padding-top: 29%;
}

#contents_evnet p.about {
	margin:50px;
	text-align:center;
	font: normal 16px/1.8 sans-serif;
}
	
#contents_evnet .itembox {
	margin:0;
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	overflow: hidden;
	flex-wrap: wrap;	
}

#contents_evnet .item2col{
	width:46.8%;
	padding:15px;
	position: relative;
	overflow: hidden;
	border:1px solid #CCC;
	margin: 0 20px 20px;
  	display:-webkit-box;
  	display:-ms-flexbox;
  	display:flex;
	word-break : break-all;
}


#contents_evnet .item2col:nth-child(2n){margin-left:0;}
#contents_evnet .item2col div.col_l{width:40%;margin-right: 15px;}
#contents_evnet .item2col div.col_r{width:57%;}

#contents_evnet .item2col img{max-width:100%;}

#contents_evnet .item2col div.col_r p{font: normal 16px/1.4 sans-serif;}

#contents_evnet .item2col p.price{
	color:#a90000;
	font-weight:bold;
	position: absolute;
	bottom: 60px;
	right: 20px;
}

#contents_evnet .item2col .btn-icon {
  display: inline-block;
  width: 53%;
  text-align: left;
  background-color: #a90000;
  font-size: 16px;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  padding: 8px 32px 8px 10px;
  border-radius: 4px;
  position: absolute;
  bottom: 20px;
}

#contents_evnet .item2col .btn-icon:after {
  font-family: "Font Awesome 5 Free";
  content: "\f054";
  position: absolute;
  right: 5px;
  top: 50%;
  margin-top: -10px;
}


#contents_evnet .item2col .btn-icon:hover { opacity: 0.8;}

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

#contents_evnet .pickup{margin:20px;}
#contents_evnet .pickup img{width:100%;}

#contents_evnet .pc_only{display:block;}
#contents_evnet .sp_only{display:none;}
h3.tittlem{
	font-size: 30px;
	font-weight: bold;
	color: #020202;
	text-align: center;
	padding: 10px 0 10px;
    margin: 30px 0 30px;
}
#contents_evnet .bdr-no{
	border: none;	
}
@media screen and (max-width: 559px) {
#contents_evnet p.about{margin:20px;}
#contents_evnet .item2col{width:100%;}
#contents_evnet .item2col:nth-child(2n) {margin:0 20px 20px;}
#contents_evnet .item2col div.col_r p{
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
	font-size:12px;
}
#contents_evnet .pc_only{display:none;}
#contents_evnet .sp_only{display:block;}
	
h3.tittlem{
	font-size: 20px;
	}

}