/* ========================================

	cmn.css

	--------------------

========================================== */
/* reset
--------------------------------- */

html {color:#604c3f; height: 100%; width: 100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin:0;padding:0;}table {border-collapse:collapse;border-spacing:0;}fieldset,img {border:0;}address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}li {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}q:before,q:after {content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select {font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select {*font-size:100%;}legend {color:#000;}del,ins {text-decoration:none;}
body {font:14px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small}select,input,button,textarea {font:99% arial,helvetica,clean,sans-serif}table {font-size:inherit;font:100%}pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%}


/* clearfix
--------------------------------- */
.clearfix:after,.clearfix:before{display:table;content:" "}.clearfix:after{clear:both}

/* body
--------------------------------- */
body {
	width: 100%;
	min-height: 100%;
	position: relative;
	background:url(/static/backnumber/fanclub-pc/feature/oneroom_vol4/img/cmn/bg.jpg) repeat left top;
	background-size: 1200px auto;
	font-family: Helvetica, "ヒラギノ角ゴ pro W3", "Noto Sans Japanese", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	font-weight: normal;
}
.header {
	position: fixed;
	width:100%;
	height: 70px;
	background: #fcf9e9;
	margin:0 auto;
	margin: 0 0 120px;
	box-shadow: 0 7px 15px 2px rgba(0,0,0,0.2);
	z-index: 1;
}
#top .header h1{ display: none; }
.header h1 a {
	display: block;
	position: fixed;
	cursor: pointer;
	font-family: 'Unna', serif;
	letter-spacing: 1px;
	font-size: 16px;
	color: #604c3f;
	text-decoration: none;
	left: 30px;
	top: 25px;
	z-index: 999;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}
