@charset "utf-8";

/*----------------------------------------------------------------
 global styles
----------------------------------------------------------------*/

/* breadCrumb
-----------------------------------------------------*/
.breadCrumb{ margin: 1rem 2rem; }
.breadCrumb dl{
	overflow			: hidden;
	clear				: both;
}
.breadCrumb dl dt{ display: none; }
.breadCrumb dl dd{
	font-size			: 1.2rem;
	line-height			: 1;
	color				: #4D4D4D;
}
.breadCrumb dl dd a{
	color				: #000;
	text-decoration		: underline;
	padding				: 0 0 0.5rem 0;
}
.breadCrumb dl dd a:hover{ text-decoration: none; }
.breadCrumb dl dd .home{  }
.breadCrumb dl dd .depth{ padding: 0 0.5rem; }

/* outline
-----------------------------------------------------*/
.outline{
	overflow			: hidden;
	clear				: both;
	margin				: 0 0 2rem 0;
	padding				: 2rem 1rem;
	background			: rgba(219, 228, 63,0.05);
	font-size			: 1.4rem;
	border-radius: 5px;
}
.outline ul{ margin: 0!important; }
.outline li a{
	color				: inherit;
	text-decoration		: none;
	box-shadow			: 0 0 0!important;
	border-bottom: 1px dotted #999;
}



/*----------------------------------------------------------------
 inside #main
----------------------------------------------------------------*/

/*----------------------------------------------------------------
 styles
----------------------------------------------------------------*/

/*-----------------------------------------------------
 side
-----------------------------------------------------*/
#side .navi{}
#side .navi li{ border-bottom: 1px solid #CCC; }
#side .navi li a{
	display				: block;
	padding				: 0.3rem 1rem;
	text-decoration		: none;
	color				: #252525;
}
#side .navi li a:hover{
	background			: #DDD;
	background			: rgba(0,0,0,.1);
}

/*-----------------------------------------------------
 main
-----------------------------------------------------*/
#main .section{
	margin: 4rem 0 8rem 0;
}

/* column
-----------------------------------------------------*/
#main .column{
	-js-display			: flex; /* IE */
	display				: -webkit-flex; /* Safari */
	display				: flex;
	flex-direction		: column;
}
@media screen and (min-width: 768px){
#main .column{ flex-direction: row; }
#main .column .main-column{
	width				: 66%;
	padding				: 0 0 0 3rem;
}
#main .column .sub-column{
	border-right		: 1px solid #CCC;
	width				: 33%;
	padding				: 0 2rem 0 0;
}
}

/* content-wrap
-----------------------------------------------------*/
.single-post .content-wrap{
	position			: relative;
	overflow			: hidden;
	clear				: both;
	margin				: 2rem 0 0 0;
}
@media screen and (min-width: 768px){
.single-post .content-wrap .eyecatch{
	float				: left;
	width				: 50%;
	padding				: 0 3rem 3rem 0;
}
}

/* inline elements
-----------------------------------------------------*/
#main .content a{
	box-shadow			: 0 -4px 0 rgba(219, 228, 63,0.8) inset;
	text-decoration		: none;
	color				: #333;
}
#main .content a:hover{
	box-shadow			: 0 -4px 0 rgba(219, 228, 63,0.3) inset;
	text-decoration		: none;
	color				: #333;
}

/* heading
-----------------------------------------------------*/
#main h1,
#main h2,
#main h3,
#main h4,
#main h5,
#main h6{
	margin				: 2rem 0 1rem 0;
	line-height			: 1.4;
	font-size			: 2rem;
	font-family			: 'Open Sans',"ヒラギノ角ゴ Pro W3",'Hiragino Kaku Gothic Pro W3',"メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	font-weight			: 100;
}
#main h2,
#main h3{ clear: both; }
#main h2 a,
#main h3 a,
#main h4 a,
#main h5 a,
#main h6 a{
	color				: #333;
	text-decoration		: none;
}
#main h2 a:hover,
#main h3 a:hover,
#main h4 a:hover,
#main h5 a:hover,
#main h6 a:hover{ text-decoration: underline; }

/* horizontal-heading -----------------------------*/
#main .horizontal-heading{
	padding				: 2rem 0;
	background			: #f5f5f5;
	text-align			: center;
	line-height			: 1.5;
	font-size			: 4rem;
}
#main .horizontal-heading span{
	display				: block;
	margin				: 0 auto;
	width				: 970px;
}

