/* --------------3周年追加CSS------------- */

img {
/*  display: inline-block;
*/  vertical-align: bottom;
}
#colorbox , .commentBox {
  font-size: 100%;
}
#cboxOverlay {
  opacity: 0.9 !important;
}
a:focus, *:focus { outline:none; }

/**/

.thirdUpdateIcon.spBack {
  top: auto;
  left: 0;
  margin-top: 1vh;
  overflow: hidden;
}
.thirdUpdateIcon.spBack img {
  width: 14vw;
  margin-left: -5px;
}
.spOnlyBgShadow {
  margin-bottom: 60px;
      /* boxshadow*/
    box-shadow:0px 0px 15px 3px rgba(135, 12, 50, 0.3);
        -webkit-box-shadow:0px 0px 15px 3px rgba(135, 12, 50, 0.3);
        -moz-box-shadow:0px 0px 15px 3px rgba(135, 12, 50, 0.3);
}
.spCommentWrap {
  background: url(../../../../image/mobile/campaign/3rd_aniv/special/sp01_bg.gif) no-repeat center;
  background-size: 100%;
}


/* --------------------------- */
.basicBox.logo {
    position: relative;
    display: table;
    margin: 0 auto;
    padding: 0 30px 0;
    bottom: -15px;
}
.basicBox.logo .leftBox {
    display: table-cell;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.basicBox.logo .rightBox {
    display: table-cell;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* あいさつ */
.itemBaseAnv2.cp00 {
    background: none;
    top: 0px;
    padding-top: 0px;
    padding-bottom: 20px;
}

/* comment */
.itemBaseAnv2.commentBg {
    background-image: url(../../../../image/mobile/campaign/2nd_aniv/aniv_2/cp00_img02.png);
}

.commentList {
  width: 100%;
  padding: 1%;
}
.commentItem {
  width: 30%;
  vertical-align: top;
  padding: 2%;
}
.commentItem a {
  display: block;
  margin-top: 5px;
}
.commentItem.is-large {
  width: 60%;
  text-align: center;
}
.commentItem.is-large > img {
  margin: auto;
}
.commentItem.is-large .spCommentBtnList {
  display: table;
  width: 100%;
}
.commentItem.is-large .spCommentBtnList li{
  display: table-cell;
  vertical-align: middle;
}
.commentItem.is-large .spCommentBtnList li:first-child {
  padding-right: 10px;
}
.commentItem.is-large .spCommentBtnList li:last-child {
  padding-left: 10px;
}
.commentWrap{
  margin: auto;
  padding: 5% 0;
  box-sizing: border-box;
  overflow: hidden;
}
.commentWrap img {
  margin-top: 10px ;
}
.commentBox{
  margin: 2% 2%;
  padding: 4%;
  border: 1px solid #DBCE6E;
  color: #fff;
  background: rgba(0, 0, 0, 0.8);
}
.commentLeft{
    text-align: center;
}
.commentRight{
  padding-top: 10px;
  text-align: left;
}