@charset "utf-8";
/*-----------------------------------------------------	*/
/*	for all	- General Settings　*/
/*-----------------------------------------------------	*/
body {
	font-family: "segoe UI", Roboto, "Droid Sans", "HiraKakuProN-W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴProN W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴPro W3", Meiryo, "メイリオ", sans-serif;
}

.end {
	text-decoration: line-through;
}

#wrap_all {
	-webkit-text-size-adjust: 100%;
	font-size: 62.5%;
　　letter-spacing: 0.01em;
	line-height: 1.8;
    color: #333;
	word-break: break-word;
	background: url("../img/bg.jpg") center top no-repeat #76c7fe;
    text-align: center;
    margin-bottom: -121px;
}

#wrap_all a:focus {
	outline: none;
}

#wrap_all a {
	text-decoration: none;
}

#wrap_all .mb10 {
	margin-bottom: 10px;
}
#wrap_all .mb20 {
	margin-bottom: 20px;
}
#wrap_all .mb30 {
	margin-bottom: 30px;
}
#wrap_all .mb50 {
	margin-bottom: 50px;
}
#wrap_all .mb80 {
	margin-bottom: 80px;
}

#wrap_all .sp_only {
	display: none;
}
#wrap_all .none {
	display: none;
}

#wrap_all img {
    vertical-align: bottom;
}

#wrap_all .cnt {
    text-align: center;
}

#wrap_all p.copy {
    text-align: left;
    margin: 10px;
    line-height: 1.2;
}

/* header
--------------------------------------------------- */
#wrap_all .header {
    padding: 20px 0 15px;
    max-width: 1100px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
}

#wrap_all .header h1 {
    margin-bottom: 10px;
    background: url("../img/title.png") no-repeat center;
    background-size: contain;
    text-indent: -9999px;
    height: 0;
    padding-top: 8%;
    transition: .5s;
    width: 90%;
    margin: 0 auto;
}

#wrap_all .header h1.n3ds {
    margin-bottom: 10px;
    background: url("../img/title_3ds.png") no-repeat center;
    background-size: contain;
    text-indent: -9999px;
    height: 0;
    padding-top: 10.7%;
    transition: .5s;
    width: 90%;
    margin: 0 auto;
}

/* wrap_main
--------------------------------------------------- */

#wrap_all .wrap_main {
    position: relative;
    width: 100%;
    margin: 0 auto;
}

/*スクロールダウン アイコン*/
#wrap_all .sdBox {
    position: relative;
    height: 80px;
}

.scrolldown {
	position:absolute;
    top: 10px;
	right: 50%;
	animation: arrowmove 1.5s ease-in-out infinite;
    height: 50px;
}

@keyframes arrowmove {
      0%{top: -5px;}
      50%{top: 15px;}
     100%{top:-5px;}
 }
 
.scrolldown span {
	position: absolute;
	left: -20px;
	top:0;
	color: #ff003c;
	font-size: 0.7rem;
	letter-spacing: 0.2em;;
	-ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    font-family: 'Ubuntu', sans-serif;
    font-weight: bold;
}

.scrolldown:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: -6px;
    width: 2px;
    height: 20px;
    background: #ff003c;
    transform: skewX(-31deg);
}

.scrolldown:after{
	content:"";
	position: absolute;
	bottom:0;
	right:0;
	width:2px;
	height: 50px;
	background:#ff003c;
} /*スクロールダウン アイコン ここまで*/

#wrap_all div.bnr {
    text-align: center;
    margin: 0 auto 10px auto;
    width: 1200px;
}

/*** 臨時バナー設置 ***/
#wrap_all div.bnr {
    max-width: 600px;
    width: 80%;
    text-align: center;
    margin: 0 auto 20px;
    box-shadow: 3px 3px 3px #333;
}

#wrap_all div.bnr p {
    text-indent: -9999px;
}

#wrap_all div.bnr p.bnr01 a {
    background: url("../img/bnr_top_sale_230801.jpg") no-repeat center;
    background-size: cover;
    display: block;
    height: 0;
    padding-top: 22.5%;
}

#wrap_all div.bnr p.bnr01 a:hover {
    opacity: .6;
    transition : .5s;
}

#wrap_all div.bnr p.bnr02 a {
    background: url("../img/bnr_spsale.jpg") no-repeat center;
    background-size: cover;
    display: block;
    height: 0;
    padding-top: 22.5%;
}

