@charset "UTF-8";
/* CSS Document  ------------------
 * 170528
 * /brand/coopmirai_festa/tokyo/css/style.css
 * -------------------------------- */
/* 基本 */
body{
	font-family:'Meiryo','メイリオ','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','MS PGothic',sans-serif;
}

/* 調整用 */
.mb00 {	margin-bottom: 0 !important;}
.mb10 {	margin-bottom: 10px !important;}
.mb20 {	margin-bottom: 20px !important;}
.mb30 {	margin-bottom: 30px !important;}
.mb40 {	margin-bottom: 40px !important;}
.mb50 {	margin-bottom: 50px !important;}
.mt00 {	margin-top: 0 !important;}
.mt05 {	margin-top: 5px !important;}

.mr22 {	margin-right: 2.2em !important;}
.ml22 {	margin-left: 2.2em !important;}

.line { margin-left:8px !important;}

.flL { float: left !important;}
.flR { float: right !important;}

.fs12em { font-size: 1.2em !important;}
img.w80{
	width: 80%;
}
.mod__textMiddle{
	font-size: 1.2em;
	margin: 0 2px;
}
.vaT { vertical-align: top !important;}

.theme {
	width: 85%;
    margin: 0 auto;
	position: relative;
}
p.mod__brandBlockText.idt{
	text-indent: -1em;
	margin-left: 1em;
}
.mod__imgblockLeft.mod__imgblockLeft--50{
	width: 49%;
}
@media screen and (max-width: 640px) {
	.mod__imgblockLeft.mod__imgblockLeft--50{
		width: 100%;
	}
	img.w80{
		width: 100%;
	}
}
/* スマホで改行しない */
@media screen and (max-width: 640px) {
	br.pc{
		display: none;
	}
}
/*見出し*/
h2{
	width: 960px;
	margin: 0 0 10px;
}
h2.h2_ttl {
	padding: 0.25em 0.5em;/*上下 左右の余白*/
	color: #333;/*文字色*/
	background: transparent;/*背景透明に*/
	border-left: solid 5px #72a529;/*左線*/
	font-size: 1.2em;
}
@media screen and (max-width: 640px) {
	h2{
		width: 93.5%;
		padding: 0 !important;
		margin: 0 3.125% 10px;
		
	}
	h2.h2_ttl {
		padding-left: 0.5em !important;
	}
	h2 img{
		max-width: 100%;
		width: auto;
	}
}
/* リード文 */
.Event_dtl {
	clear: both;
	margin: 0;
	overflow: hidden;
}
.Event_dtl p.lead {
	text-align: center;
	font-weight: bold;
	font-size:1.2em;
	margin: 20px 0 30px;
	/* background: url(../img/line_01.png) no-repeat bottom ; */
	color: #333;
}
@media screen and (max-width: 640px) {
	.Event_dtl p.lead {
		text-align: left;
	}
}

/* ボタンエリア */
.mod__imgblockInner.btn_area{
	/* 公開前・公開終了後　width: 862px;・会場なし　width: 778px; */
	width: 766px; /*開催会場なし*/
	margin: auto;
}
.mod__imgblockInner .colMain,
.mod__imgblockInner .colSub{
	float: left;
}
.mod__imgblockInner .colMain.mr14,
.mod__imgblockInner .colSub.mr14{
	margin-right: 14px;
}
/* .mod__imgblockInner .colMain{
	width: 400px;
}*/
/* 開催2会場用 */
.mod__imgblockInner .colMain{
	width: 342px;
}
.mod__imgblockInner .colSub{
	width: 246px;
	/* margin-top: 49px;  メインボタンとサイズ揃え用 */
	margin-top: 27px; /* メインボタンとサイズ揃え用（2開催用） */
}
/* ボタンをマウスオーバーで半透明 */
.btnover {
    -webkit-transition: opacity 1s;
    transition: opacity 0.5s ease-out 0.2s;
}
.btnover:hover {
    filter:Alpha(opacity=50); /* 旧IE */
    opacity: 0.5;
}
@media screen and (max-width: 640px) {
	/* ボタンエリア */
	.mod__imgblockInner.btn_area{
		width: 100%;
	}
	.mod__imgblockInner{
		margin-left: 0;
		max-width: 100%;
	}
	.mod__imgblockInner img{
		max-width: auto;
	}
	.mod__imgblockInner .colMain,
	.mod__imgblockInner .colSub{
		float: none;
		width: 100%;
		margin: 0 0 15px 0;
	}
}

/* 開催中のフェスタが無い場合のボタン */
	/* .mod__imgblockInner{
		margin-left: 65px !important;
	}
	@media screen and (max-width: 640px){
		/* width: 100%; */
		/* .mod__imgblockInner{
			margin-left: 0 !important;
		}
	}/* 

/* お知らせ欄 */
.top__middle__info__lists__minor > dl > dd .new{
	padding-left: 0.7em;
	color: #FF8800;
}
.top__middle__important a{
	display: inline-block;
}

@media screen and (max-width: 640px) {
	.top__middle__info__lists__minor{
		padding: 15px 10px 5px;
	}
	.top__middle__info__lists__minor > dl > dt,
	.top__middle__info__lists__minor > dl > dd {
		display: block;
	}
	.top__middle__info__lists__minor > dl > dt {
	    position: relative;
	    margin: 0;
	    padding: 0;
	    font-weight: bold;
	}
	.top__middle__info__lists__minor > dl > dd {
	    position: relative;
	    margin: 0 0 10px;
	    padding: 0;
	    overflow: hidden;
	}
		.top__middle__info__lists__minor > dl > dd:last-child {
			    margin-bottom: 0 !important;
			}
		.top__middle__info__lists__minor > dl > dd > span:first-child{
			width: 100%;
		}
}


/* 印刷用CSS */
@media print{
	.spOnly{
		display: none;
	}
}