/* heading 1 --------------------------------------*/
#main h1{
	display				: block;
	position			: relative;
	z-index: 2;
	margin				: 0 0 4rem 0;
	padding				: 0 0 0.5rem 0;
	text-align			: center;
	font-style			: italic;
	font-size			: 2.7rem;
	font-weight			: 300;
	color				: #666;
}
#main h1:after{
	content				: "";
	position			: absolute;
	left				: 45%;
	bottom				: 0;
	z-index: 1;
	display				: inline-block;
	width				: 10%;
	height				: 0.8rem;
	background			: #DBE43F;
	line-height			: 0.8rem;

	animation-name				: h1_anime;
	animation-duration			: 0.3s;
	animation-timing-function	: linear;
	animation-iteration-count	: 1;
}
#main h1 a{
	text-decoration				: none;
	color						: #666;
}

@keyframes h1_anime {
0% {
	opacity				: 0;
	left				: 50%;
	width				: 0%;
}
100% {
	opacity				: 1;
	left				: 45%;
	width				: 10%;
}
}
@media screen and (min-width: 768px){
#main h1{
	padding				: 0 0 0.3rem 0;
	font-size			: 5rem;
}
}

/* heading 2 --------------------------------------*/
#main h2{
	font-size			: 2.4rem;
	color				: #666;
}
#main .content h2{
	position			: relative;
	margin				: 3rem 0 2rem 0;
	text-align			: center;
	font-weight			: 100;
}
#main .content h2:after{
	content				: "";
	position			: absolute;
	left				: 0;
	bottom				: 0;
	display				: inline-block;
	width				: 100%;
	height				: 1px;
	background			: rgba(219, 228, 63,0.4);
	line-height			: 1px;

	animation-name				: h2_anime;
	animation-duration			: 0.3s;
	animation-timing-function	: linear;
	animation-iteration-count	: 1;
}

@keyframes h2_anime {
0% {
	opacity				: 0;
	left				: 50%;
	width				: 0%;
}
100% {
	opacity				: 1;
	left				: 0;
	width				: 100%;
}
}
@media screen and (min-width: 768px){
#main h2{ font-size: 3rem; }
#main .content h2{
	margin				: 5rem 0 4rem 0;
	font-size			: 3rem;
}
}

/* heading 3 --------------------------------------*/
#main .content h3{
	margin				: 3.5rem 0 2rem 0;
	padding				: 1rem 0 0.5rem 0;
	background			: linear-gradient( rgba(219, 228, 63,0.15), rgba(219, 228, 63,0));
	text-align			: center;
	font-size			: 2.4rem;
}

/* heading 4 --------------------------------------*/
#main .content h4{
	border-left			: 0.8rem solid rgba(219, 228, 63,0.4);
	padding				: 0 0 0 1rem;
}

/* heading 6 --------------------------------------*/
#main .content h6{ font-size: 1.8rem; }

/* list
-----------------------------------------------------*/
#main ul,
#main ol,
#main dl{ margin: 1rem 0 1rem 0; }

#main ul li,
#main ol li{
	margin				: 0 0 1rem 3rem;
	line-height			: 1.5;
	font-size			: 1.4rem;
}
#main ul li:last-child,
#main ol li:last-child{ margin: 0 0 0 3rem; }

#main ul li{ list-style: disc outside; }
#main ol li{ list-style: decimal outside; }

#main dl dt{
	font-weight			: bold;
}

/* table
-----------------------------------------------------*/
#main table{
	width				: 100%;
}
#main table th,
#main table td{
	border				: 1px solid #ccc;
	padding				: 0.8rem 1.5rem;
}
#main table th{
	background			: #f3f3f3;
}
#main table tr:nth-child(odd) td	{ background: #fff; }
#main table tr:nth-child(even) td	{ background: #fcfcfc; }

/* block elements
-----------------------------------------------------*/
#main p,
#main pre{
	margin				: 0 0 1.6rem 0;
}

