@charset "utf-8";
/*-----------PC-----------*/

.adInfeedNewsList{
background: #ffffff;
}

div.newsDescription{
background:#ffffff;
border-top: none;
margin:0 10px;
}
div.newsDescription p{
font-size: 1.6rem;
line-height: 1.7;
}
.adInfeedArticle{
margin-bottom:10px;
}
.adMiddleArticle_pc{
width:690px
}
.newsFooter{
margin:30px;
}
.newsFullComment {
  margin: 40px 4% 40px;
}

/*-----------SP-----------*/
@media screen and (max-width: 767px){


.adMovie_sp{
margin-bottom:20px;
}

div.newsDescription{
background:#ffffff;
border-top: none;
margin:0;
}

.appTitleList div.appDownloadBtn{
  margin: 3px 10% 10px;
}

.appTitleList div.appDownloadBtn a {
  width: 100%;
  height: 32px;
	padding:3px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
  color: #fff;
  background: #0066CC;
}


.appTitleList div.gamePageLink{
text-align:center;
margin-bottom:10px;
}
.appTitleList .appTitleInfo{
	margin-bottom:10px;
}
.appTitleList .title{
	font-size:20px;
}
.appTitleList .company{
	font-size:14px;
}
.appTitleList .tag{
	font-size:14px;
}

.appTitleListBox div.catchcopy{
	color:#990000;
	font-size:16px;
	font-weight:bold;
}
.appTitleListBox div.body{
	padding:3px 0;
	font-size:16px;
	line-height:26px;
}
.appTitleListBox div.body p{
	margin-bottom:10px;
}

.appTitleListBox div.screenshot{
	text-align:center;
	margin-bottom:5px;
}
.appTitleListBox div.screenshot img{
	max-width:96%;
}

.accordion-box {
    position: relative;
}
.accordion-box label {
    height: 140px;
    cursor: pointer;
    text-align: center;
    font-size: 12px;
    position: absolute;
    bottom: 0;
    width: 100%;

    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.95) 90%);
}
.accordion-box input:checked + label {
    background: inherit;
}
.accordion-box label:after {
    content: "続きをよむ";
    letter-spacing: .05em;
    line-height: 2.5rem;
    position: absolute;
    bottom: 20px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    color: #fff;
    background-color: #696969;
    width: 18.75rem;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
}
.accordion-box label:before {
    font-weight: 700;
    position: absolute;
    bottom: 30px;
    left: 50%;
    -webkit-transform: translate(-140px, 0);
    transform: translate(-140px, 0);
    background-color: #fff;
    z-index: 1;
    -webkit-border-radius: 100%;
    -moz-border-radius: 100%;
    border-radius: 100%;
    width: 20px;
    height: 20px;
    line-height: 20px;
}
.accordion-box input {
    display: none;
}
.accordion-box .accordion-container {
    overflow: hidden;
    height: 150px;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}


.accordion-box input:checked + label {
    display: none ;
}
.accordion-box input:checked + label:after {
    content: "閉じる";
}
.accordion-box input:checked + label:before {
}
.accordion-box input:checked ~ .accordion-container {
    height: auto;
    padding-bottom: 0px;
    -webkit-transition: all 0.1s;
    -moz-transition: all 0.1s;
    -ms-transition: all 0.1s;
    -o-transition: all 0.1s;
    transition: all 0.1s;
}



}