@charset "utf-8";

/* bustercall
----------------------------------------------------- */

* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body {
  min-width: 1090px;
}

#bigBackground #cduWrap {
  width: auto;
}

#bigBackground #cduWrap #snsBtn{
  width: 1016px;
  margin: 0 auto;
}

#bigBackground #cduWrap #cduPanNavi{
  width: 1016px;
  margin: 0 auto;
}

#bustercall {
  font-family: 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
  font-weight: 500;
  background-color: #000;
  overflow: hidden;
}

#bustercall .p-main-content {
  width: 1090px;
  margin: 0 auto 50px;
  color: #fff;
}

/* bustercall p-mv
----------------------------------------------------- */

#bustercall .p-mv{
  text-align: center;
  margin: 100px auto 0;
}

#bustercall .p-mv a{
  text-decoration: none;
  transition: 0.3s;
}

#bustercall .p-mv a:hover{
  opacity: 0.8;
}

/* bustercall p-stit
----------------------------------------------------- */

#bustercall .p-stit{
  display: block;
  text-align: center;
  margin: 100px auto 0;
}

#bustercall .p-stit h1{
  background: #000;
  font-size: 48px;
}

/* bustercall p-article
----------------------------------------------------- */

#bustercall .p-article {
  padding-top: 40px;
}


#bustercall .p-articleInner {
  margin: 0 auto;
  width: 1090px;
}

#bustercall .p-articleInner p.description {
  font-size: 24px;
  line-height: 2em;
  font-weight: bold;
  margin: 0 auto;
}

#bustercall .p-articleInner a:hover {
  opacity: 0.8;
}


#bustercall .p-articleInner .itemList{
  list-style: none;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
}


#bustercall .p-articleInner .itemList li{
  margin: 1% 1% 0 0;
}


#bustercall .p-articleInner .itemList li:nth-child(4n){
  margin-right: 0;
}


#bustercall .p-articleInner .itemList li a{
  transition: 0.3s;
  text-decoration: none;
}


#bustercall .p-articleInner .itemList li a:hover{
}


#bustercall .p-articleInner .itemList li a:hover p{
  opacity: 1;
}


#bustercall .p-articleInner .itemList .itemImg{
  width: 260px;
}

#bustercall .p-articleInner .itemList p{
  position: relative;
  top: 0;
  left: 0;
  padding: 5% 3%;
  width: 260px;
  text-align: center;
  transition: 0.3s;
  opacity: 0;
  color: #ffffff;
  line-height: 20px;
  font-size: 15px;
  font-weight: bold;
  background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.9));
}

#bustercall .p-articleInner .itemList .itemName01{
  position: relative;
  top: -46px;
  left: 0;
  margin-bottom: -46px;
}

#bustercall .p-articleInner .itemList .itemName02{
  position: relative;
  top: -66px;
  left: 0;
  margin-bottom: -66px;
}

#bustercall .p-articleInner .itemList .itemName03{
  position: relative;
  top: -86px;
  left: 0;
  margin-bottom: -86px;
}

#bustercall .p-articleInner .itemList .itemName04{
  position: relative;
  top: -106px;
  left: 0;
  margin-bottom: -106px;
}

#bustercall .p-articleInner .itemList .itemName05{
  position: relative;
  top: -126px;
  left: 0;
  margin-bottom: -126px;
}

/* bustercall p-bnr
----------------------------------------------------- */

#bustercall .p-bnr {
  text-align: center;
  margin: 100px auto 0;
}

#bustercall .p-bnr a {
  transition: 0.3s;
}

#bustercall .p-bnr a:hover {
  opacity: 0.5;
}

/* bustercall p-footer
----------------------------------------------------- */

#bustercall .p-footer {
  text-align: center;
  width: 100%;
  margin: 100px auto 0;
  padding: 50px;
  color: #fff;
  font-size: 1.2em;
}
