/*---------------------------------
 * 表示方法
---------------------------------*/
@media screen and (min-width: 1921px){
/*1921以上の場合*/
.head	{ display: inline! important; }
.pc	{ display: inline! important;min-width:100%;margin-left:2.5%; }
.mb{ display: none! important; }
.footer_url{display: inline!important;}	
.logo{display: none!important;}	
.top-header{min-width:100%;margin-left:5%;}
}
@media screen and (min-width: 1280px) and (max-width:1920px){
/*大型PCの場合*/
.head	{ display: inline! important; }
.pc	{ display: inline! important;}
.mb{ display: none! important; }
.footer_url{display: inline!important;}	
.logo{display: none!important;}	
}
@media screen and (min-width:1024px) and (max-width:1279px){
/*小型PCの場合*/
.head	{ display: inline! important; }
.pc	{ display: inline! important; }
.mb{ display: none! important; }
.footer_url{display: inline!important;}	
.logo{display: none!important;}	
}
@media screen and (min-width:600px) and (max-width:1023px) {
/*タブレット場合*/
.head	{ display: none! important; }
.pc	{ display: none! important; }
.mb{ display: inline! important; }
.footer_url{display: none!important;}
.logoVT{display: none!important;}	
.banner_001{display: none!important;}
.top-header{min-width:100%;margin-top:8%;}
.steamtext{display: none!important;}
}
@media screen and (min-width:200px) and (max-width:599px) {
/*スマホの場合*/
.head	{ display: none! important; }
.pc	{ display: none! important; }
.mb{ display: inline! important; }
.footer_url{display: none!important;}
.logoVT{display: none!important;}	
.banner_001{display: none!important;}
.top-header{min-width:100%;margin-top:20%;}
}
/*---------------------------------
 * ツイッター関連
---------------------------------*/
@media screen and (min-width:1921px)
/*1921以上の場合*/{
.twitter
{position:absolute;top:20%;left:30%;width:36%;}
.twittertext
{position:relative;top:-200px;font-size:100%;}
}
@media screen and (min-width:1600px) and (max-width:1920px)
/*1600以上1920以下の場合*/{
.twitter
{position:absolute;top:20%;left:30%;width:40%;}
.twittertext{position:relative;font-size:100%;top:-250px;}
}
@media screen and (min-width:1440px) and (max-width:1599px)
/*大型PCの場合*/{
.twitter
{position:absolute;top:20%;left:30%;width:40%;}
.twittertext
{position:relative;top:-150px;}
}
@media screen and (min-width:1280px) and (max-width:1439px){
/*中型PCの場合*/
.twitter
{position:absolute;top:20%;left:35%;width:30%;}
.twittertext
{position:relative;top:-80px;}
}
@media screen and (min-width:1024px) and (max-width:1279px){
/*小型PCの場合*/
.twitter
{position:absolute;top:15%;left:35%;width:30%;}
.twittertext
{position:relative;top:-20px;}
}
@media screen and (min-width:600px) and (max-width:1023px) {
/*タブレット場合*/
.twitter_mb
	{margin-left:10%;width:80%;height:30%;}
}
@media screen and (min-width:200px) and (max-width:599px) 
/*スマホの場合*/{	 
.twitter_mb
	{margin-left:10%;width:80%;height:30%;}
}
/*---------------------------------
 * Contents画像調整
---------------------------------*/

