@charset "UTF-8";
/* CSS Document */

/*----------------------------------------
  common
----------------------------------------*/

#back-top { position: fixed; bottom: 0; right: 2%; z-index: 1000; }
#back-top span { background:url(../img/cp/tw/back-top.png) top center no-repeat; width: 100px; height: 76px; display: block; opacity: 0.8; }
#back-top:hover { filter: alpha(opacity=50); -moz-opacity:0.5; opacity:0.5; }



/*----------------------------------------
  for dena
----------------------------------------*/

#cp-dena {}

#cp-dena #content { width: 100%; padding-top: 600px; }
#cp-dena { background: #000; }
#cp-dena #wrapper { background: url(../img/cp/dena/main.jpg) center top no-repeat; }

.cp-dena-main { min-height: 1500px; margin: 0 auto; background: url(../img/cp/dena/bg01.png); text-align: center; color: #116; }
.cp-dena-main h1 { display: none; }
.cp-dena-main h3 { font-size: 30px; width: 1100px; margin: 0 auto; display: inline; background: #ff5; }

.cp-dena-main-ttl { background: #007bd6; font-size: 42px; border-top:#fff solid 10px; border-bottom:#fff solid 10px; color: #ff5; font-weight: bold; }

.cp-dena-main-text-box { width: 900px; margin: 20px auto; text-align: left; }
.cp-dena-main-text-box p { background: #fff; }

.cp-dena-main-chara-box { min-height: 360px; background: #000; background: -webkit-gradient(linear, left top, right top, from(rgba(10,47,68,1)), to(rgba(0,0,0,1))); -moz-linear-gradient(left, rgba(10,47,68,1), rgba(0,0,0,1)); overflow: hidden; margin-bottom: 20px; }
.cp-dena-main-chara-box-inner {  width: 1200px; margin: 0 auto; position: relative; }
.cp-dena-main-chara-box-inner-content { display: block; position: absolute; }
.cp-dena-main-chara-box-inner-content:nth-child(1) { z-index: 1; top: 60px; left: 50px; }
.cp-dena-main-chara-box-inner-content:nth-child(2) { right: -100px; }
.cp-dena-main-chara-box-reverse .cp-dena-main-chara-box-inner-content:nth-child(1) { left: auto; right: 50px; }
.cp-dena-main-chara-box-reverse .cp-dena-main-chara-box-inner-content:nth-child(2) { left: -100px; right: auto; }
.cp-dena-main-chara-box-inner-content-ss { margin-top: 4px; }
.cp-dena-main-chara-box-inner-content-ss a { display: inline-block; margin: 10px; position: relative; }
.cp-dena-main-chara-box-inner-content-ss img { width: 250px; }
.cp-dena-main-chara-box-inner-content-ss img:hover { opacity: 0.8; }

.cp-dena-main2 { background: #0039a1; border-bottom: #fff solid 10px; }

.cp-dena-main-goods-box { width: 1200px; margin: 0 auto; }
.cp-dena-main-goods-box-inner { padding: 0 50px 100px; }
.cp-dena-main-goods-box-inner-contents { display: flex; flex-wrap: wrap; justify-content: space-around; }

.cp-dena-main-goods-box-inner-contents-content { width: 30%; padding: 5px; background: #fff; border:#eef solid 5px; margin-bottom: 20px; }
.cp-dena-main-goods-box-inner-contents-content-img { width: 100%; min-height: 200px;  }
.cp-dena-main-goods-box-inner-contents-content-img img { width: 100%; }
.cp-dena-main-goods-box-inner-contents-content-ttl { padding: 10px 0; }
.cp-dena-main-goods-box-inner-contents-content-ttl span { display: block; }

.cp-dena-main-goods-box-inner-contents-content-link a { background: #ff5; line-height: 30px; height: 30px; border-radius: 15px; width: 100%; margin-top: 10px; display: block; color: #116; cursor: pointer; font-size: 11px; border-bottom: #cc1 solid 3px; }
.cp-dena-main-goods-box-inner-contents-content-link a:hover { opacity: 0.8; }

.cp-dena-main-goods-box-inner-contents-content-link2 a { text-align: center; background: #ff5; line-height: 40px; height: 40px; border-radius: 20px; width: 100%; margin: 5px 0 20px; font-weight: bold; display: block; color: #116; cursor: pointer; font-size: 14px; border-bottom: #cc1 solid 3px; }
.cp-dena-main-goods-box-inner-contents-content-link2 a:hover { opacity: 0.8; }

.cp-dena-main-schedule { background:#eef; padding: 20px; }
.cp-dena-main-schedule span { display: block; }

#cp-dena .attention_screenshots { color: #000; }
#cp-dena .attention_screenshots:before {
  content: "※掲載されている画像はイメージです。 ※内容とデザインは予告なく変更する場合がございます。"
}
.cp-dena-main-attend { width: 1100px; margin: 0 auto; text-align: left; padding-bottom: 50px; }

@media screen and (max-width: 480px) {
  #cp-dena #content { padding-top: 0; }
  .cp-dena-main { width: 100%; padding-top: 0; min-height: auto; background-size: 20%; }
  .cp-dena-main-sp { width: 100%; }
  .cp-dena-main-text-box { width: 90%; margin: 0 auto 20px; font-size: 14px; height: auto; }
  .cp-dena-main-ttl { font-size: 28px; }
  .cp-dena-main h3 { font-size: 18px; line-height: 1.2; margin-top: 10px; }
  .cp-dena-main-chara-box { min-height: auto; }
  .cp-dena-main-chara-box-inner { width: 100%; }
  .cp-dena-main-chara-box-inner-content { width: 100%;  position: relative; padding: 20px 0; }
  .cp-dena-main-chara-box01 .cp-dena-main-chara-box-inner-content { background: url(../img/cp/dena/chara01.png) top center no-repeat; background-size: auto 100%; background-position: 40% 0; }
  .cp-dena-main-chara-box02 .cp-dena-main-chara-box-inner-content { background: url(../img/cp/dena/chara02.png) top center no-repeat; background-size: auto 100%; background-position: 20% 0; }
  .cp-dena-main-chara-box03 .cp-dena-main-chara-box-inner-content { background: url(../img/cp/dena/chara03.png) top center no-repeat; background-size: auto 100%; background-position: 40% 0; }
  .cp-dena-main-chara-box-inner-content { padding-top: 25%; }
  .cp-dena-main-chara-box-inner-content>img { width: 90%; }
  .cp-dena-main-chara-box-inner-content:nth-child(1) { top: auto; left: auto; right: auto; }
  .cp-dena-main-chara-box-inner-content:nth-child(2) { display: none; }
  .cp-dena-main-chara-box-inner-content-ss a { width: 40%; }
  .cp-dena-main-chara-box-inner-content-ss img { width: 100%; }
  .cp-dena-main-goods-box-inner-contents-content-img { min-height: auto; }
  .cp-dena-main-chara-box-reverse .cp-dena-main-chara-box-inner-content:nth-child(1) { right: auto; }
  .cp-dena-main-goods-box { width: 90%; }
  .cp-dena-main-goods-box-inner { padding: 0; padding-bottom: 80px; }
  .cp-dena-main-goods-box-inner-contents-content { width: 49%; font-size: 70%; }

  .cp-dena-main-goods-box-inner-contents-content-link a { line-height: 15px; height: auto; padding: 5px; font-size: 11px; }

  .cp-dena-main-goods-box-inner-contents-content-link2 a { font-size: 60%; font-weight: normal; line-height: 30px; height: 30px; border-radius: 15px; }

  .cp-dena-main2 { width: 100%; }
  .cp-dena-main2 img { width: 100%; }

  #cp-dena .attention_screenshots { top: -50px; }
}

/*----------------------------------------
  for akiba
----------------------------------------*/

#cp-akiba {}

#cp-akiba #content { width: 100%; color: #111; padding-bottom: 50px; }

#map_canvas { width: auto; }
#cp-akiba { background: #fff; }
#cp-akiba #wrapper { background: url(../img/cp/akiba/main.jpg) center top no-repeat; }

.cp-akiba-main { min-height: 1500px; color: #fff; padding-top: 1150px; width: 1200px; margin: 0 auto; }
.cp-akiba-main-text-box { width: 460px; color: #111; margin-left: 660px; height: 300px; font-size: 18px; }
.cp-akiba-main-outline { color: #111; width: 1200px; margin: 0 auto; }
.cp-akiba-main-outline table { margin-bottom: 40px; }
.cp-akiba-main-outline caption { color: #900; font-size: 30px; font-weight: bold; }
.cp-akiba-main-outline table th { width: 10%; font-size: 24px; padding: 10px; color: #fff; font-weight: bold; background: #c00; border-radius: 10px; }
.cp-akiba-main-outline table td { font-size: 18px; padding: 10px; }
.cp-akiba-main-outline-attend { font-size: 12px; }
.cp-akiba-main-outline-map { width: 200px; margin: 0 auto; }
a.cp-akiba-main-outline-map-link { text-align: center; color: #c00; font-size: 12px; }

.cp-akiba-main-list { color: #111; width: 1200px; margin: 20px auto; background: #eee; }
.cp-akiba-main-list table { margin-bottom: 40px; width: 100%; }
.cp-akiba-main-list caption { color: #900; font-size: 30px; font-weight: bold; background: #fff; }
.cp-akiba-main-list table thead th { font-size: 16px; padding-right: 10px; color: #fff; font-weight: bold; text-align: center; background: #c00;  }
.cp-akiba-main-list table tbody th { background: #fff; padding: 3px 10px;  font-size: 16px; text-align: left; }
.cp-akiba-main-list table td { font-size: 16px; color: #111; background: #fff; padding: 3px 10px; }
.cp-akiba-main-list a { color: #900; text-decoration: underline; }
.cp-akiba-main-list-name { font-weight: bold; line-height: 66px; display: inline-block; vertical-align: middle; }
.cp-akiba-main-list-name span { font-size: 60%; color: #aaa; }
.cp-akiba-main-list table th img { width: 56px; margin-left: 20px; }
.cp-akiba-main-list-attend { color: #111; font-size: 14px; }

#cp-akiba .gm-style-iw #content { padding-bottom: 0; }
#cp-akiba .gm-style-iw #content a { color: #c00; }

.map_canvas-ttl { text-align: center; color: #900; font-size: 30px; font-weight: bold; background: #fff; }
#map_canvas { width:100%; min-height:600px; }

@media screen and (max-width: 480px) {
  #cp-akiba #wrapper { background: none; }
  .cp-akiba-main { width: 100%; padding-top: 0; min-height: auto; }
  .cp-akiba-main-sp { width: 100%; }
  .cp-akiba-main-text-box { margin-left: 0; width: 90%; margin: 0 auto; font-size: 14px; height: auto; }
  .cp-akiba-main-sp-img { width: 100%; }
  .cp-akiba-main-outline { width: 90%; }
  .cp-akiba-main-outline caption { font-size: 20px; }
  .cp-akiba-main-outline table th { font-size: 14px; }
  .cp-akiba-main-outline table td { font-size: 14px; }
  .cp-akiba-main-outline-map {  }
  .map_canvas-ttl { font-size: 20px; }
  #map_canvas { width:90%; min-height: 400px; margin: 0 auto; }
  .cp-akiba-main-list { width: 90%; }
  .cp-akiba-main-list table tbody th { font-size: 12px; text-align: center; }
  .cp-akiba-main-list table thead th { font-size: 12px; text-align: center; }
  .cp-akiba-main-list table td { font-size: 12px; }
  .cp-akiba-main-list table th img { width: 60px; margin-left: 0;  }
  .cp-akiba-main-list caption { font-size: 20px; }
  .cp-akiba-main-list-name { line-height: 18px; }
  .cp-akiba-main-list-attend { width: 90%; font-size: 12px; margin: 0 auto; }
}



/*----------------------------------------
  for tw
----------------------------------------*/

/*--------base----------*/

#cp-tw { background: url(../img/cp/tw/cont-bg.png) #c00 center top repeat-y; }
#cp-tw #wrapper { background: url(../img/cp/tw/main.jpg) center top no-repeat; }


/*-------content---------*/

#cp-tw #content { width: 100%; }
.cp-tw-main { min-height: 1500px; color: #fff; padding-top: 660px; width: 1200px; margin: 0 auto; }
.cp-tw-main-sp { display: none; }

.cp-tw-text01 { padding: 0 360px 0 50px; text-align: left; height: 300px; display: block; font-size: 16px; }
.cp-tw-attention { font-size: 12px; margin-top: 20px; margin-right: 50px; }
.cp-tw-attention a { color: #ff5; }

.cp-tw-topics-wrapper { padding-left: 140px; }
.cp-tw-topics { color: #c00; font-size: 24px; line-height: 30px; text-align: left; font-weight: bold;  }
.cp-tw-topics-ttl { display: none; }

.cp-tw-date { padding-top: 26px; }
.cp-tw-date01 { padding-top: 20px; }
.cp-tw-date02 { padding-left: 60px; padding-top: 76px; }
.cp-tw-step { padding-top: 120px; }
.cp-tw-step01 { padding-top: 20px; }
.cp-tw-step02 { padding-left: 60px; padding-top: 70px; }

.cp-tw-img-sign { display: none; }

.cp-tw-lu-wrapper { background: #ff5; transform: skewY(-6deg); margin-bottom: 100px;}
.cp-tw-lu1 {  }
.cp-tw-lu2 {  }

.cp-tw-lu1 .cp-tw-lu-cont { min-height: 400px; }
.cp-tw-lu2 .cp-tw-lu-cont { min-height: 200px; }

.cp-tw-lu-inner {  }
.cp-tw-lu-cont { padding: 60px 0 0 0; position: relative; overflow: hidden; }
.cp-tw-lu-cont:nth-child(2n) { background: #c00; }

.cp-tw-lu-cont-inner { width: 1200px; margin: 0 auto; transform: skewY(6deg); overflow: hidden; min-height: 140px; }
.cp-tw-lu-cont-bg { height: 700px; width: 100%; position: absolute; background-repeat: no-repeat; background-position: right top; }

.cp-tw-lu-img { display: none; }

.cp-tw-lu1-01 .cp-tw-lu-cont-bg { background-image: url(../img/cp/tw/1-01.png); }
.cp-tw-lu1-02 .cp-tw-lu-cont-bg { background-image: url(../img/cp/tw/1-02.png); }
.cp-tw-lu1-03 .cp-tw-lu-cont-bg { background-image: url(../img/cp/tw/1-03.png); }
.cp-tw-lu1-04 .cp-tw-lu-cont-bg { background-image: url(../img/cp/tw/1-04.png); }
.cp-tw-lu1-05 .cp-tw-lu-cont-bg { background-image: url(../img/cp/tw/1-05.png); }

.cp-tw-lu2-01 .cp-tw-lu-cont-bg { background-image: url(../img/cp/tw/2-01.png); }
.cp-tw-lu2-02 .cp-tw-lu-cont-bg { background-image: url(../img/cp/tw/2-02.png); }
.cp-tw-lu2-03 .cp-tw-lu-cont-bg { background-image: url(../img/cp/tw/2-03.png); }
.cp-tw-lu2-04 .cp-tw-lu-cont-bg { background-image: url(../img/cp/tw/2-04.png); }
.cp-tw-lu2-05 .cp-tw-lu-cont-bg { background-image: url(../img/cp/tw/2-05.png); }


.cp-tw-lu-ttl { position: relative; margin-left: -700px; }


.cp-tw-terms { text-align: left; width: 1100px; margin: 0 auto; padding: 100px 0; }
.cp-tw-terms p { color: #fff; font-size: 12px; }
.cp-tw-terms a { color: #ff5; }

.cp-tw-terms-ttl { font-size: 24px; font-weight: bold; color: #fff; }


@media screen and (max-width: 480px) {
  #cp-tw #wrapper { background: none; }
  .cp-tw-main { width: 100%; padding-top: 0; min-height: auto; }
  .cp-tw-main-sp { width: 100%; display: block; }
  .cp-tw-text01 { padding: 0; width: 90%; margin: 0 auto; height: auto; }
  .cp-tw-attention { margin-right: 0; }
  .cp-tw-img-sign { display: block; width: 50%; }
  .cp-tw-date { padding-top: 0; }
  .cp-tw-date01 { padding-top: 0; }
  .cp-tw-date01:before { content: '第1弾'; display: inline-block; margin-right: 20px; line-height: 20px; background: #c00; border-radius: 10px; padding: 0 10px; color: #fff; }
  .cp-tw-date02 { padding-left: 0; padding-top: 0; }
  .cp-tw-date02:before { content: '第2弾'; display: inline-block; margin-right: 20px; line-height: 20px; background: #c00; border-radius: 10px; padding: 0 10px; color: #fff; }
  .cp-tw-step { padding-top: 0; }
  .cp-tw-step01 { padding-top: 0; }
  .cp-tw-step01:before { content: 'STEP 1'; display: inline-block; margin-right: 20px; line-height: 20px; background: #c00; border-radius: 10px; padding: 0 10px; color: #fff; }
  .cp-tw-step02 { padding-left: 0; padding-top: 0; }
  .cp-tw-step02:before { content: 'STEP 2'; display: inline-block; margin-right: 20px; line-height: 20px; background: #c00; border-radius: 10px; padding: 0 10px; color: #fff; }
  .cp-tw-topics-wrapper { padding-left: 0; width: 90%; margin: 5% auto 0; }
  .cp-tw-topics { font-size: 14px; line-height: 18px; padding: 10px; width: 100%; margin: 0 auto 5%; background: #fff; }
  .cp-tw-topics-ttl { width: 70%; display: block; margin-left: -7%; }
  .cp-tw-lu-wrapper { margin-top: -5%; }
  .cp-tw-lu-ttl { margin-left: 0; z-index: 1; }
  .cp-tw-lu-ttl img { width: 70%; }
  .cp-tw-lu-cont { padding-top: 20px; }
  .cp-tw-lu2 .cp-tw-lu-cont { min-height: auto; }
  .cp-tw-lu-cont-inner { width: auto; }
  .cp-tw-lu-cont-inner .twitter-tweet { width: 90% !important; margin-top: 0px !important; margin-left: auto; margin-right: auto; }
  .cp-tw-terms { width: 90%; font-size: 12px; padding-top: 0; }
  .cp-tw-lu-img { width: 100%; display: block; }
  .cp-tw-lu-cont-bg { display: none; }
  #back-top span { width: 50px; height: 38px; background-size: 100%; }
}