<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";

/* ==================================================================================================================
201801「チャットゲーム特集」
================================================================================================================== */

/* ------------------------------------------------------------------------------------------------------------------
a_01レイアウト
------------------------------------------------------------------------------------------------------------------ */
#article1801_01{
  width: 100%;
  background: url(../../../img/contents_pc/lp/article1801/bg.jpg) repeat-y center top #fcbcba;
}
/* innner_bg */
#article1801_01 .inner_bg{
  background: url(../../../img/contents_pc/lp/article1801/bg_inner.jpg) repeat-y center top;
  width: 921px;
  margin: 0 auto;
}
#article1801_01 .inner_bg .inner_bg_inner{
  background: url(../../../img/contents_pc/lp/article1801/bg_line.jpg) repeat-y center top;
  width: 861px;
  margin: 0 auto;
}


#article1801_01 .inner_bg:before,
#article1801_01 .inner_bg:after{
  content:"";
  display: block;
  position:  absolute;
  width: 140px;
  background:url(../../../img/contents_pc/lp/article1801/scroll_bg_left.png) repeat-y 0 0;
  padding-top: 100%;
  height: 0;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
  top: 30px;
  left: 50%;
  margin-left: -620px;
}

#article1801_01 .inner_bg:after{
  background:url(../../../img/contents_pc/lp/article1801/scroll_bg_right.png) repeat-y 0 0;
  margin-left: 480px;
}





/* innner_box
-------------------------------------------- */
#article1801_01 .inner_box{
  width:840px;
  margin: 0 auto;
  padding: 20px 0px;
}

/* hedaer_box_
-------------------------------------------- */
#article1801_01 .header_box{
  width:840px;
  padding-top:200px;
  background:url(../../../img/contents_pc/lp/article1801/mainpic_00.jpg) no-repeat 0 0;
  height: 0;
  white-space: nowrap;
  text-indent: 100%;
  overflow: hidden;
}

/* app_box
-------------------------------------------- */
/* 各ボックスの幅指定 */
#article1801_01 .app_box{
  width:410px;
  min-height: 560px;
  margin-top: 20px;
  float: left;
}
/* マージン */
#article1801_01 .app_box:nth-child(2n+0){
  margin-right:20px;
}
/* 最下行のマージン */
#article1801_01 .app_box:last-child{
  margin-bottom: 20px;
}

/* サムネイル画像 */
#article1801_01 [class^="app_0"] a{
  width:410px;
  padding-top:410px;
  height: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
#article1801_01 .app_01 a{background:url(../../../img/contents_pc/lp/article1801/mainpic_01.jpg) no-repeat 0 0;}
#article1801_01 .app_02 a{background:url(../../../img/contents_pc/lp/article1801/mainpic_02.jpg) no-repeat 0 0;}
#article1801_01 .app_03 a{background:url(../../../img/contents_pc/lp/article1801/mainpic_03.jpg) no-repeat 0 0;}
#article1801_01 .app_04 a{background:url(../../../img/contents_pc/lp/article1801/mainpic_04.jpg) no-repeat 0 0;}
#article1801_01 .app_05 a{background:url(../../../img/contents_pc/lp/article1801/mainpic_05.jpg) no-repeat 0 0;}
#article1801_01 .app_06 a{background:url(../../../img/contents_pc/lp/article1801/mainpic_06.jpg) no-repeat 0 0;}

/* work_txt
-------------------------------------------- */
#article1801_01 .txt {
  text-align: center;
  font-size: 13px;
  padding: 5px;
}

#article1801_01 .app_04 .txt{
  padding-bottom: 24px;
}

/* work_btn
-------------------------------------------- */
#article1801_01 [class^="app_0"] .btn a{
  background:url(../../../img/contents_pc/lp/article1801/btn_01.png) no-repeat 0 0;
  display: block;
  width: 352px;
  padding-top: 100px;
  margin: 0 auto;
  height: 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

#article1801_01 dl[class^="app_0"] .btn a:hover{
  margin-top:1px;
  opacity: 0.9;
  filter: alpha(opacity=90);
  -ms-filter: "alpha(opacity=90)";
}

/* 位置調整 */
#article1801_01 dl.app_01 .btn a{background-position: 0px 0px;}
#article1801_01 dl.app_02 .btn a{background-position: 0px -100px;}
#article1801_01 dl.app_03 .btn a{background-position: 0px -200px;}
#article1801_01 dl.app_04 .btn a{background-position: 0px -300px;}
#article1801_01 dl.app_05 .btn a{background-position: 0px -400px;}
#article1801_01 dl.app_06 .btn a{background-position: 0px -500px;}

/*  サムネにもリンク */
dt.thumb a {
  width: 410px;
  height: 410px;
  display: block;
}

/* anime
-------------------------------------------- */
.animated {
  -webkit-animation-name: zoomInDown;
  animation-name: zoomInDown;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}

@keyframes zoomInDown {
  0% {
    opacity: 0;
    -webkit-transform: scale3d(.1, .1, .1) translate3d(0, -7000px, 0);
    transform: scale3d(.1, .1, .1) translate3d(0, -7000px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
    animation-timing-function: cubic-bezier(0.550, 0.055, 0.675, 0.190);
  }

  60% {
    opacity: 0.5;
    -webkit-transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    transform: scale3d(.475, .475, .475) translate3d(0, 60px, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }

  100%{
    opacity: 1;
    -webkit-transform: scale3d(1,1,1) translate3d(0, 0, 0);
    transform: scale3d(1,1,1) translate3d(0, 0, 0);
    -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
    animation-timing-function: cubic-bezier(0.175, 0.885, 0.320, 1);
  }
}

/* アテンション文
-------------------------------------------- */
.articl_attention {
  padding: 10px;
  z-index: 100;
  margin:  0 auto;
  color:#000000;
}

.articl_attention p {
  color:#000000;
  font-size: 13px;
  text-align: center;
}</pre></body></html>