@media all and (min-width: 768px) {
   div.content {
      padding: 0 60px;
      box-sizing: border-box;
   }
   article {
      padding: 60px;
      box-sizing: border-box;
   }
}

/*	lower_header
============================== */
div.lower_header h1 span {
	background-image: url(../img/message_h2.png);
}
@media all and (min-width: 768px) {
	div.lower_header h1 span {
		width: 400px;
	}
}
/*	.message div.pBox p.button a
============================== */
.message div.pBox p.button a {
   display: block;
   padding: 1em;
   background-color: #b9001a;
   color: #fff;
   text-align: center;
   border-radius: 5px;
}
div.bbs-error p {
   text-align: center;
}
@media all and (min-width: 768px) {
   .message div.pBox p.button a {
      width: 450px;
      margin: 0 auto 30px;
      letter-spacing:  0.15em;
   }
}
@media all and (max-width: 767px) {
   .message div.pBox p.button a {
      margin-bottom: 20px;
   }
}


article h3 {
   color:#fff;
   background: #54b2e7;
   padding: 0.5em;
   /* border-radius: 5px; */
   text-align: center;
}
article ol li {
   list-style-type:square;
}
.notice {background: #fff;}

@media all and (min-width: 768px) {
article h3 {
   margin-bottom:10px;
   font-size:110%;
}
article h3 span {
   display:block;padding:5px 10px;
}
.pBox section{
   margin-bottom:20px;
}
.pBox section:last-child{
   margin-bottom:0;
}
article ol{
   padding-left:20px;
   /* width:740px; */
   margin:30px auto;
}
article ol li{
   margin-bottom:20px;
   line-height: 1.7;
}
.notice{
   width:690px;
   padding:20px;
   margin:0 auto;
   line-height: 1.8;
}
}

@media all and (max-width: 767px) {
article h3{
   margin-bottom:1em;font-size:100%;
}
article h3 span{
   display:block;
   padding:.3em .5em .2em;
}
.pBox section{
   width:100%;
}
article ol{
   padding-left:20px;
   width:90%;
   margin:1em auto;
}
article ol li{
   margin-bottom:1em;
   line-height: 1.7;
}
.notice{
   padding:1em;
   line-height: 1.7;
}
 }

/* page */
div.bbs-error {
   border:solid 2px #e7ebf1; !important;
}
@media all and (min-width: 768px) {
.bbs-box {
   padding: 0 50px;
}
.bbs-loop{
   padding: 30px;
   margin-bottom:20px;
}
.bbs-tbs{
   border: 2px solid #1e4e9c;
   background-color: #fff;
   box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2);
}


.bbs-tbs .bbs-message {
   background-image: url(../img/line47.png);
   background-size:  30px 30px;
   line-height: 30px;
}



.bbs-twitter{
   border: 2px solid #77aaeb;
   background-color: #f5f8fb;
   box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2);
}
.bbs-from{
   font-size:90%;
   margin-top:20px;
   margin-bottom: 10px;
   color: #1e4e9c;
}
.bbs-twitter .bbs-from{
   font-size:90%;
   margin-top:20px;
   margin-bottom: 5px;
   color:#77aaeb;
}
.bbs-post{
   font-size:80%;
   color: #43177e;
}

.bbs-twitter .bbs-post{
   font-size:80%;
   color:#77aaeb;
}
}
@media all and (max-width: 767px) {
.bbs-loop{
   padding: 1.3em;
   margin-bottom:1em;
}
.bbs-tbs{
   border: 2px solid #1e4e9c;
   background-color: #fff;
   box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2);
}
.bbs-tbs .bbs-message {
   background-image: url(../img/line47.png);
   background-size: 25px 25px;
   line-height: 25px;
   font-size: 13px;
}
.bbs-twitter{
   border: 2px solid #fff;
   background-color: #f5f8fb;
   box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2);
}
.bbs-from{
   font-size:90%;
   margin-top:1em;
   margin-bottom: 0.7em;
   color: #1e4e9c;
}
.bbs-twitter .bbs-from{
   font-size:90%;
   margin-top:1em;
   margin-bottom: 0.3em;
   color:#77aaeb;
}
.bbs-post{
   font-size:80%;
   color: #43177e;
}
.bbs-twitter .bbs-post{
   font-size:80%;
   color:#77aaeb;
}
}



/*	bbs common
============================== */
div.bbs-pager ul li.pager-prev a::before,
div.bbs-pager ul li.pager-next a::after {
    background-color: #1e4e9c !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;
}


.tw_bbs a {
   display: block;
   white-space: nowrap;
   overflow: hidden;
   text-indent: 110%;
}
@media all and (min-width: 768px) {
.tw_bbs a {
   height: 65px;
   width:  522px;
   margin: 0 auto;
}
}
@media all and (max-width: 767px) {
   .tw_bbs a {
   	background-size:cover;
   	height:0;
   	/* 縦÷横 */
   	padding-top:12.4521072796935%;
      position: relative;
   }

   .tw_bbs a span {
   	height:100%;
   	position:absolute;
   	left:0;
   	top:0;
   	width:100%;
   }
}