.header h1 a:hover { opacity: .7; }
.container { position: relative; padding: 70px 0 460px; }
.outTit {
	position: relative;
	font-family: 'Fredericka the Great', cursive;
	font-size: 60px;
	color: #fff;
	margin: 0 auto 60px 0;
}
.sp { display:none; }
a { color: #4aadc7; }
a:hover{ text-decoration: none; }
.red { color:#e7643c; font-size: 13px; }
.blue { color:#4aadc7; font-size: 13px; }
.orange {color:#e7643c;}
.bold{ font-weight:bold; }

.mb5{ margin-bottom:5px; }
.mb10{ margin-bottom:10px; }
.mb20{ margin-bottom:20px; }
.mb30{ margin-bottom:30px; }

#top .header{ top: -70px; -webkit-transition: all .8s ease 1.2s; transition: all .8s ease 1.2s;}
#top.loaded .header{ top: 0; }
.bnrTop{ opacity:0; position: relative; top: 90px; -webkit-transition: all .8s ease 1.2s; transition: all .8s ease 1.2s;}
#top.loaded .bnrTop{ opacity: 1; top:0;}

#top.already .bnrTop,
#top.already .header{ transition: all .8s ease 0s;}
.imgGuard{ line-height:0; }

#top #schedule .contentsArea .scheduleList .venue{background: none;}


/* menu
--------------------------------- */
.navWrap { width:100%; overflow:hidden; }
.navWrap .goods span {
	color: #cec3b2;
	text-align: center;
	padding: 0 12px;
	font-family: 'Unna', serif;
	font-size: 22px;
	font-weight: bold;
}
.menuArea {
	overflow: hidden;
	width:100%;
	padding-top: 23px;
	text-align: center;
}
.menuArea li { display: inline-block; }
.menuArea li a {
	text-align: center;
	padding: 0 12px;
	font-family: 'Unna', serif;
	font-size: 21px;
	font-weight: bold;
	text-decoration: none;
	color: #604c3f;
	position: relative;
	opacity:1;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}
.menuArea li a::after{
	content:'';
	display: block;
	width: 100%;
	height: 15px;
	background: no-repeat center bottom;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
	position: absolute;
	z-index: -1;
	bottom:0;
	left:0;
	opacity:0;
}

.menuArea li.schedule a::after{ background-image: url(/static/backnumber/fanclub-pc/feature/oneroom_vol4/img/pc/schedule_after.png) ; background-size: 96% 17px; }
.menuArea li.news a::after{ background-image: url(/static/backnumber/fanclub-pc/feature/oneroom_vol4/img/pc/news_after.png); background-size: 100% 16px; }
.menuArea li.ticket a::after{ background-image: url(/static/backnumber/fanclub-pc/feature/oneroom_vol4/img/pc/ticket_after.png); background-size: 95% 16px; }
.menuArea li.goods a::after{ background-image: url(/static/backnumber/fanclub-pc/feature/oneroom_vol4/img/pc/goods_after.png) ; background-size: 96% 17px; }
.menuArea li.qa a::after{ background-image: url(/static/backnumber/fanclub-pc/feature/oneroom_vol4/img/pc/qa_after.png); background-size: 86% 16px; }
.menuArea li.twitter a::after{ background-image: url(/static/backnumber/fanclub-pc/feature/oneroom_vol4/img/pc/twitter_after.png); background-size: 86% 16px; }
.menuArea li.challenge a::after{ background-image: url(/static/backnumber/fanclub-pc/feature/oneroom_vol4/img/pc/challenge_after.png); background-size: 86% 16px; }


#schedule .menuArea li.schedule a::after,
#news .menuArea li.news a::after,
#ticket .menuArea li.ticket a::after,
#goods .menuArea li.goods a::after,
#faq .menuArea li.qa a::after,
#challenge .menuArea li.challenge a::after,
.menuArea li.schedule a:hover::after,
.menuArea li.challenge a:hover::after,
.menuArea li.news a:hover::after,
.menuArea li.ticket a:hover::after,
.menuArea li.goods a:hover::after,
.menuArea li.qa a:hover::after,
.menuArea li.twitter a:hover::after,
.menuArea li.challenge a:hover::after{ opacity:1; }

.more {
	text-align: right;
	padding-top: 20px;
}
.more a,
.txtLink{
	font-size: 15px;
	font-family: 'Unna', serif;
	color: #604c3f;
	position: relative;
	margin-right: 15px;
	text-decoration: none;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}
.txtLink:hover,
.more a:hover { opacity: .7; }
.txtLink::after,
.more a::after {
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	color: #604c3f;
	border-right: 1px solid;
	border-top: 1px solid;
	margin-top: -4px;
	position: absolute;
	top: 50%;
	right: -10px;
	text-align: center;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.back { text-align: center; }
.back a {
	font-size: 15px;
	color: #fff;
	font-family:'Unna', serif;
	letter-spacing: 0.08em;
	position: relative;
	text-decoration: none;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}
.back a:hover{ opacity: .7; }
.back a::after {
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	color: #ffffff;
	border-right: 1px solid;
	border-top: 1px solid;
	margin-top: -4px;
	position: absolute;
	top: 50%;
	left: -10px;
	text-align: center;
	-webkit-transform: rotate(-135deg);
	transform: rotate(-135deg);
}


/* keyVisual
--------------------------------- */

#keyVisual{
	height: 100vh;
	box-sizing: border-box;
	padding: 100px 0;
	padding: 10vh 0;
}

.mainTit {
	width: 460px;
	height: 460px;
	min-width: 440px;
	min-height: 440px;
	width: 60vh;
	height: 60vh;
	text-align: center;
	margin: 0 auto 70px;
}
.mainTit span{
	display: block;
	overflow: hidden;
	width: 0;
}
.mainTit img{
	width: 460px;
	height: 460px;
	min-width: 440px;
	min-height: 440px;
	width: 60vh;
	height: 60vh;
}

.newsTit { margin: 0 auto; }
.newsTit img {
	width: 260px;
	height: 260px;
	margin: 180px 0 60px;
}
.bnrTop { width: 954px; margin: 0 auto 40px; text-align: center; }
.bnrTop li {
	display: inline-block;
	width: 300px;
	text-align: center;
	margin: 0 20px 0 0;
}
.bnrTop li:last-of-type{ margin: 0; }
.bnrTop li a{
	display: block;
	line-height: 0;
	box-shadow: 0 1px 4px 3px rgba(27, 15, 4, 0.5);
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}
.bnrTop li a img{ width: 100%;}
.bnrTop li a:hover { 	box-shadow: 0 3px 9px 6px rgba(27, 15, 4, 0.3);}

.section {
	padding:40px 30px;
	position: relative;
	z-index:3;
}
.contentsArea { width: 680px; margin: 0 auto; position:relative; overflow:hidden;}
.contentsArea .section { width: 610px; position:relative; }

/* contents
--------------------------------- */

.contents {
	width: 100%;
	padding-bottom: 80px;
	margin:0 auto;
	background: #fcf9e9;
	box-shadow: 0 -4px 9px 4px rgba(0,0,0,0.2);
}

.contents.schedule {
	width: 100%;
	margin:0 auto;
	background-color: #f4efd6;
	background:url(/static/backnumber/fanclub-pc/feature/oneroom_vol4/img/cmn/pattern.png) repeat left top;
	box-shadow: 0 8px 9px 1px rgba(0,0,0,0.2);
}

.lead {
	font-size:15px;
	line-height:1.5em;
	margin-bottom:8px;
}
.subTxt{
	font-size: 12px;
}
.dTit {
	font-size: 23px;
	text-align:center;
	margin-bottom:20px;
	font-weight:bold;
}
.contentsArea .areTit {
	font-family: 'Fredericka the Great', cursive;
	font-size: 60px;
	text-align: center;
	background: no-repeat center bottom;
	margin: 45px 0;
}

/* news
--------------------------------- */

#news .contentsArea .areTit {
	background-image: url(/static/backnumber/fanclub-pc/feature/oneroom_vol4/img/pc/news_after.png);
	background-size: 22%;
}
#news .contentsArea ul { margin: 0 auto; text-align: left;}
#news .contentsArea li a {
	display: block;
	text-decoration:none;
	color:#604c3f;
	font-weight: bold;
	position: relative;
	padding: 22px 0;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}
#news .contentsArea li a:hover { opacity: .6; }
#news .contentsArea li { border-bottom: 1px solid #b6a384; }
#news .contentsArea li:first-child { border-top:1px solid #b6a384; }

#news .contentsArea li .date{
	float: left;
	padding-right: 40px;
	font-family: 'Unna', serif;
	font-size:16px;
	font-weight:bold;
	color:#604c3f;
}
#news .contentsArea li .date + p { font-size:13px; overflow: hidden; margin: 0 15px 0 0;}
#news .contentsArea li a::before {
	content: '';
	display: block;
	width: 7px;
	height: 7px;
	color: #c9c1b3;
	border-right: 2px solid;
	border-top: 2px solid;
	margin-top: -4px;
	position: absolute;
	top: 50%;
	right: 0.5%;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#news .contentsArea span { font-size: 13px; color: #e7643c; }
#news .contentsArea .newsDetail .date {
	float: none;
	font-family: 'Unna', serif;
	font-size: 16px;
	margin: 0 0 4px;
}
#news .contentsArea .newsDetail .lead { font-weight:normal; font-size:14px; line-height:1.6em; }
#news .contentsArea .newsDetail {
	text-align: left;
	color: #604c3f;
	border: none !important;
}
#news .contentsArea .newsDetail a{
	display: inline-block;
	text-decoration: underline;
	color: #4aadc7;
	font-weight: normal;
	padding: 0;
	position: static;
}
#news .contentsArea .newsDetail a::before{ display: none;}
#news .contentsArea .newsDetail a:hover{ text-decoration: none; opacity:1 !important;}
#news .newsDetail h3 {
	border-bottom:solid 1px #b6a485;
	text-align: left;
	padding-bottom: 15px;
	margin-bottom: 30px;
}