#wrap_all div.bnr p.bnr02 a:hover {    
    opacity: .6;
    transition : .5s;
}
/* end */


#wrap_all p.date {
    font-size: 1.4rem;
    font-weight: bold;
    background: #FFF;
    padding: 5px 5px 5px 0;
    border: solid 3px #ff003c;
    border-radius: 10px;
    display: inline-block;
    line-height: 1;
    margin-bottom: 30px;
}

#wrap_all p.date span {
    background: #ff003c;
    color: #FFF;
    padding: 2px 15px;
    margin-right: 10px; 
    border-radius: 5px 0 0 5px;
}

#wrap_all p.date_bk {
    font-size: 1.2rem;
    font-weight: 600;
    background: #FFF;
    padding: 5px 5px 5px 0;
    border: 2px solid #333;
    border-radius: 5px;
    display: inline-block;
    line-height: 1;
    margin-bottom: 30px;
    color: #333;
}

#wrap_all p.date_bk span {
    background: #333;
    color: #FFF;
    padding: 4px 20px;
    margin-right: 10px; 
}

#wrap_all .sale_btn_box {
	width: 680px;
	padding: 0;
	margin: 0 auto 20px auto;
	display: flex; 
	justify-content:space-between;
	align-items: start; 
}

#wrap_all .wrap_main .sale_btn_box .ps, 
#wrap_all .wrap_main .sale_btn_box .ntd {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	border-radius: 10px;
	color: #fff;
	font-weight: bold;
	width: 49%;
	padding: 5px 15px;
	font-size: 1.2rem;
    border: solid 2px #FFF;
    box-shadow: 2px 2px 5px #333;
}

/*#wrap_all .wrap_main .sale_btn_box .ps, 
#wrap_all .wrap_main .sale_btn_box .ntd, 
#wrap_all .wrap_main .sale_btn_box .stm {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	border-radius: 10px;
	color: #fff;
	font-weight: bold;
	width: 33%;
	padding: 5px 15px;
	font-size: 1.1rem;
    border: solid 2px #FFF;
    box-shadow: 2px 2px 5px #333;
}*/

#wrap_all .wrap_main .sale_btn_box .ps {
	background: linear-gradient(to top left, #001d6b, #005dad);
    transition: .5s;
}
    
#wrap_all .wrap_main .sale_btn_box .ntd {
	background: linear-gradient(to top left, #d00001, #e9001a);	
    transition: .5s;
}
    
#wrap_all .wrap_main .sale_btn_box .stm {
	background: linear-gradient(to top left, #1B2838, #2A475E);	
    transition: .5s;
}

#wrap_all .wrap_main .sale_btn_box .ps:hover,#wrap_all .wrap_main .sale_btn_box .ntd:hover {
    opacity: .8;
}    
    
#wrap_all .wrap_main .wrap {
	width: 100% !important;
	height: auto;
	padding: 2em 0;
	display: block;
	text-align: center;
	margin: 0;
	}
    
#wrap_all .wrap_main .wrap h2{
		color: #fff;
		font-weight: bold;
		font-size: 1.8rem;
		line-height: 1.1em;
		padding: .5em 0 1em;
		margin: 0;
		text-align: center;
	}
    
#wrap_all .wrap_main .wrap h3 {
		color: #fff;
		font-weight: bold;
		font-size: 1.4rem;
		line-height: 1.1em;
		padding: 0 0 0.5em;
		margin: 10px 0 0;
		text-align: center;
	}
    
#wrap_all .wrap_main .wrap h4 {
		color: #fff;
		font-weight: bold;
		font-size: 120%;
		line-height: 1.5em;
		padding: 0 0 1.5em;
		margin: 0;
		text-align: center;
	}
    
#wrap_all .wrap_main .wrap p.date2 {
		font-size: 1.2rem;
        margin: 10px 0 20px;
        position: relative;
        display: inline-block;
        padding: 0 55px;
        line-height: 1.2;
}

#wrap_all .wrap_main .wrap p.date2:before, #wrap_all .wrap_main .wrap p.date2:after  {
        content: '';
        position: absolute;
        top: 50%;
        display: inline-block;
        width: 45px;
        height: 1px;
        background: #FFF;
}

#wrap_all .wrap_main .wrap p.date2:before {
  left:0;
}
#wrap_all .wrap_main .wrap p.date2:after {
  right: 0;
  display: block;
}


#wrap_all .wrap_main .wrap_ps { 
	background: #003791;
    color: #FFF;
    margin-top: -20px;
}

