/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊ 引用 ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
.post blockquote {
    background-color: none;
    border-left: none;
    position: relative;
    padding: 15px 10px 5px;
    box-sizing: border-box;
    font-style: italic;
    background: #f3f3f3;
}
.post blockquote:before{
    display: inline-block;
    position: absolute;
    top: -8px;
    left: 9px;
    width: 40px;
    height: 30px;
    vertical-align: middle;
    text-align: center;
    content: "\f10d";
    font-family: FontAwesome;
    color: #FFF;
    font-size: 18px;
    line-height: 30px;
    background: #ffbe5d;
}
.post blockquote:after{
    position: absolute;
    content: '';
    top: -8px;
    left: 49px;
    border: none;
    border-bottom: solid 8px #daaa64;
    border-right: solid 9px transparent;
}

blockquote p {
    position: relative;
    padding: 0;
    margin: 10px 0;
    z-index: 3;
    line-height: 1.7;
}
.post blockquote cite {
    display: block;
    text-align: right;
    color: #888888;
    font-size: 0.9em;
}
/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊ 枠 ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
.kokuban {
    border: 1px solid #ccc;
padding:2px;
}

.gray_box {
    border: 1px #ccc solid;
    box-shadow: 0 2px 3px 0 #ddd;
    margin: 1.0em 0;
    padding: 1em 1em 0em 1.2em;
}

