/*///////////////// msg  ////////////////*/
.msg h2{position:relative;}
.msg h3{color:#080808; text-align: center;}
.msg ol li{list-style-type:square;}
.msg .notice{background:#f1f1f1;}
.msg .agree{ text-align: center;}
.msg .cap{ text-align: center;}

@media all and (min-width: 768px) {
.msg h3{margin-bottom:10px;font-size:140%;}
.msg h3 span{display:block;padding:5px 10px;}
.msg .pBox section{margin-bottom:20px;}
.msg .pBox section:last-child{margin-bottom:0;}
.msg ol{padding-left:20px;width:740px;margin:30px auto;}
.msg ol li{margin-bottom:20px;}
.msg .notice{width:690px;padding:30px;margin:0 auto;}
.msg .agree{ padding: 30px 0 0;}
.msg .cap{ padding: 50px 0;}

.msg .twbt a{display:block;position:absolute;top:30px;right:30px;width:245px;height:80px;}
.msg .twbt a:hover{filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;}
}

@media all and (max-width: 767px) {
.msg h2 {padding:0;}
.msg h2 span.title{display:block;width:100%;height:0; padding-top:25%; background-size:cover;}
.msg h3{margin-bottom:1em;font-size:100%;}
.msg h3 span{display:block;padding:.3em .5em .2em;}
.msg .pBox section{width:100%;}
.msg ol{padding-left:20px;width:90%;margin:1em auto;}
.msg ol li{margin-bottom:1em;}
.msg .notice{padding:1em;}
.msg .agree{ padding: 20px 0 0;}
.msg .cap{ padding: 20px 0;}

.msg .twbt a{display:block;position:absolute;top:15%;right:.8em;width:40%;height:0;padding-top:18%;background-size:contain;}
.msg .twbt a:hover{filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70;}
 }

/* page */
div.bbs-error {border:solid 2px #e7ebf1; !important;}
@media all and (min-width: 768px) {
.bbs-loop{padding:20px;margin-bottom:20px;}
.bbs-tbs{border:solid 3px #000;color:#080808;}
.bbs-twitter{border:solid 3px #db7f80;color:#080808;}
.bbs-from{font-size:90%;margin-top:20px;}
.bbs-post{font-size:80%;}
}

@media all and (max-width: 767px) {
.bbs-loop{padding:1em;margin-bottom:1em;}
.bbs-tbs{border:solid 3px #000;color:#080808;}
.bbs-twitter{border:solid 3px #db7f80;color:#080808;}
.bbs-from{font-size:90%;margin-top:1em;}
.bbs-post{font-size:80%;}
 }


/* button */
.msg .button,.msg .button2{display:block;text-align:center;}
.msg .button a{display:block;margin:0 auto;}
.msg .button2 a{display:block;margin:0 auto;}
.msg .button a {display: block;cursor: pointer;margin: 0 auto;padding: 30px; color: #1e1e1e;font-size:160%;text-align: center;text-decoration: none;font-weight: 800;border-radius: 50px;
                       background-color: #fff500;box-shadow: 0 6px 0 #d4d4d4, 0 12px 0 rgba(0,0,0,0.1);-webkit-transition: color 0.3s,
                       background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;}
.msg .button a:hover {background-color: #fff500; box-shadow: 0 3px 0 #d4d4d4, 0 6px 0px rgba(0,0,0,0.1); -webkit-transform: translateY(3px);transform: translateY(3px);}
.msg .button a:active {color: #1e1e1e;background-color: #fff500;box-shadow: 0 0 0 #d4d4d4, 0 0 0px rgba(0,0,0,0.1);-webkit-transform: translateY(6px);transform: translateY(6px);transition-duration: 0.1s;}

.msg .button2 a {display: block;cursor: pointer;margin: 0 auto;padding: 30px; color: #1e1e1e;font-size:160%;text-align: center;text-decoration: none;font-weight: 800;border-radius: 50px;
                       background-color: #fff500;box-shadow: 0 6px 0 #d4d4d4, 0 12px 0 rgba(0,0,0,0.1);-webkit-transition: color 0.3s,
                       background-color 0.3s, box-shadow 0.3s, -webkit-transform 0.3s;transition: color 0.3s, background-color 0.3s, box-shadow 0.3s, transform 0.3s;}
.msg .button2 a:hover {background-color: #fff500; box-shadow: 0 3px 0 #d4d4d4, 0 6px 0px rgba(0,0,0,0.1); -webkit-transform: translateY(3px);transform: translateY(3px);}
.msg .button2 a:active {color: #1e1e1e;background-color: #fff500;box-shadow: 0 0 0 #d4d4d4, 0 0 0px rgba(0,0,0,0.1);-webkit-transform: translateY(6px);transform: translateY(6px);transition-duration: 0.1s;}


@media all and (min-width: 768px) {
.msg .button a{display:block;width:380px; padding:20px 0;font-size:140%; line-height:100%;margin:20px auto 40px;}
.msg .button2 a{display:block;width:600px; padding:20px 0;font-size:140%; line-height:100%;margin:30px auto 0;}
}
@media all and (max-width: 767px) {
.msg .button a{display:block;width:70%; padding:1em 0;font-size:100%; line-height:100%;margin:1.5em auto 2em;font-weight:bold;}
.msg .button2 a{display:block;width:90%; padding:1em;font-size:100%; line-height:100%;margin:1.5em auto 0;font-weight:bold;}
}


/*///////////////// bbs common ////////////////*/
div.bbs-pager ul{text-align: center !important;}

div.bbs-pager ul li.pager-prev a,
div.bbs-pager ul li.pager-next a{
	color: #000 !important;
}
div.bbs-pager ul li.pager-prev a::before,
div.bbs-pager ul li.pager-next a::after{
    background-color: #000 !important;
}
div.bbs-pager ul li.pager-prev a:hover::before,
div.bbs-pager ul li.pager-next a:hover::after{
    background-color: #999 !important;
}

/*///////////////// selectBtn ////////////////*/
.msg .page_noBox{
    display:-webkit-box;
    display:-moz-box;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:flex;
    -webkit-box-align:baseline;
    -moz-box-align:baseline;
    -ms-flex-align:baseline;
    -webkit-align-items:baseline;
    align-items:baseline;
    -webkit-box-pack:justify;
    -moz-box-pack:justify;
    -webkit-flex-pack:justify;
    -moz-flex-pack:justify;
    -ms-flex-pack:justify;
    -webkit-justify-content:space-between;
    -moz-justify-content:space-between;
    justify-content:space-between;
}

.msg .p_no{font-weight:bold;}

@media all and (min-width: 768px) {
.msg .page_noBox{margin-bottom:20px;}
.msg .selectBtn{width:300px;height:25px;}
.msg .selectBtn select{width:300px;height:25px;font-size:90%;position: absolute; zoom:1.1;z-index:2; }

}

@media all and (max-width: 767px) {
.msg .selectBtn{height:25px;}
.msg .selectBtn select{height:25px;font-size:90%;position: absolute; zoom:1.1;z-index:2; }
}

/*///////////////// bbs p_copy ////////////////*/
.p_copy {
	line-height:1.5;
}
@media all and (min-width: 768px)  {
.p_copy {
	/*font-size:87.5%;*/
	text-align:center;
	margin-bottom:1.5em;
}
}
@media all and (max-width: 767px)  {
.p_copy {
	font-size:83%;
	margin-bottom:1em;
}
}