#wrap_all .wrap_main .wrap_ntd {
	background: #e60012;
    color: #FFF;
    margin-top: -20px; /* PSStoreがないとき  */
}

#wrap_all .wrap_main .wrap_stm {
	background: #2A475E;
    color: #FFF;
}

#wrap_all .wrap_main .item_flex_box {
	display: inline-flex;
	_justify-content:space-between;
	justify-content: center;
	flex-wrap: wrap;
	width: 96%;
	_max-width: 1100px;
	margin: 0 auto 50px;
	padding: 0;
}

#wrap_all .wrap_main .item_flex_box .item_box {
		background: #ddd;
		border: 1px #ddd solid;
		width: 15%;
		margin: 0 0.5% 1.5em;
}

#wrap_all .wrap_main .item_flex_box .item_box_none {
		background: none;
		border: 1px none solid;
		width: 15%;
		margin: 0 0.5% 1.5em;
}		
		
#wrap_all .wrap_main .item_flex_box .item_box figure {
			margin: 0;
			padding: 0;
		}

#wrap_all .wrap_main .item_flex_box .item_box figure img {
	width: 100%;
	height: auto;
}

#wrap_all .wrap_main .item_flex_box .item_box figcaption {
        margin: 0;
        padding: 0;
}
		
#wrap_all .wrap_main .item_flex_box .item_box figcaption  p{
        margin: 0;
        font-weight: bold;
}
		
#wrap_all .wrap_main .item_flex_box .item_box figcaption p.title{
        font-size: 1rem;
        color: #444;
        display: block;
        background-color: #fff;
        min-height: 4em;
        text-align: left;
        margin-top: -1px;
        line-height: 1.1em;
        padding: 0.4em;
}
			
#wrap_all .wrap_main .item_flex_box .item_box figcaption p.title .kome {
        font-size: 100%;
        color: #E60003;
}
			
#wrap_all .wrap_main .item_flex_box .item_box figcaption p.title span.up {
        font-family:  "segoe UI", Roboto, "Droid Sans", "HiraKakuProN-W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴProN W3", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴPro W3", Meiryo, "メイリオ", sans-serif;
        vertical-align: text-top;
}
			
		
#wrap_all .wrap_main .item_flex_box .item_box figcaption p.price {
        color: #888;
        font-size: .8rem;
        font-weight: bold;
        text-align: left;
        padding: 0.4em 0.4em 0;
}
    
#wrap_all .wrap_main .item_flex_box .item_box figcaption p.price_off {
        font-size: .8rem;
        font-weight: bold;
        text-align: right;
        color: #ED6F0F;
        padding: 0 0.4em 0.4em 0;
}
			
#wrap_all .wrap_main .item_flex_box .item_box figcaption p.price_off span.large {
        font-size: 1.8rem !important;
        line-height: 1;
 }

#wrap_all .wrap_main p strong {
	font-weight: bold;
}

#wrap_all #ps .btn_store {
    font-size: 1rem;
    color: #FFF;
    background:#1f56b1;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 30px;
    margin-bottom: 5px;
    border-bottom: solid 3px #011b45;
    line-height: 1;
    transition: .5s;
}

#wrap_all #ps .btn_store:hover {
    background: #598ee7;
}

#wrap_all #ntd .btn_store {
    font-size: 1rem;
    color: #FFF;
    background:#ed5050;
    display: inline-block;
    padding: 10px 20px;
    border-radius: 30px;
    margin-bottom: 5px;
    border-bottom: solid 3px #c00a0a;
    line-height: 1;
    transition: .5s;
}

#wrap_all #ntd .btn_store:hover {
    background: #f27777;
}

#wrap_all .btn_store i {
    color: #f7f402;
}

#wrap_all ol {
	list-style: decimal;
	margin-bottom: 2em;
}

#wrap_all ul.disc{
	list-style: disc;
	margin-bottom: 2em;
}
#wrap_all ol li ,
#wrap_all ul.disc li{
	line-height: 1.4em;
	margin:0 0 1em 1.2em;
	text-align: left;
}

#wrap_all ul.kome {
	margin-left: 1em;
	margin-bottom: 2em;
    font-size: 1rem;
}

#wrap_all ul.kome li {
	line-height: 1.4em;
	list-style: none;
	margin-bottom: 0.5em;
	text-align: left;
	
}
#wrap_all ul.kome li i::before {
	content: "※";
	margin-left: -1em;
	font-style: normal;
}