/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊ 文字 ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
.post strong.blue {
    background: linear-gradient(transparent 60%, rgba(0, 185, 235, 0.25) 60%);
}
.post strong.red{color:#ff6347;}


/* ＊＊＊＊＊＊＊＊＊＊＊＊＊＊ BOXES ＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊＊ */
.box1 p,.box2 p,.box16 p,.box17 p,.box26 p ,.box27 p ,.box28 p
{margin:0;padding:0;}
.box29 p,.box30 p
{
  padding:15px 20px;
  margin:0;
}
.box1 {
background-color:#fff;
  padding:0.5em 1em;
  margin:2em 0;
  font-weight:bold;
  border:solid 3px #000000;
}
.box2 {
  padding:0.5em 1em;
  margin:2em 0;
  font-weight:bold;
  color:#6091d3;
  background:#FFF;
  border:solid 3px #6091d3;
  border-radius:10px;
}
.box16{
    background-size: 10px 10px!important;
  padding:0.5em 1em;
  margin:2em 0;
  background: -webkit-linear-gradient(
    -45deg,
    #f0f8ff 25%,
    #fff 25%, #fff 50%,
    #f0f8ff 50%, #f0f8ff 75%,
    #fff 75%, #fff
  ); 
background: linear-gradient(
    -45deg,
    #f0f8ff 25%,
    #fff 25%, #fff 50%,
    #f0f8ff 50%, #f0f8ff 75%,
    #fff 75%, #fff
  );
}
.box16.red{
background:-webkit-linear-gradient(to right bottom, #fdeded, #fdeded 3px,#ffffff 3px, #ffffff 7px, #fdeded 50%, #fdeded 50%,#ffffff 75%, #ffffff);
background:linear-gradient(to right bottom, #fdeded, #fdeded 3px,#ffffff 3px, #ffffff 7px);
  background: -webkit-linear-gradient(
    -45deg,
    #fdeded 25%,
    #fff 25%, #fff 50%,
    #fdeded 50%, #fdeded 75%,
    #fff 75%, #fff
  ); 
background: linear-gradient(
    -45deg,
    #fdeded 25%,
    #fff 25%, #fff 50%,
    #fdeded 50%, #fdeded 75%,
    #fff 75%, #fff
  );
box-shadow: inset 0 0 0 1px #ffcbcb;
}
.box16.green{
background: -webkit-linear-gradient(to right bottom, #e9ffef, #e9ffef 3px,#ffffff 3px, #ffffff 7px);
background: linear-gradient(to right bottom, #e9ffef, #e9ffef 3px,#ffffff 3px, #ffffff 7px);
  background: -webkit-linear-gradient(
    -45deg,
    #e9ffef 25%,
    #fff 25%, #fff 50%,
    #e9ffef 50%, #e9ffef 75%,
    #fff 75%, #fff
  ); 
background: linear-gradient(
    -45deg,
    #e9ffef 25%,
    #fff 25%, #fff 50%,
    #e9ffef 50%, #e9ffef 75%,
    #fff 75%, #fff
  );
box-shadow: inset 0 0 0 1px #c5ffd3;
}
.box16.orange{
  background: -webkit-linear-gradient(
    -45deg,
    #fff5e9 25%,
    #fff 25%, #fff 50%,
    #fff5e9 50%, #fff5e9 75%,
    #fff 75%, #fff
  ); 
background: linear-gradient(
    -45deg,
    #fff5e9 25%,
    #fff 25%, #fff 50%,
    #fff5e9 50%, #fff5e9 75%,
    #fff 75%, #fff
  );
box-shadow: inset 0 0 0 1px #ffdaa9;
}

.box17{
  margin:2em 0;
  position:relative;
  padding:0.5em 1.5em;
  border-top:solid 2px black;
  border-bottom:solid 2px black;
}
.box17:before,.box17:after
{
  content:'';
  position:absolute;
  top:-10px;
  width:2px;
  height:calc(100% + 20px);
  background-color:black;
}
.box17:before {left:10px;}
.box17:after {right:10px;}

.box26 {
  position:relative;
  margin:2em 0;
  padding:0.5em 1em;
  border:solid 3px #95ccff;
  border-radius:8px;
}
.box26 .box-title {
  position:absolute;
  display:inline-block;
  top:-13px;
  left:10px;
  padding:0 9px;
  line-height:1;
  font-size:19px;
  background:#FFF;
  color:#95ccff;
  font-weight:bold;
}
.box27 {
  position:relative;
  margin:2em 0;
  padding:0.5em 1em;
  border:solid 3px #62c1ce;
}
.box27 .box-title {
  position:absolute;
  display:inline-block;
  top:-27px;
  left:-3px;
  padding:0 9px;
  height:25px;
  line-height:25px;
  vertical-align:middle;
  font-size:17px;
  background:#62c1ce;
  color:#ffffff;
  font-weight:bold;
  border-radius:5px 5px 0 0;
}
.box28 {
  position:relative;
  margin:2em 0;
  padding:25px 10px 7px;
  border:solid 2px #FFC107;
}
.box28 .box-title {
  position:absolute;
  display:inline-block;
  top:-2px;
  left:-2px;
  padding:0 9px;
  height:25px;
  line-height:25px;
  vertical-align:middle;
  font-size:17px;
  background:#FFC107;
  color:#ffffff;
  font-weight:bold;
}
.box29 {
  margin:2em 0;
  background:#dcefff;
}
.box29 .box-title {
  font-size:1.2em;
  background:#5fb3f5;
  padding:4px;
  text-align:center;
  color:#FFF;
  font-weight:bold;
  letter-spacing:0.05em;
}
.box30 {
  margin:2em 0;
  background:#f1f1f1;
  box-shadow:0 2px 4px rgba(0, 0, 0, 0.22);
}
.box30 .box-title {
  font-size:1.2em;
  background:#5fc2f5;
  padding:4px;
  text-align:center;
  color:#FFF;
  font-weight:bold;
  letter-spacing:0.05em;
}

a.official {
display: block;
width: 400px;
margin: 1.0em auto;
padding: 20px 0;
color: #fff;
font-weight: bold;
text-align: center;
text-decoration: none;
border: none;
border-radius: 4px;
background-color: #FF753E;
box-shadow: #B73805 0 -5px 0 inset, #bbb 1px 2px 3px -1px;
}
a.official:hover {
color: #fff;
-webkit-transform: translate3d(0px, 3px, 1px);
transform: translate3d(0px, 3px, 1px);
box-shadow: none;
}
@media only screen and (max-width: 480px){
  a.official {
  font-size: 1.2em;
  width: 95%;
  }
}