#main blockquote{
	position			: relative;
	margin				: 0 0 1rem 0;
	padding				: 1rem 2rem;
	border-left			: 8px solid #CCC;
	background			: #fff;
	font-size			: 1.4rem;
	color				: #000;
}
#main blockquote *{ padding: 0; }
#main blockquote[cite]:after {
	position			: absolute;
	right				: 0px;
	bottom				: 0px;
	display				: inline-block;
	padding				: 0.5rem 1rem;
	content				: "引用元: "attr(cite);
	color				: #C60A71;
	text-align			: right;
}

/* form parts
-----------------------------------------------------*/
#main form{
	margin				: 2rem 0;
}
#main textarea,
#main select,
#main input{
	margin				: 0.3rem 0;
	border				: 1px solid #ccc;
	width				: 100%;
	background			: #FFF;
}
#main textarea{ height: 10rem; }
#main input[type="submit"]{
	padding				: 0.5rem 0;
	background			: #DBE43F;
	border: none;
	color: #333;
}
#main input[type="submit"]:hover{
	background: rgba(219, 228, 63,0.5);
}
#main .required{
	display				: inline-block;
	padding				: 0.1rem 0.8rem;
	border-radius		: 5px;
	margin				: 0 1rem;
	background			: #f04a4a;
	font-size			: 1.2rem;
	color				: #FFF;
}

/* more-link
-----------------------------------------------------*/
#main .more-link{
	font-family			: 'Open Sans',"ヒラギノ角ゴ Pro W3",'Hiragino Kaku Gothic Pro W3',"メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	font-weight			: 300;
}
#main .more-link a{
	transition			: all 0.2s ease 0s;
	display				: inline-block;
	padding				: 0 2rem 0.4rem 2rem;
	background			: #DBE43F;
	text-decoration		: none;
	line-height			: 2;
	font-size			: 2rem;
	color				: #333;
	box-shadow: 0 0 0;
}
#main .more-link a:hover{
	box-shadow: 0 0 0;
	color: #333;
	background			: rgba(219, 228, 63,0.8);
}
#main .more-link a i{
	display				: inline-block;
	margin				: 0 0.8rem 0 0;
}
@media screen and (min-width: 768px){
#main .more-link a{
	padding				: 1rem 1.8rem 1rem 1.8rem;
	line-height			: 1;
	font-size			: 1.8rem;
}
}
/* item-list
-----------------------------------------------------*/
#main .item-list{
	background			: #f7f7f7;
	position			: relative;
	margin				: 2rem 0 4rem 0;
}
#main .item-list h2{
	position			: absolute;
	top					: -1.2rem;
	margin				: 0;
	padding				: 0 5vw;
	line-height			: 1;
}
#main .item-list .more-link{
	position			: absolute;
	right				: 2vw;
	top					: -1.4rem;
}
#main .item-list .more-link a{
	padding				: 0 1.5rem;
	font-size			: 1.5rem;
}

#main .item-list ol{ margin: 0; }
#main .item-list ol li{
	position			: relative;
	list-style			: none;
	margin				: 0;
	border-bottom		: 1px solid #FFF;
	font-size			: 1.5rem;
}

#main .item-list ol li a{
	display				: block;
	padding				: 0.5rem 0;
	padding-right		: 7vw;
	padding-left		: 5vw;
	text-decoration		: none;
	color				: #252525;
}
#main .item-list ol li a:after{
	content				: "";
	position			: absolute;
	top					: 40%;
	right				: 2vw;
	line-height			: 1;
	font-style			: normal;
	font-family			: "FontAwesome", sans-serif;
	font-size			: 2rem;
	color				: #777;
}
#main .item-list ol li a:hover{
	background			: rgba(0, 0, 0,0.05);
}
#main .item-list ol li dl{}
#main .item-list ol li dl dt{
	font-family			: 'Open Sans',"ヒラギノ角ゴ Pro W3",'Hiragino Kaku Gothic Pro W3',"メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	font-weight			: 300;
	font-style			: italic;
	color				: #999;
}
#main .item-list ol li dl dd{}