/*テーブルリスト*/
#wrap_all .wrap_main .item_table_box {
	display: inline-flex;
	justify-content:space-between;
	flex-wrap: wrap;
	width: 96%;
	margin: 0 auto 30px;
	padding: 0;
}

#wrap_all .wrap_main .item_table_box.mb80 {
    margin-bottom: 80px;
}
		
#wrap_all .wrap_main .item_table_box  table {
	margin: 0 auto;
	width: 96%;
    max-width: 1060px;
	border-collapse:  collapse;
	background:#ffffff;
	color:#666666;
	font-size: .8rem;
}


#wrap_all .wrap_main .item_table_box  caption {
	color:#FFF;
	font-weight:bold;
	text-align:left;
    font-size: 1rem;
    caption-side: top;
}
	

#wrap_all .wrap_main .item_table_box  th {
    border-bottom: 1px #666666 solid;
    background:#cccccc; 
    font-size: .8rem;
    text-align: left;
    padding: 0px 1em;
}

#wrap_all .wrap_main .item_table_box td {
	border-bottom: 1px #666666 solid;
	padding:0px 1em;
}


#wrap_all .wrap_main .item_table_box .dlc_title {
	width: 60%;
	text-align:left;
}

#wrap_all .wrap_main .item_table_box .dlc_off,
#wrap_all .wrap_main .item_table_box .dlc_price {
	width: 15%;
	color:#ff6600;
}

#wrap_all .wrap_main .item_table_box .dlc_price span {
	font-weight:bold;
}

#wrap_all .wrap_main .item_table_box .dlc_off{
	font-weight:bold;
}

#wrap_all .wrap_main .wrap_stm  p.main {
    font-size: 1rem;
}

#wrap_all .wrap_main .wrap_stm a {
    color: #f8d90b;
    text-decoration: underline;
}

#wrap_all .wrap_main .wrap_stm p.bnr {
    text-align: center;
    width: 100%;
    max-width: 928px;
    margin: 0 auto;
}

#wrap_all .wrap_main .wrap_stm p.bnr a {
    display: block;
    text-indent: -9999px;
    width: 100%;
    height: 0;
    padding-top: 22.6%;
    background: url("../img/bnr_steam.jpg") no-repeat;
    background-size: contain;
    transition: .5s;
}

#wrap_all .wrap_main .wrap_stm p.bnr a:hover {
    opacity: .7;
}

/*-----------------------------------------------------	*/
/*	for - 1400px以下の記述　*/
/*-----------------------------------------------------	*/

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

#wrap_all #wrap_top {
	_max-width: 1200px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	margin-bottom: 20px;
}

#wrap_all .wrap_main .item_flex_box{
	width: 96%;
	_max-width: 1000px;
	margin: 0 auto;
		}
	
#wrap_all .wrap_main .item_flex_box .item_box ,
#wrap_all .wrap_main .item_flex_box .item_box_none{
		width: 23.5%;
		margin: 0 0.5% 1.5em;
		}

}


/*-----------------------------------------------------	*/
/*	for - 736px以下の記述　*/
/*-----------------------------------------------------	*/

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

#wrap_all {
	width: 100%;
	background: url("../img/bg_s.jpg") center top no-repeat #76c7fe;
	background-size: contain;
	text-align: center;
    padding-bottom: 40px;
}
	
#wrap_all .sp_only {
	display: inline-block;
}

#wrap_all .pc_only {
	display: none;
}

/* header
--------------------------------------------------- */
#wrap_all .header {
    padding: 20px 0;
    width: 100%;
}

#wrap_all .header h1 {
    margin-bottom: 0;
    background: url("../img/title_s.png") no-repeat center;
    text-indent: -9999px;
    height: 0;
    padding-top: 20.8%;
    background-size:  contain;
    transition: .5s;
}

/* wrap_main
--------------------------------------------------- */

#wrap_all .wrap_main {
    width: 100%;
    margin: 0 auto;
}

#wrap_all .sdBox {
    height: 80px;
}

/*スクロールダウン アイコン*/
.scrolldown {
	position:absolute;
	animation: arrowmove 1.5s ease-in-out infinite;
    height: 50px;
}

.scrolldown span {
	position: absolute;
	left: -20px;
	top:0;;
	font-size: 0.6rem;
	letter-spacing: 0.2em;;
	-ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    font-family: 'Ubuntu', sans-serif;
}

