@charset "UTF-8";
/*---------------------------------------------------------
Theme Name: stinger5skescape
Template: stinger5ver20141123
Description: Theme for SKEscape based stinger5
Author: SKEscape
Author URI: http://skescape.com
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: flexible-width, custom-header, custom-menu, editor-style,
Version: 20140903 (for stinger5ver20141123)
---------------------------------------------------------*/
@import url('../stinger5ver20141123/style.css');

/*--------------------------------
フラッシュゲーム
--------------------------------*/
.my-flash dl {
 margin: 10px -30px;
}
.my-flash dd {
 position: relative;
 width: 640px;
 height: 640px;
 margin: 0 auto;
}
#my-flash-s dd {
 height: 320px;
}

.flash-game {
  position: relative;
  margin-left: -40px;
  padding-left: 10px;
  width: 100%;
}
.flash-game object {
  top: 0;
  left: 0;
  width: 640px !important;
  height: 360px !important;
}
.flash-game object embed {
  top: 0;
  left: 0;
  width: 640px !important;
  height: 360px !important;
}

aside #kanren dl {
margin-bottom: 10px;
padding: 10px;
border-bottom-style: none;
background-color: #ffffff;
}
aside #kanren dl:last-child {
margin-bottom: 20px;
padding-bottom: 10px;
border-style: none;
}

/*---------------------------------
フッター追記
--------------------------------*/
#footer_w {
    width: 100%;
    margin: 10px auto;
    text-align: left;
}
.footer_l {
    width: 100%;
    margin: 0 auto 20px auto;
    padding: 0;
}
.footer_r {
    width: 100%;
    margin: 0 auto 20px auto;
}

@media only screen and (max-width: 1048px) {

.flash-game {
  position: relative;
  margin-left: auto;
  padding-left: auto;
  width: 100%;
}
.flash-game object {
  width: 512px !important;
  height: 288px !important;
}
.flash-game object embed {
  width: 512px !important;
  height: 288px !important;
}

}

@media only screen and (max-width: 960px) {

.flash-game {
  position: relative;
  margin-left: auto;
  padding-left: auto;
  width: 100%;
}
.flash-game object {
  width: 320px !important;
  height: 180px !important;
}
.flash-game object embed {
  width: 320px !important;
  height: 180px !important;
}

}

/*media Queries タブレットサイズ
----------------------------------------------------*/
@media only screen and (max-width: 780px) {

.flash-game {
  position: relative;
  margin-left: auto;
  padding-left: auto;
  width: 100%;
}
.flash-game object {
  width: 512px !important;
  height: 288px !important;
}
.flash-game object embed {
  width: 512px !important;
  height: 288px !important;
}

}

@media only screen and (max-width: 590px) {

.flash-game {
  position: relative;
  margin-left: auto;
  padding-left: auto;
  width: 100%;
}
.flash-game object {
  width: 320px !important;
  height: 180px !important;
}
.flash-game object embed {
  width: 320px !important;
  height: 180px !important;
}

}

@media only screen and (max-width: 380px) {

.flash-game {
  position: relative;
  margin-left: auto;
  padding-left: auto;
  width: 100%;
}
.flash-game object {
  width: 256px !important;
  height: 144px !important;
}
.flash-game object embed {
  width: 256px !important;
  height: 144px !important;
}

}