@charset "utf-8";

/* salon-event-report index
--------------------------------------------------------------- */

/*インライン用*/
#inline-wrap1,
#inline-wrap2,
#inline-wrap3,
#inline-wrap4 {
	position: relative;
	margin:10px auto;
	max-width: 800px;
	background: #fff;
	padding: 20px;
	border-radius:5px;
	text-align:center;
	font-size:1.4em;
}

#inline-wrap1 .left,
#inline-wrap2 .left,
#inline-wrap3 .left,
#inline-wrap4 .left{
	float:left;
	width:60%;
	text-align:left;
	line-height:150%;
}

#inline-wrap1 .right,
#inline-wrap2 .right,
#inline-wrap3 .right,
#inline-wrap4 .right{
	float:right;
	width:35%;
}

#inline-wrap1 img,
#inline-wrap2 img,
#inline-wrap3 img,
#inline-wrap4 img{
	margin:0 auto;
	text-align:center;
	display:block;
}

#inline-wrap1  p.day,
#inline-wrap2  p.day,
#inline-wrap3  p.day,
#inline-wrap4 p.day{
	display:inline-block;
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	margin:20px 0;
	padding:10px 20px;
	color:#868686;
	letter-spacing:1px;
}

#inline-wrap1 p.day span,
#inline-wrap2 p.day span,
#inline-wrap3 p.day span,
#inline-wrap4 p.day span{
	font-size:1.5em;
}


#inline-wrap1 p.ttl,
#inline-wrap2 p.ttl,
#inline-wrap3 p.ttl,
#inline-wrap4 p.ttl{
	font-size:1.7em;
	color:#7F4B23;
	margin-bottom:20px;
}

.report-1 .btn a,
.report-2 .btn a,
.report-3 .btn a,
.report-4 .btn a{
	float:left;
	font-size:1.2em;
	color:#fff;
	width:48%;
	margin:0 1%;}

.report-1 .btn a{
	background:#990100;
}

.report-2 .btn a{
	background:#01AD97;
}

.report-3 .btn a{
	background:#7B00B3;
}

.report-4 .btn a{
	background:#E66716;
}


.link_box{
    position:relative;
    width:100%;
}
 
.link_box a.popup-modal{
	display: block;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent:-9999px;
}

