@charset "Shift_JIS";
/* Simplify width and height calculations */

#navlinks {
	width: 100%;
	list-style-type: none;
	text-align: center;
	
}

.responsive-iframe {
    position: relative;
    overflow: hidden;
    padding-top: 56.25%; /* 16:9のアスペクト比 */
}

.responsive-iframe iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.page-header{
	display: flex;	
	background-color: rgba(255,255,255,0.77);
	z-index: 10;
	
	left:0;
	height: 70px;
	width: 100%;
	margin:-10px 0 0px 0px;
	
}

.link{
  text-decoration:none;
}
p.logo{
  margin:-15px 0 0px 40px;
	width: 200px; 
  color: #2F2F2F;
  font-size:150%;
  font-family: futura-pt-bold, sans-serif;
  font-weight: 700;
  font-style: normal;
}

p.logo span{
  font-size:80%;
}

body{
	font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'MS PGothic', sans-serif;
	text-decoration: none;
}
.main-borderHeader{
	margin-bottom: 30px;
}
.main-borderHeader_main{
	margin: 0% 4.2% 0% 4.35%;
	border-width: 0px 0px 2px 0px;
	border-style: solid;
	border-color: #e6e6e6;
	font-size: 24px;
	font-weight: bold;
	letter-spacing: 0.05em;
	padding-bottom: 4px;
}
.subTtl{
	float: right;
	font-size: 50%;
	color: #b4b4b4;
}

.big {
	font-size: 24px;
	font-weight: bold;
	font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'MS PGothic', sans-serif;
	text-decoration: none;
	text-align: center;
}

.left{
	text-align: left;
}

.item2 {
	border-radius: 10px;
	background: #FFFFFF;
	padding: 0px;
	margin: 5px;
	margin-left: 4.5%;
	margin-bottom: 35px;
	text-align: center;
}
.item2 a {
	font-weight: bold;
	font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'MS PGothic', sans-serif;
	text-decoration: none;
	text-align: left;
}
.item2 a:link {
	color: #2F2F2F;
}

.item2 a:visited {
	color: #2F2F2F;
}
.item2 a:hover, .item a:active, .item a:focus {
	color: #F02929;
}

.item2 img{
  transition-duration: 0.1s;
}

.item2 img:hover{
	opacity: 0.8;
  transition-duration: 0.1s;
	transform: scale(1.05,1.05);
}

.item {
	border-radius: 10px;
	background: #FFFFFF;
	padding: 0px;
	margin: 5px;
	margin-left: 4.5%;
	margin-bottom: 35px;
	text-align: left;
}
img {
	max-width: 100%;
	height: auto;
}
p {
	text-align: left;
}

.item-img{
  overflow: hidden;
}


/* Responsive */
@media ( min-width : 600px ){
    .flexbox {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	margin: auto;
    }
  .item {
    width: 27%;
  }
}
.item:hover, .item:active, .item:focus{
	text-decoration-color: #F02929;
}

.item a {
	font-weight: bold;
	font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, '?????? ???ゴシ??ク', 'MS PGothic', sans-serif;
	text-decoration: none;
	text-align: left;
}
.item a:link {
	color: #2F2F2F;
}

.item a:visited {
	color: #2F2F2F;
}
.item a:hover, .item a:active, .item a:focus {
	color: #F02929;
}

.item img{
  transition-duration: 0.1s;
}

.item img:hover{
	opacity: 0.8;
  transition-duration: 0.1s;
	transform: scale(1.05,1.05);
}

/* Icon Wobble Vertical */
@-webkit-keyframes hvr-icon-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  33.3% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes hvr-icon-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
  33.3% {
    -webkit-transform: translateY(-5px);
    transform: translateY(-5px);
  }
  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }
  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }
  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }
  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.hvr-icon-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
.hvr-icon-wobble-vertical .hvr-icon {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}
.hvr-icon-wobble-vertical:hover .hvr-icon, .hvr-icon-wobble-vertical:focus .hvr-icon, .hvr-icon-wobble-vertical:active .hvr-icon {
  -webkit-animation-name: hvr-icon-wobble-vertical;
  animation-name: hvr-icon-wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}
.pafu-icon{
    width: 18px;
    height: 18px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
	margin: 2px 0px -2.25px 0px;
}
.cero{
  margin-top: 5px;
  width: 34px;
	display:flex;
	margin-left: auto;
}
.game-title
{
	font-weight: bold;
	font-family: 'Lato', 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, '?????? ???ゴシ??ク', 'MS PGothic', sans-serif;
	text-decoration: none;
	text-align: left;
  margin-left: 8px;
  padding: 0;
}
p.game-title{
  margin-bottom: 6px;
}

.name{
	font-size: 12px;
  font-weight: normal;
	color: #808080;
  margin: 0 0 2px 8px;
  padding: 0;
}

.line{
  border-bottom: solid 1px #C4C4C4;
}

.copylight{
	margin-left: 40px;
	margin-bottom: 50px;
}