#news .newsDetail img{ width: 100%; }

/* schedule
--------------------------------- */
#schedule .contentsArea .areTit {
	background-image: url(/static/backnumber/fanclub-pc/feature/oneroom_vol4/img/pc/schedule_after.png);
	background-size: 40%;
}
#schedule .contentsArea .scheduleList {
	width: 100%;
	border-bottom: 1px solid #b6a485;
	margin: 0 auto;
	font-size: 14px;
	color: #604c3f;
	text-align: left;
}

#schedule .contentsArea .scheduleList tr:not(.dayTwo){
	border-top: 1px solid #b6a485;
}
#schedule .contentsArea .scheduleList .dayTwo .date,
#schedule .contentsArea .scheduleList .dayTwo .time{
	position: relative;
}
#schedule .contentsArea .scheduleList .dayTwo .date::before,
#schedule .contentsArea .scheduleList .dayTwo .time::before{
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background: #b6a485;
	position: absolute;
	top: 0;
}
#schedule .contentsArea .scheduleList td {
	 vertical-align: middle;
	 padding: 19px 0;
 }
#schedule .contentsArea .scheduleList tr:nth-child(2) td{/* border-top: none; */}
#schedule .contentsArea .scheduleList .date {
	width: 80px;
	font-family: 'Unna', serif;
	color: #604c3f;
	letter-spacing: 0.05em;
	font-weight: bold;
}
#schedule .contentsArea .scheduleList .date p {
    display: inline-block;
    font-size: 22px;
    margin: 0 5px;
}
#schedule .contentsArea .scheduleList .venue{
	width: 240px;
	font-size: 16px;
	vertical-align: middle;
	box-sizing: border-box;
	background: #fcf9e9;
	padding: 40px 0 40px 30px;
}
#schedule .contentsArea .scheduleList .time	{ width: 80px; text-align: center; font-size: 12px; line-height: 100%;letter-spacing: 0.05em;}
#schedule .contentsArea .scheduleList .info	{ vertical-align: middle; padding-left: 0px; }
#schedule .contentsArea .scheduleList .ticket	{
	width: 230px;
	font-size: 11px;
	letter-spacing: 0.05em;
	line-height: 200%;
	vertical-align: middle;
	box-sizing: border-box;
	padding: 10px 0 10px 15px;
}
#schedule .contentsArea .scheduleList .ticket span{ font-size: 10px; }
#schedule .contentsArea .scheduleList td.time,
#schedule .contentsArea .scheduleList td.info	{ font-size: 11px; }
#schedule .contentsArea .scheduleList td.time span {
	display: block;
	text-align: center;
	margin: 5px 0 0;
}
#schedule .contentsArea .scheduleList .subTxt	{ display: block; font-size:10px; line-height: 1.7em; }
/*#schedule .contentsArea .scheduleList .dayTwo td{ border-top: solid 1px #d7c9b2; }*/
#schedule .contentsArea .scheduleList .pc{ display: table-cell !important; }
#schedule .contentsArea .liveTable { border-top: 1px solid #b6a485;}
#schedule .contentsArea .liveTable dl { display:table; }
#schedule .contentsArea .liveTable dt {
	display:table-cell;
	width:160px;
	color:#604c3f;
	font-size:16px;
	font-weight:bold;
	text-align:left;
	border-bottom:solid 1px #b6a485;
	vertical-align:middle;
}

