@charset "utf-8";

/* -- 新着一覧 -- */
/*
.eventList {
	border-top: dotted 1px #C9CACB;
}
*/
.eventList > li {
	font-size: 1.4rem;
	padding: 36px;
	border-bottom: dotted 1px #C9CACB;
	position: relative;
	width: 100%;
	display: table;
}
.eventList.recommend > li:last-child {
	border-bottom: 0;
}

.eventList li .img {
	text-align: center;
	overflow: hidden;
	position: relative;
	display: block;
	vertical-align: top;
}

.eventList li .text {
	display: table-cell;
	vertical-align: top;
	padding-left: 20px;
}


.eventList li  a:hover span {
	text-decoration: underline;
}
.eventText .dateBox{
	margin-bottom: 16px;
}
.dateBox .date{
	font-size: 1.8rem;
	font-weight: bold;
	color: #656261;
	display: inline-block;
}
.dateBox .date i {
	margin-left: -2px;
	margin-right: 8px;
}

.dateBox p:not(.date) {
	font-size: 1.15rem;
	font-weight: bold;
	color: #fff;
	min-width: 123px;
	line-height: 22px;
	text-align: center;
	vertical-align: text-bottom;
	padding: 0 10px;
	display: inline-block;
	margin-right: 10px;
	border-radius: 22px;
	background: #003366;
}
.eventList .title{
	font-size: 2.0rem;
	margin-bottom: 20px;
}

.category33 .dateBox p:not(.date) {
	background: #e27183;
}
.category34 .dateBox p:not(.date){
	background: #156B63;
}
.category35 .dateBox p:not(.date) {
	background: #006891;
}
.category39 .dateBox p:not(.date) {
	background: #e68a12;
}
.category44 .dateBox p:not(.date){

	background: #8a5e49;
}
.category43 .dateBox p:not(.date) {

	background: #62ac52;
}
.category45 .dateBox p:not(.date) {

	background: #845997;
}

.recommend .dateBox p.recommend_icon {
	border-radius: 0;
	min-width: 80px;
	background: #CC4B1F;
}

.eventList .btn-a a{
	line-height: 25px;
	padding: 10px 20px;
}
/*オススメ*/
.eventList.recommend {
	border-top: none;
}
.eventList.recommend > li {
	background: #ebeff4;
	padding: 36px;
	border-bottom: none;
	margin-bottom: 15px;
}
.eventList.recommend .dateBox p.recommend_icon {
	border-radius: 0;
	min-width: 90px;
	background: none;
	position: absolute;
	right: 0;
	top: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 90px 90px 0;
	border-color: transparent #036 transparent transparent;
	padding: 0;
	margin-right: 0;
}
.eventList.recommend .dateBox p.recommend_icon span {
	top: 25px;
	right: -90px;
	font-size: 1.3rem;
	color: #fff;
	transform: rotate(45deg);
	width: 66px;
	position: absolute;
}
.eventList.recommend .btn a {
	background-color: #fff;
}
/* ------------------------------
 PC用コード
------------------------------ */
@media screen and (min-width: 768px) {
	.eventList li .img {
		width: 220px;
		float: left;
		margin-right: 30px;
	}
	.eventList li .eventText{
		width: calc(100% - 250px);
		float: right;
	}
	.eventList li {
		width: 100%;
		display: table;
	}
	.eventList li span {
		vertical-align: top;
	}
	.eventList > li li{
		width: 230px;
		float: left;
		margin-right: 25px;
	}
	.eventList > li li:last-child{
		margin-right: 0;
	}
	.eventList > li li a{
		display: table-cell;
	}

	.eventList .btn-a a{
		min-width: 230px;
		font-size: 1.5rem;
	}
}

/* ------------------------------
 スマホ用コード
------------------------------ */
@media screen and (max-width: 767px) {
	.eventList li .img {
		margin-bottom: 10px;
	}
	.dateBox .date {
		font-size: 1.70rem;
	}
	.dateBox .date i {
		margin-left: -5px;
		margin-right: 4px;
	}
	.eventList .title{
		font-size: 1.8rem;
		margin-bottom: 20px;
	}
	.eventList > li {
		padding: 20px;
	}
	.eventList > li ul{
		text-align: center;
	}
	.eventList > li ul li{
		display: inline-block;
		width: 100%;
		max-width: 230px;
	}
	.eventList > li li:first-child{
		margin-bottom: 15px;
	}
	.eventList > li li a{
		min-width: 100%;
		font-size: 1.5rem;
	}
	.eventList.recommend > li {
		padding: 36px 20px;
	}
}
/*
@media screen and (max-width: 320px) {
	.eventList li .img {
		width: 80px;
		height: 52px;
	}
	
	.eventList li .text {
		padding-left: 15px;
	}
}
*/

/* -- 詳細 -- */
.contentsPage.eventBox {
	padding: 0;
	margin: 0;
	width: 100%;
}
.eventBox > .cms_block.event_item_box {
	margin-bottom: 0;
}
.eventBox .mainimgPage {
	padding-top: 0;
	padding-bottom: 60px;
}
.eventBox .cms_block {
	margin: 0 auto;
	margin-bottom: 70px;
	width: 1220px;
}
.cms_text.dateBox {
	text-align: center;
	background: #f1f1f1;
	padding: 18px 0;
	border-radius: 3px;
}
.cms_text.dateBox .date{
	font-size: 2.2rem;
	color: #3F3B3A;
}
.cms_text.dateBox .date i {
	margin-left: 0;
	margin-right: 12px;
}
.contentsPage .contact p.tel{
    font-size: 2.2rem;
    font-weight: bold;
    line-height: 1.2;
    padding-left: 20px;
    background: url(../img/tel_icon.png) no-repeat 0 .2em / 17px auto;
}
.event_button_box .contentsPage {
	padding-bottom: 0;
}
#map {
    height: 396px;
}
.cms_image.house_layout_image img {
	max-width: 900px;
	height: auto;
}
.sub_image_box .cms_image {
	display: inline-block;
	vertical-align: top;
	margin-right: 25px;
}
.sub_image_box .cms_image:nth-child(3n) {
    margin-right: 0;
}
.eventBox .event_button_box {
	margin-bottom: 32px;
}
/* ------------------------------
 スマホ用コード
------------------------------ */
@media screen and (max-width: 767px) {

	.contentsPage.eventBox {
		padding-bottom: 90px;
	}

	.eventBox .cms_block {
		width: 100%;
	}
	.eventBox > .cms_block {
		padding-left: 5%;
		padding-right: 5%;
	}
	.eventBox > .cms_block.event_item_box {
		padding: 0;
	}
	.eventBox > .cms_block.event_item_box .cms_block, .eventBox > .cms_block.event_item_box h1 {
		width: 100%;
		padding-left: 5%;
		padding-right: 5%;
	}
	.eventBox .mainimgPage {
		padding-bottom: 30px;
	}
/*
	.cms_text.dateBox {
		padding: 18px 5%;
	}
*/
	.cms_text.dateBox .date{
		font-size: 1.6rem;
	}
	.cms_text.dateBox .date i {
		margin-left: -6px;
		margin-right: 4px;
	}

	.main h2 span {
		font-size: 1.9rem;
	}
	#map {
	    height: 297px;
	}
	.sub_image_box .cms_image {
		display: block;
		margin-right: 0;
	}
	.cms_image.house_layout_image img {
		max-width: 100%;
	}
	.event_button_box .btn-a {
		margin-top: 35px !important;
		margin-bottom: 35px !important;
	}
}
@media screen and (max-width:525px){
	.cms_text.dateBox .date{
		margin-bottom: 10px;
	}
}