/*---------------------------------
 * フッターロゴサイズ_左側
---------------------------------*/
@media screen and (min-width:1024px) {
/*1024以上の場合*/
.thinklogo{position:absolute;}
.steamlogo{position:relative;left:50%;top:20%;}
.steamtext{position:relative;font-size:65%;top:20%;}
}
@media screen and (min-width:600px) and (max-width:1023px)  {
/*タブレット、スマホの場合*/
.thinklogo{position:absolute;width:10%;}
.steamlogo{ display: none! important; }

}
@media screen and (min-width:200px) and (max-width:599px) {
/*モバイルの場合*/
.thinklogo{position:absolute;width:15%;}
.steamlogo{ display: none! important; }

}
/*---------------------------------
 * フッターロゴサイズ_真ん中
---------------------------------*/
@media screen and (min-width:1600px) {
/*1600以上の場合*/
.sns_Twitter_jp{position:absolute;left:49%;width:45px;}
.sns_Twitter{position:absolute;left:38.9%;width:45px;}
.sns_Instagram{position:absolute;left:45.9%;width:45px;}
.sns_Facebook{position:absolute;left:51.9%;width:45px;}
.sns_Threads{position:absolute;left:58.9%;width:45px;}
}@media screen and (min-width:1300px) and (max-width:1599px) {
/*1300以上の場合*/
.sns_Twitter_jp{position:absolute;left:48.5%;width:45px;}
.sns_Twitter{position:absolute;left:37.5%;width:45px;}
.sns_Instagram{position:absolute;left:44.5%;width:45px;}
.sns_Facebook{position:absolute;left:52.5%;width:45px;}
.sns_Threads{position:absolute;left:59.5%;width:45px;}

}
@media screen and (min-width:1024px) and (max-width:1299px) {
/*1024以上の場合*/
.sns_Twitter_jp{position:absolute;left:48.5%;width:45px;}
.sns_Twitter{position:absolute;left:37%;width:45px;}
.sns_Instagram{position:absolute;left:44%;width:45px;}
.sns_Facebook{position:absolute;left:52%;width:45px;}
.sns_Threads{position:absolute;left:59%;width:45px;}
}
@media screen and (min-width:600px) and (max-width:1023px)  {
/*タブレット、スマホの場合*/
.sns_Twitter_jp{position:absolute;left:47.5%;width:30px;}	.sns_Twitter{position:absolute;left:35%;width:30px;}
.sns_Instagram{position:absolute;left:44%;width:30px;}
.sns_Facebook{position:absolute;left:52%;width:30px;}
.sns_Threads{position:absolute;left:61%;width:30px;}
}
@media screen and (min-width:200px) and (max-width:599px) {
/*モバイルの場合*/
.sns_Twitter_jp{position:absolute;width:7%;left:46.5%;}
.sns_Twitter{position:absolute;width:7%;left:29%;}
.sns_Instagram{position:absolute;width:7%;left:40%;}
.sns_Facebook{position:absolute;width:7%;left:52%;}	.sns_Threads{position:absolute;width:7%;left:63%;}
}

/*---------------------------------
 * 動画サイズ、位置(未使用）

.movie-jp {
width: 530px !important;
	margin-left: auto;
	margin-right: auto;}
.movie-mb-jp{width:280px;margin-left: auto;
	margin-right: auto;}
---------------------------------*/
/*---------------------------------
 * イベントバナー
---------------------------------*/
.banner_001{
width: 330px !important;
	margin-left: auto;
	margin-right: auto;}
/*---------------------------------
 * 新着記事
---------------------------------*/
 * /*角を丸める*/
.new-entry-card img{border-radius:8px;}
/* 新着記事表示横並び */
.new-entry-cards.large-thumb {display: flex;flex-wrap: wrap;}
.new-entry-cards.large-thumb a {width:20%;}
/768px以下/
@media screen and (max-width: 768px){.new-entry-cards.large-thumb a {width: 50%;}}
/480px以下/
@media screen and (max-width: 480px){.new-entry-cards.large-thumb a {width: 100%;}}
/*背景色*/
.new-entry-card{
background-color: #fffffff5;
box-shadow: 2px 2px 6px 0 #ffffff;
opacity: .95;
/*枠線形状・色*/
border: solid 1px #bbb;
}
/*アイキャッチが端にくっつくので少し余白*/
.new-entry-card img{ 
padding-left:5px;padding-right:5px;
}
/*マウスオーバー時配色*/
 /*マウスオン時*/
.new-entry-card:hover {
	/*背景色*/
background-color: #f0f8ff; 
-webkit-transform: translateY(-3px);
-ms-transform: translateY(-3px);
transform: translateY(-6px);

	 /*影の色*/
box-shadow: 0 0 10px #3d5069;	
}

/*オンマウスで傾ける*/
.new-entry-cards img {
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.new-entry-card img:hover {
-webkit-transform: rotate(-2deg);
transform: rotate(-2deg);
}

/*---------------------------------
 * 画像の位置
---------------------------------*/
/*DLボタン*/
.dl{position:absolute;margin-top:-200px;margin-left:10%;min-width:128px;}
/*TOP画像フェードイン*/
@keyframes fadeIn {from {transform: translateY(-5%); opacity: 0;}100% {transform: translateY(0%); opacity: 1;}}
.top-header {animation: Down 1s ease-out 0s 1 normal;}
@keyframes Down {from {transform: translateY(5%); opacity: 0;}100% {transform: translateY(0%); opacity: 1;}}
/*---------------------------------
 * フッター下空白
---------------------------------*/
.entry-full {
   margin-bottom:0;
}
/*---------------------------------
 * 左上ロゴ
---------------------------------*/
.logoVT{position:fixed;width:165px;z-index:100;top:0px;left:0px;}