@media screen and (min-width: 768px){
#main .item-list{ margin: 2rem 0 0 0; }
#main .item-list h2{
	padding				: 0 1rem;
	top					: -2rem;
}
#main .item-list .more-link{
	right				: 0;
	top					: -1.5rem;
}
#main .item-list .more-link a{
	display				: inline-block;
	padding				: 0.4rem 1.8rem 0.7rem 1.8rem;
	line-height			: 1;
	font-size			: 1.8rem;
}
#main .item-list ol li{
	font-size			: 1.4rem;
}
#main .item-list ol li a{
	transition			: all 0.2s ease 0s;
	padding-right		: 4rem;
	padding-left		: 1.5rem;
}
#main .item-list ol li a:after{
	font-size			: 3rem;
	top					: 20%;
	right				: 1rem;
}
#main .item-list ol li a:hover:after{ color: #fff; }
#main .item-list ol li dl{
	-js-display			: flex; /* IE */
	display				: -webkit-flex; /* Safari */
	display				: flex;
	flex-direction		: row;
}
#main .item-list ol li dl dt{
	flex				: 2;
	text-align			: center;
}
#main .item-list ol li dl dd{ flex: 8; }
}

/* live-list
-----------------------------------------------------*/

@media screen and (min-width: 768px){
#main .item-list.live-list{ padding: 2rem 0 0 0; }

#main .item-list.live-list ol{ margin: 0.5rem 0 0 0; }
#main .item-list.live-list ol li{
	border				: none;
	line-height			: 1.4;
}
#main .item-list.live-list ol li a{ padding: 0.1rem 1.5rem; }
#main .item-list.live-list ol li a:after{
	top					: 30%;
	right				: 1rem;
}
#main .item-list.live-list ol li a dd		{ text-decoration: underline; }
#main .item-list.live-list ol li a:hover dd	{ text-decoration: none; }
#main .item-list.live-list ol li a:after{
	content				: "";
	display				: none;
}
}

/* disc-list
-----------------------------------------------------*/
#main .disc-list>ul{
	-js-display			: flex; /* IE */
	display				: -webkit-flex; /* Safari */
	display				: flex;
	flex-direction		: column;
	justify-content		: center;
	width: 100%;
}
#main .disc-list .disc-item{
	list-style			: none;
	margin				: 0 auto 2rem auto;
}

#main .disc-list .disc-item .disc-jacket{
	text-align			: center;
	line-height			: 1px;
}
#main .disc-list .disc-item .disc-jacket a:hover img{ opacity: 0.9; }
#main .disc-list .disc-item .disc-jacket img{
	border				: 1px solid #CCC;
	display				: inline-block;
	width				: 100%;
}
.single-discography #main .disc-list .disc-item .disc-jacket img{ max-width: 300px; }

#main .disc-list .disc-item .disc-data{
	font-size			: 1.6rem;
	font-family			: 'Open Sans',"ヒラギノ角ゴ Pro W3",'Hiragino Kaku Gothic Pro W3',"メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	font-weight			: 400;
}
#main .disc-list .disc-item .disc-data li{
	list-style			: none;
	margin				: 0 0 0.5rem 0;
}
#main .disc-list .disc-item .disc-data strong{
	font-weight: 400;
	font-size			: 1.8rem;
}
#main .disc-list .disc-item .disc-data small{
	display				: block;
	font-size			: 1.4rem;
	color				: #666;
}
#main .disc-list .disc-item .disc-data .disc-buy{
	margin				: 1rem 0 0 0;
	border-top			:1px solid #CCC;
	padding				: 1rem 0 0 0;
}
@media screen and (min-width: 768px){
#main .disc-list>ul{
	flex-direction		: row;
	flex-wrap			: wrap;
	justify-content		: flex-start;
	gap: 30px;
	width: 660px;
	margin:0 auto;
}
.post-type-archive-discography #main .disc-list>ul{ width: 100%; }
#main .disc-list .disc-item{
	margin				: 0;
	padding				: 10px;
	flex				: 0 1 300px;
}

.post-type-archive-discography #main .disc-list .disc-item			{ width: 300px; }
.single-discography #main .disc-list .disc-item .disc-jacket img	{ max-width: none; }

#main .disc-list .disc-item .disc-data			{ font-size: 1.2rem; }
#main .disc-list .disc-item .disc-data strong	{ font-size: 1.6rem; }
#main .disc-list .disc-item .disc-data small	{ font-size: 1.2rem; }
}
@media screen and (min-width: 1000px){
#main .disc-list>ul{
	margin				: 0 auto;
	justify-content		: flex-start;
	width:1000px;
}
#main .disc-list .disc-item{
	flex				: 0 1 300px;
}
.post-type-archive-discography #main .disc-list>ul{
	justify-content		: flex-start;
	width				: 900px;
}
}