.link_box a.popup-modal:hover{
    background-color:#FFF;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}

.salon-event-report-index a{
	display: table;
	width: 100%;
	text-decoration: none;
}

.salon-event-report-index a:hover{
	color:#241914;
}


.salon-event-report-index div{
	text-align:center;
    min-height: 420px;
}

.salon-event-report-index img,
.salon-event-report-index p{
	margin-bottom:1em;
}

.salon-event-report-index img{
    width: 100%;
}

.salon-event-report-index p:first-of-type{
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	padding:10px;
}

.salon-event-report-index div:nth-of-type(2) p:first-of-type,
.salon-event-report-index div:nth-of-type(3) p:first-of-type,
.salon-event-report-index div:nth-of-type(4) p:first-of-type{
	padding:1.5em 0;
}

.salon-event-report-index div .report-btn{
	padding:2px 5px;
	color:#fff;
	display:inline-block;
	margin-bottom:0;
}

.salon-event-report-index div:nth-of-type(1) .report-btn{background:#990000; border:1px solid #FFF;}
.salon-event-report-index div:nth-of-type(2) .report-btn{background:#02AD97; border:1px solid #FFF;}
.salon-event-report-index div:nth-of-type(3) .report-btn{background:#7C00B3; border:1px solid #FFF;}
.salon-event-report-index div:nth-of-type(4) .report-btn{background:#E66816; border:1px solid #FFF;}

.salon-event-report-index div:nth-of-type(1) a:hover .report-btn{background:#FFF; border:1px solid #990000; color:#990000;}
.salon-event-report-index div:nth-of-type(2) a:hover .report-btn{background:#FFF; border:1px solid #02AD97; color:#02AD97;}
.salon-event-report-index div:nth-of-type(3) a:hover .report-btn{background:#FFF; border:1px solid #7C00B3; color:#7C00B3;}
.salon-event-report-index div:nth-of-type(4) a:hover .report-btn{background:#FFF; border:1px solid #E66816; color:#E66816;}


.setTwoCol #content {
    min-height: 2650px;
}


/* 20170321追加 */


.salon-event .description{
	margin:0;
	overflow:hidden;
}
.salon-event .description img{
	float:right;
	margin:0 0 15px 15px;
    width: 30%;
}
.salon-event .description p:nth-of-type(1){
	margin-bottom:10px;
	font-size:1.3em;
	font-weight:bold;
}
.salon-event .description p:nth-of-type(2){
	font-size:1.1em;
}


.salon-event .btnArea{
	margin-top:30px;
	overflow:hidden;
}
.salon-event .btnArea a{
	display:block;
	width: 60%;
	margin:auto;
	padding: 15px;
	border-radius: 5px;
	background-color: #FFD201;
	text-align: center;
	text-decoration:none;
	font-weight: normal;
	font-size:1.1em;
}

.salon-event .btnArea-2{
	overflow:hidden;
}
.salon-event .btnArea-2 a{
	display:block;
	width: 80%;
	margin:auto;
	padding: 15px;
	border-radius: 5px;
	background-color: #FFD201;
	text-align: center;
	text-decoration:none;
	font-weight: normal;
	font-size:1.1em;
}


/*

.salon-event .salon-event-3 .btnArea a:nth-of-type(1),
.salon-event .salon-event-4 .btnArea a:nth-of-type(1){
	width:48%;
	float:left;
}

.salon-event .salon-event-3 .btnArea a:nth-of-type(2),
.salon-event .salon-event-4 .btnArea a:nth-of-type(2){
	width:48%;
	float:right;
}

*/

.salon-event .salon-event-2 > p:first-of-type,
.salon-event .salon-event-3 > p:first-of-type,
.salon-event .salon-event-4 > p:first-of-type{
	margin-bottom:20px;
	font-size:1.2em;
}

.salon-event .salon-event-2 > p:first-of-type em,
.salon-event .salon-event-3 > p:first-of-type em,
.salon-event .salon-event-4 > p:first-of-type em{
	display:block;
	margin-bottom:10px;
	font-size:1.4em;
	font-weight:bold;
}

.salon-event .salon-event-2 > p:first-of-type em{color:#990000;}
.salon-event .salon-event-3 > p:first-of-type em{color:#00AC94;}
.salon-event .salon-event-4 > p:first-of-type em{color:#7901B1;}

.sp{
		display:none;
}


/* 20170321追加　ここまで */


@media only screen and (max-width: 640px) {

.pc{
		display:none;
}
	
.sp{
		display:block;
	}


	.salon-event-report-index div:nth-of-type(n+2){
		margin-top:16px;
	}
	
	.salon-event-report-index div img{
		display:block;
		margin:0px auto 20px;
	}

	.salon-event-report-index div{
        min-height: inherit;
	}

	.salon-event-report-index img{
	    width: 50%;
	}

}

.tabs > div {
	margin-top: 20px;
}

.tabs ul.horizontal {
	margin: 0;
	padding: 0;
	border-bottom:1px solid #FFD201;
	height:50px;
}

.tabs li {
	background: #FFF;
	display: block;
	width:8.0%;
	height:50px;
	text-align:center;
	margin-left:1%;
	float:left;
	border-top:4px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #FFD201;
}

.tabs li:nth-child(1){
	margin-left:1%;
}

.tabs li a {
	display: block;
	font-size: 1.2em;
	color:#ccc;
	line-height:45px;
	text-decoration: none;
}

.tabs li:hover a {
	color: #000;
	background:#FFF;
}

.tabs li.active {
	border-top:4px solid #FFD201;
	border-left:1px solid #FFD201;
	border-right:1px solid #FFD201;
	border-bottom:1px solid #FFF;
}

.tabs li.active a {
	color:#000;
}

a:hover img{
	opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha(opacity=80)";
}


@media only screen and (max-width: 640px) {


.tabs > div {
	margin-top: 10px;
}

.tabs ul.horizontal {
	margin: 0;
	padding: 0;
	border-bottom:0;
	height:auto;
}

.tabs li {
	width:32%;
	margin-bottom: 5px;
	border-bottom: 1px solid #CCC;
}

.tabs li:nth-child(1),
.tabs li:nth-child(4),
.tabs li:nth-child(7),
.tabs li:nth-child(10)
    {
	 margin-left:0;
}

.tabs li a {
	display: block;
	font-size: 1.2em;
	color:#ccc;
	line-height:45px;
	text-decoration: none;
}

.tabs li:hover a {
	color: #000;
	background:#FFF;
}

.tabs li.active {
	border-top: 4px solid #FFD201;
	border-left:1px solid #FFD201;
	border-right:1px solid #FFD201;
	border-bottom: 1px solid #FFD201;
}


}


/* salon-event-report
--------------------------------------------------------------- */

.salon-event-report .theme p:last-of-type,
.salon-event-report .theme2 p:last-of-type, 
.salon-event-report .theme3 p:last-of-type {
	margin-bottom:20px;
}

.salon-event-report .theme p:nth-of-type(1),
.salon-event-report .theme2 p:nth-of-type(1),
.salon-event-report .theme3 p:nth-of-type(1){
	margin-bottom:20px;
	padding:15px 0;
	border-bottom:4px solid #FFD201;
}

.salon-event-report .theme div.photoWrap{
	overflow:hidden;
	margin-bottom:30px;
}

.salon-event-report .theme.img-col-1 div.photoWrap{
	text-align: center;
}
.salon-event-report .theme.img-col-1 div.photoWrap img{
	width:auto;
	height: auto;
	max-width:80%;
	max-height: 425px;
	float: none;
}
.salon-event-report .theme.img-col-1 .mes-title{
	
}

.salon-event-report .theme img{
	width:47.727%;
	height:auto;
	margin-bottom:50px;
}

.salon-event-report .theme img:nth-last-child(1),
.salon-event-report .theme img:nth-last-child(2){
	margin-bottom:0;
}


.salon-event-report .theme img:nth-child(odd) {
	float:left;
}

.salon-event-report .theme img:nth-child(even) {
	float:right;
}

.salon-event-report .theme dl,
.salon-event-report .theme2 dl,
.salon-event-report .theme3 dl {
	width:100%;
	font-size:1.6em;
	line-height:130%;
}

.salon-event-report .theme dt,
.salon-event-report .theme2 dt,
.salon-event-report .theme3 dt {
	float:left;
}

.salon-event-report .theme dd,
.salon-event-report .theme2 dd,
.salon-event-report .theme3 dd {
	margin-left:100px;
}

.salon-event-report .theme2 dd{
	margin-left:180px;    
}

.ph-l p,
.ph-r p{
	border-bottom:none !important; 
	margin-bottom:0 !important;
	padding:0 !important;
}

.salon-event-report .theme2 img{
	/*width:20%;*/
	width:40%;
}



.salon-event-report .theme2 .ph-l img{
	float:left;
	margin-right:2%;
	margin-bottom:2%;
}

.salon-event-report .theme2 .ph-r img{
	float:right;
	margin-left:2%;
}

.salon-event-report .theme2 .ph-2col p{
	overflow:hidden;
	border:none;
	margin-bottom:20px;
}
.salon-event-report .theme2 .ph-2col p img{
	width:48%;
	height:auto;
}
.salon-event-report .theme2 .ph-2col img:nth-of-type(2n+1){
	float:left;
}
.salon-event-report .theme2 .ph-2col img:nth-of-type(2n){
	float:right;
}

.salon-event-report .theme2 .ph-2col p img.full{
	width: 100%;
	float:none;
}
.salon-event-report .theme2 .ph-2col p.col-2{
	
}
.salon-event-report .theme2 .ph-2col p.col-2 img{
	float:left;
	margin-right:20px;
}

.salon-event-report .theme2 .ph-2col p.col-2_r img{
	float:right;
	margin-left:20px;
}


/*↓↓20170112追記↓↓*/
.salon-event-report .theme3 .img-box1{
	width:25%;
	float:left;
	margin-right:2%;
	margin-bottom:2%;
}

.salon-event-report .theme3 .img-box2{
	width:40%;
	float:right;
	margin-left:2%;
}

.salon-event-report .theme3 .img-box3{
	width:25%;
	float:left;
	margin-right:2%;
	margin-bottom:2%;
}

.salon-event-report .theme3 img{
	width:100%;
}

/*↑↑20170112追記↑↑*/

.salon-event-report h4 span {
	font-size:0.8em;
}

.salon-event-report .profile .donor img {
	width:20.909%;
	float:left;
}

.salon-event-report .profile .donor p {
	width:74.545%;
	float:right;
}

.salon-event-report .profile .donor p:first-of-type {
	font-size:1.4em;
	margin-bottom:20px;
}

.salon-event-report .profile .donor:nth-child(n+2){
	margin-top:20px;
	padding-top:20px;
	border-top:1px dotted #241914;
}

/*add*/
.salon-event-report .profile .donor2 img {
	width:20.909%;
	float:left;
}

.salon-event-report .profile .donor2 dl {
	width:74.545%;
	float:right;
}

.salon-event-report .profile .donor2 dt {
	font-size:1.4em;
	margin-bottom:20px;
}

.salon-event-report .profile .donor2 dd{
	margin:20px 0;
}
/**/

.salon-event-report .interview .panel1 div {
	width:20.909%;
	float:right;
}

.salon-event-report .interview .panel1 div img {
	float:right;
	display:block;
	width:100%;
}


.salon-event-report .interview .panel1 div img:nth-child(n+2){
	margin-top:20px;
}

.salon-event-report .interview ul {
	width:74.545%;
	float:left;
}

.salon-event-report .interview li {
	width:100%;
}

.salon-event-report .interview ul li:nth-child(odd) {
	font-size:1.2em;
	border-left:4px solid #FFD201;
	margin-bottom:10px;
	padding-left:10px;
}

.salon-event-report .interview ul li:nth-child(even) {
	margin-bottom:30px;
}

.salon-event-report .interview ul li:last-of-type {
	margin-bottom:0;
}

@media only screen and (max-width: 640px) {

.salon-event-report .theme .pall50,
.salon-event-report .theme2 .pall50,
.salon-event-report .theme3 .pall50,
.salon-event-report .profile .pall50,
.salon-event-report .interview .pall50,
.salon-event-report .about-salon .pall50,
.salon-event-report .salon-program .pall50{
	padding:20px !important;
}

.salon-event-report .theme img, .salon-event-report .theme.img-col-1 div.photoWrap img{
	max-width:100%;
	max-height:none;
}

.salon-event-report .theme.img-col-1 .mes-title{
	display: inline-block;
	text-align: left;
}

.salon-event-report .theme img {
	clear:both;
	margin-bottom:20px;
    width: 100%;
}

.salon-event-report .theme img:nth-last-child(2){
	margin-bottom:20px;
}

.salon-event-report .theme img:last-child {
	margin-bottom:0;
}


.salon-event-report .theme2 img{
	width:100%;
	margin-bottom:10px;
}

.salon-event-report .theme2 .ph-l img{
	clear:left;
	margin-right:0;
}

.salon-event-report .theme2 .ph-r img{
	clear:right;
	margin-left:0;
}

.salon-event-report .theme2 .ph-2col p img{
	width:100%;
	height:auto;
}

.salon-event-report .theme2 .ph-2col p:nth-of-type(1) {
	padding: 0;
    margin-bottom: 0;
}

/*↓↓20170112追記↓↓*/

.salon-event-report .theme3 .img-box1,
.salon-event-report .theme3 .img-box3{
	width:100%;
	clear:left;
	text-align: center;
	margin-right:0;
	margin-bottom:10px;
}

.salon-event-report .theme3 .img-box1 img, 
.salon-event-report .theme3 .img-box3 img{
	width:60%;
}

.salon-event-report .theme3 .img-box2{
	width:100%;
	clear:right;
	margin-left:0;
	margin-bottom:10px;
}

/*↑↑20170112追記↑↑*/

.salon-event-report .profile .donor img {
	width:100%;
	height:auto;
	clear:left;
	margin-bottom:20px;
}

.salon-event-report .profile .donor p:nth-child(n) {
	width:100%;
	clear:right;
}

.salon-event-report .profile .donor:nth-child(n) p:first-of-type {
	margin-bottom:10px;
}

/*add*/
.salon-event-report .profile .donor2 img {
	width:100%;
	height:auto;
	clear:left;
	margin-bottom:20px;
}

.salon-event-report .profile .donor2 dl {
	width:100%;
	clear:right;
}

/**/


.salon-event-report .interview .panel1 div {
	width:100%;
	height:auto;
	clear:right;
}

.salon-event-report .interview .panel1 div img {
	width:100%;
}


.salon-event-report .interview ul {
	width:100%;
	clear:left;
	margin-top:20px;
}


}

.salon-event-report .about-salon h5 {
	border-bottom:4px solid #FFD201;
	font-size: 1.6em;
	text-align:center;
	margin-bottom:20px;
	padding-bottom:10px;
	position:relative;
}

.salon-event-report .about-salon h5 small {
    font-size: 0.6em;
	position:absolute;
	top:0;
	right:0;
	border:1px solid #241913;
	padding:0 5px;
}

.salon-event-report .about-salon p:first-of-type {
	font-size:1.4em;
	margin-bottom:20px;
}

.salon-event-report .about-salon p:last-of-type {
	margin-bottom:20px;
}

.salon-event-report .about-salon .btn {
	font-size:0.8em;
	text-align:center;
}


.salon-event-report .salon-table {
	padding: 0;
	background-color: #f9f9f9;
	border-top: 1px #ccc solid;
	border-bottom: 1px #ccc solid;
	border-spacing: 0;
}

.salon-table thead tr {
	background-color: #F0F0F0 !important;
	text-align:center;
}

.salon-table thead th {
	padding:15px 0;
}


.salon-table tr {
	border-top: 1px #ccc solid;
}

.salon-table tr:nth-child(odd){
	background-color:#ffffff;
}

.salon-table th {
	margin-bottom: 9px;
	padding: 9px 15px;
	border-left: 1px #ccc solid;
	font-weight: normal;
}

.salon-table th:first-child {
	border-left-width: 0;
}

.salon-table tbody {
	vertical-align: center;
}

.salon-table tbody td {
	border-left: 1px #ccc solid;
	padding: 15px 15px;
}

.salon-table tbody td a {
	text-decoration:underline;
}

.salon-table tbody td a:hover {
	text-decoration:none;
}

.salon-table tbody td:first-child {
	border-left-width: 0;
}


.salon-table tbody tr td:nth-of-type(1),
.salon-table tbody tr td:nth-of-type(2){
	text-align:center;
}

.salon-table tbody tr td:nth-of-type(4){
	font-size:0.8em;
}

.salon-table tbody tr td:nth-of-type(1){
	width:12%;
}

.salon-table tbody tr td:nth-of-type(2){
	width:17%;
}

.salon-table tbody tr td:nth-of-type(3){
	width:44%;
}

.salon-table tbody tr td:nth-of-type(4){
	width:30%;
}

.salon-table tbody tr td.jitsuwa{
	color:#990000;
}

.salon-table tbody tr td.tokubetu{
	color:#e46827;
}

.salon-table tbody tr td.mokuyou{
	color:#02AD97;
}

.salon-table tbody tr td.book{
	color:#E56715;
}

.salon-table tbody tr td.yorimichi{
	color:#7B00B2;
}

/* 2col setting */
.setTwoCol .salon-event-report > .btn{
	margin-right: 304px;
}


@media screen and (max-width: 640px) {
.salon-table {
	width: 100%;
}

.salon-table tbody tr {
	display: block;
}

.salon-table tbody td {
      display: block;
      padding: 3px 0;
      width: 100%;
      border-left-width: 0; }

.salon-table tbody td:before {
        display: inline-block;
        vertical-align: middle;
        *vertical-align: auto;
        *zoom: 1;
        *display: inline;
        margin-right: 5px;
        color: #888;
        font-weight: normal; }

.salon-table tbody td:nth-of-type(2):before {
	content: "カテゴリ:";
}

.salon-table tbody td:nth-of-type(3):before {
	content: "テーマ:";
}

.salon-table tbody td:nth-of-type(4):before {
	content: "ナレッジドナー（知の提供者）:";
}

.salon-table tbody td.jitsuwa:nth-of-type(2):before {
	content: "氏名:";
}


.salon-table tbody .title {
	margin: 0 -15px;
	padding-right: 15px;
	padding-left: 15px;
	margin-bottom: 9px;
	background-color: #ccc;
	color: #000;
	text-align: center;
}

.salon-table th {
	display: none;
}

.salon-table tr {
/*	padding: 0 15px;
*/}

.salon-table thead {
    display: none; }

.salon-table tbody tr {
	overflow: hidden;
	background-color:#ffffff;

}


.salon-table tbody tr td:nth-of-type(1){
	width:100%;
	background-color: #F0F0F0 !important;
	border-bottom: 1px solid #CCC;
	padding:10px 0;
	margin-bottom:5px;
}

.salon-table tbody tr td:nth-of-type(2),
.salon-table tbody tr td:nth-of-type(3),
.salon-table tbody tr td:nth-of-type(4){
	width:98%;
	padding:5px 2%;
}
.salon-table tbody tr td:nth-of-type(2){
	text-align:left;
}

.salon-event-report .salon-table{
	border-top: none;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
}

}

/* 追記分 20151201 */

/* theme ul */

.salon-event-report .theme.yorimichi p {
	margin-bottom:20px;
}

.salon-event-report .theme.yorimichi ul.tane {
	margin:-20px 0 20px;
}

.salon-event-report .theme.yorimichi ul.tane li {
	list-style-type:disc;
	margin-left:2em;
}

/* bestbook */

.salon-event-report .bestbook p:first-of-type {
	font-size:1.4em;
	margin-bottom:20px;
}
.salon-event-report .bestbook p,
.salon-event-report .bestbook dl,
.salon-event-report .bestbook dd {
	margin-bottom:20px;
}

.salon-event-report .bestbook dd { font-weight:bold;}

.salon-event-report .bestbook p:last-of-type {
	margin-bottom:0px;
}


/* VP320用 サロンイベントレポート */

@media screen and (max-width: 640px) {

.salon-event .salon-event-2 > p:first-of-type em,
.salon-event .salon-event-3 > p:first-of-type em,
.salon-event .salon-event-4 > p:first-of-type em{
line-height: 1.2;
}

.salon-event .description img{
    margin: 0 0 10px;
    width: 100%;
}

.salon-event .btnArea a{
	width: 100%;
}

.salon-event-report .theme dd,
.salon-event-report .theme2 dd,
.salon-event-report .theme3 dd {
	margin-left:0;
}

	/* 2col setting */
	.setTwoCol .salon-event-report > .btn{
		margin-right: 0;
	}


	.salon-event-report .theme2 .ph-2col p.col-2 img,
	.salon-event-report .theme2 .ph-2col p.col-2_r img{
		float:none;
		margin-left:0;
		margin-right:0;
	}

}



.setTwoCol .salon-event-report .profile .donor{
}
.setTwoCol .salon-event-report .profile .donor img{
	float:right;
}
.setTwoCol .salon-event-report .profile .donor p:first-of-type{
	float:left;
	line-height:1.6;
}
.setTwoCol .salon-event-report .profile .donor p:first-of-type span{
    font-size: 0.7em;
    color: #777;
    line-height: 1.2;
    display: inline-block;
    margin-top: 10px;
}
.setTwoCol .salon-event-report .profile .donor p:nth-of-type(n+2){
	float:none;
	overflow:hidden;
	clear:both;
	width:auto;
}

@media screen and (max-width: 640px) {
.setTwoCol .salon-event-report .profile .donor p:first-of-type{
	line-height:1.2;
}
}

.setTwoCol .salon-event-report .profile .donor img {
    margin-bottom: 20px;
}

.iconOnline{
	display: inline-block;
	margin-right: 4px;
	margin-bottom: 4px;
	vertical-align: middle;
    padding: 4px 8px;
    background: #f0ad4e;
    color: #FFF;
    font-size: 0.8em;
    line-height: 1;
}
.iconOnline.mokuyo{
	background: #00AC94;
}
.iconOnline.yorimichi{
	background: #7901B1;
}

/*20200717追加 会員限定コンテンツ誘導*/

.member_only a.member_btn{
    display: block;
    width: 60%;
    margin: auto;
    padding: 15px;
    border-radius: 5px;
    background-color: #FFD201;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-size: 1.2em;
}

.member_only p{
    margin-top: 20px;
    text-align: center;
}

@media only screen and (max-width: 640px) {

.member_only a.member_btn{
    width: 90%;
    }

.member_only p{
    text-align: left;
}

}