#schedule .contentsArea .liveTable dd {
	display:table-cell;
	width:520px;
	padding: 25px 0 25px 10px;
	color:#604c3f;
	font-size:13px;
	text-align: left;
	line-height: 1.5;
	border-bottom:solid 1px #b6a485;
}
.liveCaption:not(:last-child){ margin-bottom: 20px; }

.liveTable .liveCaption .subTxt,
#ticket .liveTable dl:last-of-type .liveCaption { font-size: 12px; }
#ticket .liveTable:last-of-type .liveCaption { font-size: 13px; }
.liveCaption li {
	text-indent: -1em;
	line-height: 150%;
	padding-left: 1em;
	margin-bottom: 8px;
}
.liveCaption li span{
	display: inline-block;
	text-indent: -1em;
	padding-left: 1em;
}
.liveCaption li a{ color: inherit;}


/* twitter
--------------------------------- */

.outTit {
	font-family: 'Fredericka the Great', cursive;
	font-size: 60px;
	color: #fff;
	text-align: center;
	margin: 60px auto;
}
.contentsBox {
	width: 950px;
	padding: 60px 0;
	margin: 0 auto 60px auto;
	background: #fcf9e9;
	box-shadow: 0 4px 9px 4px rgba(0,0,0,0.2);
}
.contentsBox .twitterBox{
	width: 680px;
	margin: 0 auto;
	padding: 0 120px 60px;
}


