@charset "UTF-8";
@import url("default.css") screen, print;
@import url("normalize.min.css") screen, print;
@import url("layout.css") screen, print;

/* .title_image
----------------------------------------------------------------------------*/
#titleWrap .title_image .imgWrap{
	background-image: url(../img/group/title_image.jpg);
}

@media (min-width: 769px) {
#titleWrap .title_image .imgWrap{
	background-image: url(../img/group/title_image_pc.jpg);
}
}
#titleWrap .title_catch .entry{
	padding: 1em 5%;
	margin:2em auto;
	border: 3px solid #333;
	border-radius: 30px;        /* CSS3草案 */
	-webkit-border-radius: 30px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 30px;   /* Firefox用 */
	background-color: #FFF;
	width:100%;
	max-width: 768px;
	box-shadow: 10px 10px rgba(145,219,254,0.6);
	}
#titleWrap .title_catch .entry ul{
	padding-bottom:0;
	}
#titleWrap .title_catch .entry ul li{
	padding-bottom:0.5em;
	}
#titleWrap .title_catch .entry ul li strong{
	background-color:#FF9;
	}
#contentsWrap h3{
	padding-bottom:1.5em;
	}
#contentsWrap h3 span,
#contentsWrap h3 strong{
	line-height:1.2em;
	display:block;
	}
#contentsWrap h3 strong{
	font-weight:700;
	font-size:160%;
}
#contentsWrap .wrap h4{
	padding-bottom:1em;
}
#contentsWrap .wrap h4 a{
	text-decoration: none;
}
#contentsWrap .wrap .thumbnail{
	position:relative;
	background-color:#f5f5f5;
}
#contentsWrap .wrap .thumbnail img{
	height: auto;
	max-width: 100%;
	display: block;
	margin-right: auto;
	margin-left: auto;
}
#contentsWrap .wrap .status01 .status{/* ��W�� */
	position:absolute;
	bottom:0;
	width:100%;
	background:rgba(254,106,58,0.7);
	color: #FFF;
	text-align: center;
	display: block;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
}
#contentsWrap .wrap .status02 .status{/* �I�� */
	position:absolute;
	bottom:0;
	width:100%;
	height:100%;
	background:rgba(53,149,219,0.7);
	color: #FFF;
	text-align: center;
	display: block;
	vertical-align: middle;
	top:0;
	bottom:0;
	left:0;
	right:0;
	display:flex;
	flex-direction: column;
    justify-content: center;
    align-items: center;
}
#contentsWrap .wrap .status03 .status{/* �I�� */
	position:absolute;
	bottom:0;
	width:100%;
	height:100%;
	background:rgba(255,153,153,0.8);
	color: #FFF;
	text-align: center;
	display: block;
	vertical-align: middle;
	top:0;
	bottom:0;
	left:0;
	right:0;
	display:flex;
	flex-direction: column;
    justify-content: center;
    align-items: center;
}
#contentsWrap .wrap .thumbnail a{
	font-weight: 600;
	color: #FFF;
	text-decoration: none;
}
#contentsWrap .wrap .guest{
	padding: 0.2em;
}
#contentsWrap .wrap .date{
	background-color: #FFE324;
	padding: 0.2em;
}
#contentsWrap .wrap dt{
	width:3.5em;
	float:left;
	}
#contentsWrap .wrap .date dt{
	width:5.5em;
	}
#contentsWrap .wrap dd{
	padding-left:3.5em;
	}
#contentsWrap .wrap .date dd{
	padding-left:5.5em;
	}
#contentsWrap .wrap dd span{
	display: inline-block;
	}
.detail #contentsWrap .wrap{
	padding-bottom: 5em;
}
.detail #contentsWrap .note{
	padding-top: 1em;
	padding-bottom: 1em;
}
.detail #contentsWrap .info{
	padding-top: 1em;
	padding-bottom: 2em;
	text-align: center;
}
.detail #contentsWrap .info .tel{
	font-size: 140%;
	letter-spacing: 0.2em;
}
.detail #contentsWrap .info .time{
}


.detail #contentsWrap .info .btn{
	display: block;
	margin: 1em auto 2em;
}
.detail #contentsWrap .info .btn a{
	color: #FFF;
	text-decoration: none;
	background-color: #000;
	background-image: url(../img/common/icon_arrow_w.png);
	background-repeat: no-repeat;
	background-position: 90% center;
	border-radius: 1.5em;        /* CSS3���� */
	-webkit-border-radius: 1.5em;    /* Safari,Google Chrome�p */
	-moz-border-radius: 1.5em;   /* Firefox�p */
	display: block;
	padding: 0.5em;
	display: block;
	margin: 1em auto 2em;
	width: 60%;
}
@media (max-width: 640px) {
.detail #contentsWrap .info .btn a{
	width: 80%;
}
}
@media (max-width: 400px) {
.detail #contentsWrap .info .btn a{
	width: 100%;
}
}