@charset "UTF-8";
.second_contents .entry_body .faq-list { font-size: 0; line-height: 1; }
.second_contents .entry_body .faq-list dt { display: block; border-bottom: 0.391vw solid #811111; position: relative; padding: 0.586vw 0; cursor: pointer; font-size: 3.418vw; color: #fff;
text-align: center;
background-image: url("../image/second/bg_head.png");
background-size: cover;

}
.second_contents .entry_body .faq-list dt::before { content: ''; background: url("../image/steam/arr.png") no-repeat left top/cover;  width: 4.906vw;  height: 2.246vw;  position: absolute;  right: 1.27vw;  top: 50%;  z-index: 10;  margin-top: -1.075vw;  transform: scaleY(-1);  transition: transform 0.3s; }
.second_contents .entry_body .faq-list dt span {  display: block;  position: relative; padding: 3.418vw 9.277vw 3.125vw 0; }
.second_contents .entry_body .faq-list dt span::after { content: ''; background: transparent; width: 6.25vw; height: 100%; position: absolute; right: 0; top: 0; }
.second_contents .entry_body .faq-list dd { display: none; padding: 3.32vw 0; }
.second_contents .entry_body .faq-list dd h3 { font-size: 3.223vw; line-height: 1.606; color: #000; border: none; margin: 0; padding: 0; }
.second_contents .entry_body .faq-list dd h3 em {color: #811111; }
.second_contents .entry_body .faq-list dd small { font-size: 2.93vw; }
.second_contents .entry_body .faq-list dd ul.note li { font-size: 2.93vw; line-height: 1.6; }
.second_contents .entry_body .faq-list dd h3 + ul.note {  margin: 3.418vw 0 0; }
.second_contents .entry_body .faq-list dd * ~ p { margin-top: 3.125vw; }
.second_contents .entry_body .faq-list.open dt::before { transform: scaleY(1); }
.second_contents .entry_body .faq-list.open dd { display: block; }


@media screen and (min-width: 1024px) {
.second_contents .entry_body .faq-list { padding: 0 20px; }
.second_contents .entry_body .faq-list dt { border-bottom: 3px solid #811111; padding: 2px 0; cursor: pointer; font-size: 24px; line-height: 1.458; }
.second_contents .entry_body .faq-list dt::before { width: 30px; height: 11px; right: 5px; margin-top: -5px; }
.second_contents .entry_body .faq-list dt span { display: block; position: relative; padding: 20px 45px 20px 0; }
.second_contents .entry_body .faq-list dt span::after { width: 30px; } 
.second_contents .entry_body .faq-list dd { padding: 25px 0; }
  .second_contents .entry_body .faq-list dd h3 { font-size: 20px; line-height: 1.65; }
  .second_contents .entry_body .faq-list dd small { font-size: 16px; }
  .second_contents .entry_body .faq-list dd ul.note { text-align: left; }
  .second_contents .entry_body .faq-list dd ul.note li { font-size: 16px; line-height: 1.75; }
  .second_contents .entry_body .faq-list dd h3 + ul.note { margin: 15px 0 0; text-align: left; }
  .second_contents .entry_body .faq-list dd * ~ p { margin-top: 30px; }
}
@media screen and (min-width: 1921px) {

.second_contents .entry_body .faq-list { padding: 0 1.042vw; }
.second_contents .entry_body .faq-list dt { border-bottom: 3px solid #811111; padding: 0.104vw 0; font-size: 1.25vw; }
  .second_contents .entry_body .faq-list dt::before { width: 1.042vw; height: 0.573vw; right: 0.26vw; margin-top: -0.261vw; }
  .second_contents .entry_body .faq-list dt span { padding: 1.042vw 2.344vw 1.042vw 0; }
.second_contents .entry_body .faq-list dt span::after { width: 1.563vw; }
.second_contents .entry_body .faq-list dd { padding: 1.302vw 0; }
  .second_contents .entry_body .faq-list dd h3 { font-size: 1.042vw; }
  .second_contents .entry_body .faq-list dd small { font-size: 0.833vw; }
  .second_contents .entry_body .faq-list dd ul.note li { font-size: 0.833vw; }
  .second_contents .entry_body .faq-list dd h3 + ul.note { margin: 0.781vw 0 0; }
  .second_contents .entry_body .faq-list dd * ~ p { margin-top: 1.563vw; }
}


.steam-title{width: 100%; font-size: 40px; color: #8d0000; text-align: center; font-weight: 800; line-height:1.31; padding: 5% 0;
	/*
	border: solid 1px #8d0000;
	outline: solid 5px #8d0000;
	outline-offset: 1px;
	background:#8d0000; padding: 4%;
	*/
	margin: 0 0 5% 0;
}


.second_contents .entry_body dl.steam-data {
  font-size: 20px;
  line-height: 1.7;
  letter-spacing: 1px;
  margin: 0 auto 0 auto;
}

dl.steam-data{width: 100%; max-width: 100%; font-size: 18px; display: display: -webkit-flex; display: flex;}
dl.steam-data dt, dl.steam-data dd{margin:3px; font-size: 18px; padding: 2%; background-color:rgba(255,255,255,0.65);}

dl.steam-data dt{width: 180px;}
dl.steam-data dd{-webkit-flex: 1; flex: 1;}



.steam-list{ font-size: 16px; width: 95%; margin: 3% auto 0 auto;}
.steam-list li{padding-bottom: 1.5%; line-height:1.61;}



.steam-btn a{display: block; background: rgb(227,185,0); background: linear-gradient(0deg, rgba(227,185,0,1) 0%, rgba(224,203,5,1) 50%, rgba(253,228,0,1) 100%); border-radius: 50px; color: #960a09; font-size: 30px; overflow: hidden; text-align: center; font-weight: 800;
box-shadow:rgba(57, 54, 43, 0.309804) 0px 0px 6px 3px;
-webkit-box-shadow:rgba(57, 54, 43, 0.309804) 0px 0px 6px 3px;
-moz-box-shadow:rgba(57, 54, 43, 0.309804) 0px 0px 6px 3px;
padding: 3% 0;
}
.steam-btn a:hover{opacity:0.65;}
.steam-btn div.steamicon{width: 100%; background: url(../image/steam/Steam-btn.png)top left no-repeat; -moz-background-size:auto 100%;  background-size: auto 100%; }
.steam-btn div{padding: 2.5% 0; }



.gpg-btn a{display: block; background: rgb(227,185,0); background: linear-gradient(0deg, rgba(227,185,0,1) 0%, rgba(224,203,5,1) 50%, rgba(253,228,0,1) 100%); border-radius: 50px; color: #960a09; font-size: 30px; overflow: hidden; text-align: center; font-weight: 800;
box-shadow:rgba(57, 54, 43, 0.309804) 0px 0px 6px 3px; 
-webkit-box-shadow:rgba(57, 54, 43, 0.309804) 0px 0px 6px 3px;
-moz-box-shadow:rgba(57, 54, 43, 0.309804) 0px 0px 6px 3px;
padding: 3% 0;
}
.gpg-btn a:hover{opacity:0.65;}
.gpg-btn div.steamicon{width: 100%; background: url(../image/steam/gpg-btn.png)top left no-repeat; -moz-background-size:auto 100%;  background-size: auto 100%; }
.gpg-btn div{padding: 2.5% 0; }


.q-icon{color: #970909;}
.a-icon{padding-bottom: 5%; margin-bottom: 5%; border-bottom: solid 1px #000;}

@media screen and (max-width: 1024px) {
.steam-title{font-size: 5vw;}

.steam-btn a{display: block; background: rgb(227,185,0); background: linear-gradient(0deg, rgba(227,185,0,1) 0%, rgba(224,203,5,1) 50%, rgba(253,228,0,1) 100%);  color: #960a09;
box-shadow:rgba(57, 54, 43, 0.309804) 0px 0px 6px 3px;
-webkit-box-shadow:rgba(57, 54, 43, 0.309804) 0px 0px 6px 3px;
-moz-box-shadow:rgba(57, 54, 43, 0.309804) 0px 0px 6px 3px;
line-height:1.31;
}

.steam-btn .steamicon{text-align: left;}
.steam-btn div{padding:5% 0;}
.steam-btn div.steamicon{padding-left:25%;}
.steam-btn a{font-size: 4.5vw; font-weight: 800; border-radius: 15px;}

.steam-btn div.steamicon{width: 100%; height: 100%; background: url(../image/steam/Steam-btn_sp.png) center left no-repeat; -moz-background-size: auto 200%; background-size: auto 200%; }


.gpg-btn .steamicon{text-align: left;}
.gpg-btn div{padding:5% 0;}
.gpg-btn div.steamicon{padding-left:25%;}
.gpg-btn a{font-size: 3.5vw; font-weight: 800; border-radius: 15px;}

.gpg-btn div.steamicon{width: 100%; height: 100%; background: url(../image/steam/gpg-btn_sp.png) center left no-repeat; -moz-background-size: auto 200%; background-size: auto 200%; }

dl.steam-data{display: block;}
dl.steam-data dt{background:#c3c3c3; color: #181818;}
dl.steam-data dt, dl.steam-data dd{width: 100%;  font-size: 15px;}




}

.second_contents .entry_body h2{margin:0 auto;}