/* ticket
--------------------------------- */

#ticket .contentsArea .tit {
	font-family: 'Fredericka the Great', cursive;
	font-size: 60px;
	color: #604c3f;
	background: url(/static/backnumber/fanclub-pc/feature/oneroom_vol4/img/pc/ticket_after.png) no-repeat center bottom;
	background-size: 25%;
	margin: 30px 0 45px;
}
h3 {
	font-size: 24px;
	text-align: center;
	font-weight: bold;
	color: #604c3f;
	margin: 0 auto 30px;
}
.liveTable { margin: 0 auto; }
#ticket .titTxt {
	font-size: 16px;
	font-weight: bold;
	color: #604c3f;
	line-height: 1.5;
	margin: 0 auto 30px;
}
#ticket .titTxt.orange{ color:#e7643c; }
#ticket .end .titTxt{ text-align: center; color: #e7643c; }
#ticket .contentsArea .liveTable { border-top:solid 1px #b6a485; }
#ticket .contentsArea .liveTable dl { display:table; }
#ticket .contentsArea .liveTable dt {
	display:table-cell;
	width: 120px;
	color:#604c3f;
	font-weight:bold;
	border-bottom:solid 1px #b6a485;
	vertical-align:middle;
}

#ticket .contentsArea .liveTable dd {
	display: table-cell;
	width: 560px;
	padding: 25px 0;
	color: #604c3f;
	line-height: 1.5;
	border-bottom:solid 1px #b6a485;
}
#ticket .contentsArea .subTxt a { text-decoration: none; color: #604c3f;  }
#ticket .contentsArea .subTxt a::after {
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	color: #ffffff;
	border-right: 1px solid;
	border-top: 1px solid;
	margin-top: -4px;
	position: absolute;
	top: 50%;
	right: -10px;
	text-align: center;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.liveTxt { font-weight: bold; margin-bottom: 8px; }

/* faq
--------------------------------- */

#faq .ticketArea .tit {
	font-family: 'Fredericka the Great', cursive;
	font-size: 60px;
	color: #604c3f;
	background: url(/static/backnumber/fanclub-pc/feature/oneroom_vol4/img/pc/qa_after.png) no-repeat center bottom;
	background-size: 20%;
	margin: 65px 0 50px;
}
#faq .faqList {
	width: 680px;
	margin: 0 auto;
	border-top: 1px solid #B3A485;
	text-align: left;
}
#faq .faqList dt {
	display: block;
	color: #604c3f;
	font-weight: bold;
	text-decoration: none;
	padding: 17px 40px 17px 0;
	position: relative;
	cursor: pointer;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
	border-bottom: 1px solid #B3A485;
	line-height:1.4em;
}
#faq .faqList dt:hover { opacity: .6; }
#faq .faqList .open dt { border: none; }
#faq .faqList dt:after  {
	content: "\f196";
    font: normal normal normal 14px/1 FontAwesome;
    font-size: 20px;
    position: absolute;
    right: 2px;
    top: 50%;
    width: 15px;
    height: 20px;
    margin-top: -10px;
}
#faq .faqList dt.open:after { content: "\f147"; }
#faq .faqList dd  {
	background: #f4efd6;
	border-bottom: 1px solid #b2a384;
	border-top:none;
	padding: 20px 20px 10px;
	color: #604c3f;
	position: relative;
	display: none;
}
#faq .faqList dd .txt  {
	text-align: left;
    font-size: 14px;
    line-height: 1.5em;
    padding: 0 0 10px;
}