.scrolldown:before {
    content: "";
    position: absolute;
    bottom: 0;
    right: -6px;
    width: 2px;
    height: 20px;
    transform: skewX(-31deg);
}

.scrolldown:after{
	content:"";
	position: absolute;
	bottom:0;
	right:0;
	width:2px;
	height: 50px;
	_background:#333;
} /*スクロールダウン アイコン ここまで*/

/*#wrap_all div.bnr {
    margin: 0 auto 10px auto;
    width: 100%;
}

#wrap_all div.bnr p {
    text-indent: -9999px;
    margin: 0 10%;
    width: 80%;
}*/

#wrap_all div.bnr p a {
    background: url("/special/sale/img/bnr_3dssale.jpg") no-repeat center;
    background-size: cover;
    display: block;
    height: 0;
    padding-top: 26.7%;
}

#wrap_all div.bnr p a:hover {    
    background: url("/special/sale/img/bnr_3dssale_on.jpg") no-repeat center;
    transition : .5s;
}

#wrap_all .wrap_main .wrap h2 {
		font-size: 1.2rem;
        padding: 0.5em 0 .0;
	}
#wrap_all .wrap_main .wrap h3 {
		font-size: 1.1rem;
	}
#wrap_all .wrap_main .wrap h4 {
		font-size: 1rem;
	}	
    
#wrap_all .wrap_main .wrap p.date2 {
		font-size: .8rem;
        padding: 0 30px;
        line-height: 1.2;
}

#wrap_all .wrap_main .wrap p.date2:before, #wrap_all .wrap_main .wrap p.date2:after  {
        width: 25px;
}

#wrap_all p.date {
    font-size: .8rem;
    padding: 3px 3px 3px 0;
    border-radius: 6px;
    display: inline-block;
    line-height: 1;
    margin-bottom: 10px;
}

#wrap_all p.date span {
    padding: 2px 10px;
    height: 100%;
    margin-right: 10px; 
    border-radius: 2px 0 0 2px;
}

#wrap_all p.date_bk {
    font-size: .825rem;
    margin-bottom: 0;
    margin-top: 20px;
}

#wrap_all .wrap_main .sale_btn_box{
	width: 96%;
}
	
#wrap_all .wrap_main .sale_btn_box .ps, 
#wrap_all .wrap_main .sale_btn_box .ntd {
	font-size: .8rem;
}

#wrap_all .wrap_main .item_flex_box .item_box ,
#wrap_all .wrap_main .item_flex_box .item_box_none {
		width: 48%;
}
        
#wrap_all .wrap_main .item_flex_box.cnt .item_box ,
#wrap_all .wrap_main .item_flex_box.cnt .item_box_none { /* センターぞろえの時*/
		width: 48%;
}

#wrap_all .wrap_main .item_flex_box .item_box figcaption p.title{
	font-size: .8rem;
	}
			
#wrap_all .wrap_main .item_flex_box .item_box figcaption p.title .kome{
	font-size: .8rem;
			}
			
		
#wrap_all .wrap_main .item_flex_box .item_box figcaption p.price{
	font-size: .8rem;

		}
#wrap_all .wrap_main .item_flex_box .item_box figcaption p.price_off{
	font-size: .8rem;
	}
			
#wrap_all .wrap_main .item_flex_box .item_box figcaption p.price_off span.large {
				font-size: 1.2rem !important;
}

#wrap_all #ps .btn_store {
    font-size: .8rem;
    padding: 8px 15px;
    border-radius: 30px;
    border-bottom: solid 2px #011b45;
    line-height: 1;
}

#wrap_all #ntd .btn_store {
    font-size: .8rem;
    padding: 10px 20px;
    border-radius: 30px;
    border-bottom: solid 2px #c00a0a;
    line-height: 1;
}

	
#wrap_all .wrap_main .item_table_box  table {
	width: 96%;
}

#wrap_all .wrap_main .item_table_box .dlc_title {
	width: 45%;
}

#wrap_all .wrap_main .item_table_box .dlc_off,
#wrap_all .wrap_main .item_table_box .dlc_price{ 
	width: 20%;
	color:#ff6600;
}

#wrap_all .wrap_main .item_table_box td{
	padding:0px 0.5em;
}

#wrap_all .wrap_main .wrap_stm p.bnr {
    text-align: center;
    width: 96%;
    max-width: none;
    margin: 10px auto;
}

#wrap_all .wrap_main .wrap_stm  p.main {
    font-size: .825rem;
}


}