@media all and (min-width: 768px) {
   div.atcl_inner {
      padding: 30px 30px 1px;
   }
}
@media all and (max-width: 767px) {
   div.atcl_inner {
      padding: 15px 15px 1px;
   }
}
/*	lower h1
============================== */
.message h4 {
   font-weight: normal;
}
.message h4 > span {
   background: linear-gradient(transparent 40%, #ffdede 40%);
   padding: 0 0.3em;
}

/*	lower h1
============================== */
.message h1 {
   background-image: url(../img/message_h1.jpg);
}
@media all and (min-width: 768px) {
   .message h1 {
      background-repeat: no-repeat;
      white-space: nowrap; text-indent: 110%; overflow: hidden;
      width: 956px;
      height: 207px;
	}
   .message div.atcl_inner {
      margin-top: -80px;
      background-color: hsla(0, 0%, 100%, 0.8);
   }
}
/*	lower h1 (00px ÷ 782) */
@media all and (max-width: 767px) {
   .message h1 {
		}
}
/*	.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:#461783;
   padding: 0.5em;
   /* border-radius: 5px; */
   text-align: center;
}
article ol li {
   list-style-type:square;
}
.notice {background: #edeaf2;}

@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;
}
.notice{width:690px;
   padding:20px;
   margin:0 auto;
}
}

@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;
}
.notice{
   padding:1em;
}
 }

/* 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 #bd1634;
   background-color: #fff;
   box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2);
}


.bbs-tbs .bbs-message {
   background-image: url(../img/line30.png);
   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: 5px;
   color: #bd1634;
}
.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 #bd1634;
   background-color: #fff;
   box-shadow: 0px 2px 10px 0px rgba(0,0,0,0.2);
}
.bbs-tbs .bbs-message {
   background-image: url(../img/line27.png);
   line-height: 27px;
}
.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.3em;
   color: #bd1634;
}
.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;
}
}

/* button */
.button,.button2{
   display:block;
   text-align:center;
}
.button a{
   display:block;
   margin:0 auto;
}
.button2 a{
   display:block;
   margin:0 auto;
}
.button a {
  display: block;
  cursor: pointer;
  margin: 0 auto;
  padding: 30px;
  color: #fff;
  font-size:160%;
  text-align: center;
  text-decoration: none;
  background-color: #b9001a;
  border-radius: 10px;
  box-shadow: 0 6px 0 #9a0218, 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;
}
.button a:hover {
   background-color: #b9001a;
   box-shadow: 0 3px 0 #9a0218, 0 6px 0px rgba(0,0,0,0.1);
   -webkit-transform: translateY(3px);transform: translateY(3px);
}
.button a:active {
   color: #ddd;
   background-color: #b9001a;
   box-shadow: 0 0 0 #000, 0 0 0px rgba(0,0,0,0.1);
   -webkit-transform: translateY(6px);
   transform: translateY(6px);transition-duration: 0.1s;
}

.button2 a {
   display: block;
   cursor: pointer;
   margin: 0 auto;
   padding: 30px; color: #fff;
   font-size:160%;
   text-align: center;
   text-decoration: none;
   background-color: #b9001a;
   border-radius: 10px;
   box-shadow: 0 6px 0 #9a0218, 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;
}
.button2 a:hover {
   background-color: #b9001a;
   box-shadow: 0 3px 0 #9a0218, 0 6px 0px rgba(0,0,0,0.1);
   -webkit-transform: translateY(3px);
   transform: translateY(3px);
}
.button2 a:active {
   color: #ddd;
   background-color: #b9001a;
   box-shadow: 0 0 0 #000, 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) {
.button a{
   display:block;
   width: 250px;
   padding: 12px 0;
   font-size: 110%;
   line-height:100%;
   margin: 25px auto 40px;
}
.button2 a{
   display:block;
   width:600px;
   padding: 15px 0;
   font-size: 130%;
   letter-spacing: 0.13em;
   line-height:100%;
   margin:30px auto 0;
}
}
@media all and (max-width: 767px) {
.button a{
   display:block;
   padding: 0em 0;
   padding: 0.7em 0;
   font-size: 90%;
   line-height:100%;
   margin: 1.5em auto 2em;
   font-weight:bold;
   width:  80%;
}
.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 li.pager-prev a::before,
div.bbs-pager ul li.pager-next a::after {
    background-color: #BE1634 !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 {
   background-image: url(../img/tw_bbs.jpg);
   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-image:url(../img/tw_bbs.jpg);
   	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%;
   }
}