/*
--------------------------------- */

.contentsArea table { width:100%; margin-bottom:20px; }
.subTit { text-align:center; margin-bottom:30px; }
.boxTit span { font-size:14px; padding-left:5px; }
.attentionList li {
	padding-left:1em;
	margin-bottom:8px;
	line-height:1.6em;
	font-size:13px;
	text-indent:-0.5em;
}
.requirementList li span {
	display:block;
	font-size:12px;
	padding-top:2px;
	font-weight:normal;
	color:#151515;
}
.coming {
	font-size:18px;
	font-weight:bold;
	text-align:center;
	padding-top:15px;
}

/* attention
--------------------------------- */
#attention .contentsBox{ margin-top: 110px; }
#attention h3{
	border-bottom: solid 1px #b6a485;
	text-align: left;
	padding-bottom: 15px;
}
#attention .newsDetail ul{ margin-top: 30px; }
#attention .newsDetail ul li{ line-height: 150%;text-indent: -1em; padding-left: 1em; margin-bottom: 10px; }


/* footer
--------------------------------- */
/* snsArea */
#snsArea { width:100%; margin: 0 auto; text-align: center; }
#snsArea .bnr { padding:0 0 20px; }
#snsArea .bnr a { display:block; box-shadow: 0 2px 2px rgba(0, 0, 0, 0.5); line-height: 0; }
#snsArea .bnr a img { width:100%; }
#snsArea .twitterLink,
#snsArea .facebookLink {
	display: inline-block;
	color: #fff;
	width: 35px;
	height: 35px;
	text-align: center;
	margin: 0 10px auto 0;
	border-radius: 50%;
	border: 1px solid;
}
#snsArea .twitterLink .fa,
#snsArea .facebookLink .fa { font-size: 17px; line-height: 37px; }
#snsArea p {
	display: inline-block;
	font-size: 11px;
	color: #fff;
	vertical-align: super;
	margin: 0 10px 0 0;
}
#snsArea a { -webkit-transition: all .3s ease; transition: all .3s ease; }
#snsArea a:hover { opacity: .7; }
.bnrArea {
	width: 800px;
	margin:0 auto;
	padding: 50px 0;
	overflow:hidden;
}

/* bnrArea */
.bnrArea li {
	width:242px;
	float:left;
	margin-right: 18px;
	margin-bottom: 18px;
	line-height: 0;
	-webkit-transition: all .2s ease;
	transition: all .2s ease;
}
.bnrArea li a{ display: block; }
.bnrArea li img { width: 100%; }
.bnrArea li:nth-child(3n) { margin-right: 0; margin-bottom: 18px; }
.bnrArea li:hover{ opacity: .7; }

footer {
	position: absolute;
	overflow: hidden;
	width: 100%;
	bottom: 0;
	background:#151515;
	padding: 45px 0 0;
	font-size:10px;
	color:#ccc;
}
footer .txtLink a {
	color:#ccc;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
}

footer .txtLink a:hover { color:#ccc; }
footer .txtLink { display:inline-block; padding-right:25px; font-size:13px; }
footer .copy { text-align:center; margin: 0 0 20px; }


/* btn
--------------------------------- */
.btn{ text-align: center; }
.btn a{	-webkit-transition: all .2s ease; transition: all .2s ease;}
.btn .main {
	display: inline-block;
	width: auto;
	text-align: center;
	color: #fdf9e9;
	background: #604c3f;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	margin: 60px auto 0;
	padding: 20px 40px;
}
.btn .main:hover{ background: #2b1b11; }
.btn .sub{ display: inline-block; color: #2b1b11; text-decoration: none; margin-top: 30px; }
.btn .sub:hover{ opacity:.7; }