/* disc-end
-----------------------------------------------------*/
#main .disc-end ul{
	-js-display			: flex; /* IE */
	display				: -webkit-flex; /* Safari */
	display				: flex;
	flex-direction		: row;
}
#main .disc-end ul li{
	list-style			: none;
	margin				: 0 1rem;
}

/* meta
-----------------------------------------------------*/
#main .meta{
	font-family			: 'Open Sans',"ヒラギノ角ゴ Pro W3",'Hiragino Kaku Gothic Pro W3',"メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
}
#main .meta li,
#main .meta li:last-child{
	list-style			: none;
	margin				: 0;
}
#main .meta .date{
	display				: inline-block;
	border-radius		: 3px;
	padding				: 0.5rem 1.2rem;
	background			: #eee;
}

/* page-navi
-----------------------------------------------------*/
#main .page-navi{
	-js-display			: flex; /* IE */
	display				: -webkit-flex; /* Safari */
	display				: flex;
	justify-content		: space-between;
	flex-direction		: column;
	margin				: 1.5rem 0;
	border-top			: 1px solid #ddd;
	padding				: 1.5rem;
}
#main .page-navi li{
	list-style			: none;
	padding				: 0;
	margin				: 0;
}
#main .page-navi a,
#main .page-navi a:hover{ color: #333; }
#main .page-navi a{
	display				: inline-block;
	border-radius		: 5px;
	padding				: 1rem 2rem;
	background			: rgba(219, 228, 63,0.1);
}
#main .page-navi a:hover{
	background			: rgba(219, 228, 63,0.2);
}
#main .page-navi .prev{ text-align: left; }
#main .page-navi .next{ text-align: right; }

@media screen and (min-width: 768px){
#main .page-navi	{ flex-direction: row; }
#main .page-navi li	{ flex: 1; }
}


/* pagination
-----------------------------------------------------*/
.pagination {
	clear				: both;
	overflow			: hidden;
	position			: relative;
	margin				: 2rem 0 0 0;
	border-top			: 1px solid #EEE;
	padding				: 2rem 0;
	text-align			: center;
	font-size			: 1.4rem;
}
.pagination span,
.pagination a {
	display				: inline-block;
	margin				: 0 0.8rem 0 0;
	border				: 1px solid #FFF;
	padding				: 0.5rem 1rem;
	background			: #DBE43F;
	text-decoration		: none;
	color				: #fff;
}
.pagination a:hover,
.pagination .current{
	border				: 1px solid #DBE43F;
	background			: none;
	color				: #666;
}

/* live-item
-----------------------------------------------------*/
#main .live-item{
	margin				: 4rem 0;
	border				: 1px solid #ddd;
}
#main .live-item .live-wrap	{ padding: 0 1rem; }
#main .live-item .meta		{ margin: 1rem 0 0 0; }
#main .live-item .meta li	{ margin: 0; }
#main .live-item header h2	{
	margin: 0.5rem 0 2rem 0;
	padding: 0 0.5rem;
}
@media screen and (min-width: 768px){
#main .live-item .live-wrap	{ padding: 1rem 2rem; }
#main .live-item header h2	{ padding: 0; }
}

/* live-data
-----------------------------------------------------*/
#main .live-data{
	position			: relative;
	overflow			: hidden;
	clear				: both;
	margin				: 0 0 2rem 0;
}
#main .live-data ul{
	position			: relative;
	overflow			: hidden;
	clear				: both;
	margin				: 0;
	width				: 100%;
	padding				: 0.5rem 2rem;
	background			: rgba(219, 228, 63,0.05);
}
#main .live-data li{
	list-style			: none;
	margin				: 0;
}
#main .live-data li:last-child{ margin: 0; }
#main .live-data li.live_place{
	width				: 100%;
}
#main .live-data dl		{ margin: 0.5rem 0; }
#main .live-data dl dt,
#main .live-data dl dd	{ display: inline; }
#main .live-data dl dt	{ font-weight: bold; }
@media screen and (min-width: 768px){
#main .live-data li{
	float				: left;
	width				: 50%;
}
}
/* live-data
-----------------------------------------------------*/
#main .live-reserve{}
#main .live-reserve a{
	display				: block;
	padding				: 0.7rem 0;
	background			: rgba(219, 228, 63,0.15);
	text-align			: center;
	font-size			: 1.8rem;
	transition			: all 0.7s ease 0s;
}
#main .live-reserve a:hover{
	background			: rgba(219, 228, 63,0.05);
}
#main .live-reserve a i{
	margin				: 0 0.5rem 0 0;
}

/* ticket-reserve
-----------------------------------------------------*/
#main .ticket-reserve{ margin: 6rem 0 3rem 0; }
@media screen and (min-width: 768px){
#main .ticket-reserve{
	width				: 70%;
	margin				: 6rem auto 3rem auto;
}
}

/* past-schedule
-----------------------------------------------------*/
#main .past-schedule{}
#main .past-schedule a{
	display				: block;
	padding				: 1rem 0;
	border-radius		: 5px;
	background			: rgba(219, 228, 63,1);
	text-align			: center;
	font-size			: 1.8rem;
	transition			: all 0.7s ease 0s;
}
#main .past-schedule a:hover{
	background: rgba(219, 228, 63,0.5);
}

/* member-data
-----------------------------------------------------*/
#main .member-data{
	margin: 0 0 2rem 0;
	font-size: 1.4rem;
	padding: 2rem 0 0 0;
}
#main .member-data:last-child{
	margin: 0;
}
#main .member-data a{
	box-shadow			: 0 0 0;
	border-bottom: 1px dotted #999;
}
#main .member-data a:hover{
	box-shadow			: 0 0 0;
	border: none;
}
#main .member-data dl{
	padding: 0 2rem 1rem 2rem;
}
#main .member-data dl dt{
	position: relative;
	top: -2.5rem;
	margin: 0 0 -2rem 0;
	list-style: 1;
	font-size: 3rem;
	font-weight: 500;
	font-family			: 'Open Sans',"ヒラギノ角ゴ Pro W3",'Hiragino Kaku Gothic Pro W3',"メイリオ", Verdana, "ＭＳ Ｐゴシック", sans-serif;
	letter-spacing: 0.2rem;
}
#main .member-data .poco{
	background: #E2F3FA;
}
#main .member-data .poco dt{
	color: #2EA5DF;
}
#main .member-data .antenna{
	background: #FBE5EC;
}
#main .member-data .antenna dt{
	color: #DF3064;
}

@media screen and (min-width: 768px){
#main .member-data{
	margin: 0 0 4rem 0;
}
#main .member-data dl{
	padding: 0 3rem 2rem 3rem;
}
#main .member-data dl dt{
	top: -3.5rem;
	margin: 0 0 -3rem 0;
	font-size: 4rem;
}
}

#main .member-list{
	-js-display			: flex; /* IE */
	display				: -webkit-flex; /* Safari */
	display				: flex;
	flex-wrap: wrap;
	flex-direction: column;
	justify-content: space-between;
	margin: 5rem 0 0 0;
}
@media screen and (min-width: 768px){
#main .member-list{
	flex-direction: row;
}
}
#main .member-list .member{
	position: relative;
	flex: 1;
}

#main .member-list .member .image{
	position: relative;
	z-index: 10;
	width: 25rem;
	margin: 0 auto -12.5rem auto;
}
#main .member-list dl{
	margin: 0 auto 2rem auto;
	padding: 12.5rem 2.5rem 2rem 2.5rem;
	background: #F9F9F9;
}

#main .member-list dl dt{
	margin: 2rem 0 1rem 0;
	font-size: 2.4rem;
	font-weight: bold;
	color: #555;
}
#main .member-list dl dd{
	font-size: 1.4rem;
}
#main .member-list ul li:last-child{ margin: 0; }
@media screen and (min-width: 768px){
#main .member-list .member .image{
	width: 20rem;
}
#main .member-list dl{
	width: 250px;
}
}
@media screen and (min-width: 1024px){
#main .member-list .member .image{
	width: 20rem;
}
#main .member-list dl{
	width: 300px;
}
#main .member-list dl dt{font-size: 3rem;}
}

/* hero-text
-----------------------------------------------------*/
#main .hero-text{
	margin: 2rem 0 0 0;
	border				: 1px solid rgba(219, 228, 63,0.7);
	padding: 1rem 1rem 0 1rem;
}
@media screen and (min-width: 768px){
#main .hero-text{
	margin: 4rem 0 0 0;
	padding: 1rem 3rem 0 3rem;
}
}