@charset "UTF-8";

#Products {
    position: relative;
    width: 566px;
    background-color: #e0ffd6;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    padding: 10px;
    margin-bottom: 50px;
    margin-left: 15px;
}

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

    #Products {
        width: 94%;
        margin-left: 0px;
        position: static;
    }

}

    #Products h4 {
        height: 20px;
        background-image: url("../img/h4_products.png");
        background-repeat: no-repeat;
        background-position: 0px center;
        text-indent: -5000px;
        margin: 5px 0 10px 0;
    }

#Products h4 + a {
border: #6ac914 1px solid;
-webkit-border-radius: 30px;
position: absolute;
top: 10px;
left: 174px;
width: 320px;
text-align: center;
padding: 4px 0;
background: #fff;
}
@media only screen and (max-width: 640px) {
#Products h4 + a {
display: block;
margin-bottom: 10px;
top: 0;
left: 0;
width: 100%;
position: relative;
}
}
#Products h4 + a span {
width: 0;
height: 0;
border-style: solid;
border-width: 5px 0 5px 10px;
border-color: transparent transparent transparent #6bc914;
display: inline-block;
margin-left: 10px;
}


    #Products .name {
        font-size: 120%;
        font-weight: bold;
        margin-bottom: 10px;
    }

#banner {
    text-align: center;
    margin-bottom: 30px;
}

	#banner ul {
	    text-align: center;
	}

	#banner p {
	    text-align: center;
	    margin-bottom: 10px;
	}

	#banner li {
	    margin: 0px;
	    padding: 0px;
	    display: block;
	    float: none;
	}

		#banner li a img {
		    width: 50%;
		    height: auto;
		    border: 1px solid #666;
		    border-radius: 5px;
		}

			#banner li.delay a img {
			    width: 100%;
			    border: none;
			}

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

			#banner li a img {
			    width: 50%;
			    height: auto;
			}

		}


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

		#Products .product_logo {
		    width: 60%;
		    height: auto;
		}

	}

		#Products span.cero {
		    position: absolute;
		    right: 10px;
		    top: 10px;
		    display: block;
		}

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

			#Products span.cero {
			    position: static;
			    width: 50px;
			    height: auto;
			}

		}

		#Products dl dt {
		    background-image: url("../img/icon_square.gif");
		    background-repeat: no-repeat;
		    background-position: 0px center;
		    padding-left: 15px;
		    width: 135px;
		    line-height: 20px;
		}

	#Products .songpack {
	    background-image: url("../img/icon_square.gif");
	    background-repeat: no-repeat;
	    background-position: 0px center;
	    padding-left: 15px;
	    line-height: 20px;
	}

			#Products dl dt.fl {
			    float: left;
			}

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

				#Products dl dt.fl {
				    float: none;
				}

			}

				#Products dl dt.fl.psplus {
				    width: 185px;
				}

		#Products dl dd {
		    position: relative;
		    margin-bottom: 10px;
		}

			#Products dl table th {
			    padding-right: 10px;
			}

			#Products dl table td {
			    padding-bottom: 10px;
			}

				#Products dl dd.fr {
				    margin-left: 150px;
				}

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

					#Products dl dd.fr {
					    margin-left: 0;
					}

				}

			#Products dl dd ul.env {
			    overflow: hidden;
			}

				#Products dl dd ul.env li {
				    float: left;
				    background-color: #fff;
				    margin: 5px 0 5px 5px;
				    padding: 5px;
				    height: 60px;
				    width: 70px;
				    text-align: center;
				    line-height: 60px;
				}

				#Products dl dd ul.att li {
				}

					#Products dl dd ul.att li span {
					    color: #F00;
					}

				#Products dl dd ul.pack{
					display: -webkit-flex; /* Safari */
					display: flex;
					-webkit-justify-content: flex-start; /* Safari */
					justify-content: space-between;
					-webkit-flex-wrap: wrap; /* Safari */
					flex-wrap: wrap;
					-webkit-align-items: stretch; /* Safari */
					align-items: stretch;
				}
				#Products dl dd ul.pack li {
					margin: 5px 0;
					padding: 10px 5px;
					width: 49%;
					color: #44b622;
					background-color: rgba(255,255,255,0.6);
					text-align: center;
					line-height: 1.3;
					border-radius: 10px;
					box-sizing: border-box;
				}
					#Products dl dd ul.pack li big{
						font-size: 1.5em;
						font-weight: bold;
					}
					#Products dl dd ul.pack li small{
						font-size: 0.8em;
						margin: 0;
						padding: 0;
						display: inline;
					}
					#Products dl dd ul.pack li em{
						color: #ff9900;
						font-weight: bold;
					}

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

					#Products dl dd ul.att li {
					    font-size: 80%;
					}

					#Products dl dd ul.pack li {
						width: 100%;
					}

				}

					#Products dl dd ul li img {
					    width: 100%;
					}

					#Products dl dd a img {
					    width: 130px;
					}

			#Products dl dd .btn {
			    display: block;
			    position: absolute;
			    right: 10px;
			    bottom: 0;
			    background-image: url("../img/btn_products.png");
			    background-repeat: no-repeat;
			    background-position: 10px center;
			    padding: 2px 10px 2px 20px;
			    border: 1px solid #47ca1f;
			    border-radius: 3px;
			    -webkit-border-radius: 3px;
			    -moz-border-radius: 3px;
			    color: #50a800;
			}

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

			        #Products dl dd .btn {
			            position: static;
			            margin: 10px auto;
			        }

			    }

			#Products dl dd .btn:hover {
			    background-color: #bae593;
			}

/*/////////////////////////////////////////////////*/

#ps4_What01 h5 {
	background-image: url("../img/h5_ps4_01.gif");
	height: 26px;
	text-indent: -5000px;
	margin: 40px auto 20px auto;
	background-repeat: no-repeat;
	display: none;
}
    @media only screen and (max-width: 640px) {

        #ps4_What01 h5 {
            background-image: none;
            text-indent: 0;
            font-size: 1.2em;
            border-bottom: 2px solid #47ca1f;
            height: auto;

        }

    }

    #ps4_What01 .w_img {
        position: relative;
        overflow: hidden;
    }

        #ps4_What01 .w_img ul {
	position: relative;
	float: left;
	margin-right: -4%;
        }

            #ps4_What01 .w_img ul li {
                position: relative;
                float: left;
                margin: 20px 3% 20px 0px;
                width: 30%;
            }

                #ps4_What01 .w_img ul li img {
                    width: 100%;
                }

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

    #ps4_What01 .w_img ul {
        margin-right: 0;
    }

    #ps4_What01 .w_img ul li {
        width: 100%;
        margin: 0 0 30px 0;
    }

    #ps4_What01 .w_img ul li:last-child {
        margin: 0;
    }

    #ps4_What01 .w_img ul li img {
        width: 100%;
    }

}

    #ps4_What01 .w_img ul li dl dt {
        color: #fff;
        text-align: center;
        padding: 4px 20px;
        margin-bottom: 15px;
        background-color: #47ca1f;
        border-radius: 30px;
        -webkit-border-radius: 30px;
        -moz-border-radius: 30px;
    }

        #ps4_What01 .w_img ul li dl dd.att {
            font-size: 10px;
            text-indent: -10px;
            padding-left: 10px;
        }

/*/////////////////////////////////////////////////*/

#ps4_What02 h5 {
    background-image: url("../img/h5_ps4_02.gif");
    height: 26px;
    text-indent: -5000px;
    margin: 40px auto 20px auto;
    background-repeat: no-repeat;
}

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

        #ps4_What02 h5 {
            background-image: none;
            text-indent: 0;
            font-size: 1.2em;
            border-bottom: 2px solid #47ca1f;
            height: auto;
        }

    }

#ps4_What02 .lead {
    font-size: 120%;
    border-bottom: 2px solid #47ca1f;
    margin: 0px auto;
    width: 90%;
}

    #ps4_What02 .lead span {
        font-size: 80%;
    }

        #ps4_What02 .lead span.red {
            color: #F00;
        }

#ps4_What02 .disc_song {
    clear: both;
}

    #ps4_What02 .disc_song .disc_song_list ul {
        margin: 20px 50px 20px 70px;
    }

    #ps4_What02 .disc_song .disc_song_list li {
        float: left;
        font-size: 100%;
        line-height: 180%;
        width: 33%;
    }

        #ps4_What02 .disc_song .disc_song_list li.star:before {
            content: "★";
            margin-left: -1em;
            color: #F00;
        }

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

    #ps4_What02 .lead {
        font-size: 100%;
    }

    #ps4_What02 .disc_song .disc_song_list ul {
        width: 100%;
        margin: 0 auto;
    }

    #ps4_What02 .disc_song .disc_song_list li {
        float: none;
        width: 90%;
        margin: 0 auto;
    }

    /*TCID Edited 17/09/2015*/
    #ps4_What02 .disc_song_list ul li p{
        float: none;
        margin: 5px 0;
    }
    /*TCID Edited 17/09/2015*/

}

#ps4_What02 .order {
    text-align: right;
    margin-bottom: 5px;
}

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

    #ps4_What02 .order {
        margin-bottom: 20px;
    }

    #ps4_What02 .att span {
        display: block;
    }

}

/*/////////////////////////////////////////////////*/

#ps4_What03 h5 {
    background-image: url("../img/h5_ps4_03.gif");
    height: 26px;
    text-indent: -5000px;
    margin: 40px auto 20px auto;
    background-repeat: no-repeat;
}

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

    #ps4_What03 h5 {
        background-image: none;
        text-indent: 0;
        font-size: 1.2em;
        border-bottom: 2px solid #47ca1f;
        height: auto;
    }

}

    #ps4_What03 h6 {
        background-color: #f6f6f6;
        height: 25px;
        line-height: 25px;
        padding: 10px 20px;
        margin: 20px auto;
        border-left: 8px solid #6acb15;
        color: #6acb15;
        font-size: 1.2em;
    }

    #ps4_What03 a {
        color: #449900;
    }

    #ps4_What03 small {
        margin-left: 1em;
    }

    #ps4_What03 .sp {
        display: none;
    }

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

        #ps4_What03 .sp {
            display: inline !important;
        }

    }

    #ps4_What03 .nav_ps {
        overflow: hidden;
    }

        #ps4_What03 .nav_ps li {
            float: left;
        }

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

            #ps4_What03 .nav_ps li {
                width: 100%;
                height: auto;
                float: none;
                margin: 1px 0;
            }

        }

            #ps4_What03 .nav_ps li a {
                display: block;
                width: 440px;
                height: 70px;
                background-repeat: no-repeat;
                text-indent: -5000px;
            }

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

                    #ps4_What03 .nav_ps li a {
                        width: 100%;
                        height: auto;
                    }

                }

        #ps4_What03 .nav_ps li a img {
            width: 100%;
        }

        #ps4_What03 .nav_ps li .sp {
            display: none;
        }

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

            #ps4_What03 .nav_ps li .sp {
                display: block;
            }

        }

            #ps4_What03 .nav_ps li .nav_ps01 {
                background-image: url("../img/btn_vitatv.gif");
                margin-right: 15px;
            }

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

                #ps4_What03 .nav_ps li .nav_ps01 {
                    display: none;
                }

            }

                #ps4_What03 .nav_ps li .nav_ps01:hover {
                    background-image: url("../img/btn_vitatv_on.gif");
                }

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

                    #ps4_What03 .nav_ps li .nav_ps01:hover {
                        display: none;
                    }

                }

            #ps4_What03 .nav_ps li .nav_ps02 {
                background-image: url("../img/btn_vita.gif");
            }

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

                #ps4_What03 .nav_ps li .nav_ps02 {
                    display: none;
                }

            }

                #ps4_What03 .nav_ps li .nav_ps02:hover {
                    background-image: url("../img/btn_vita_on.gif");
                }

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

                        #ps4_What03 .nav_ps li .nav_ps02:hover {
                            display: none;
                        }

                    }

    #ps4_What03 ul {
        margin-bottom: 15px;
    }

        #ps4_What03 ul li ul {
            overflow: hidden;
        }

            #ps4_What03 li.att {
                text-indent: -26px;
                padding-left: 30px;
            }

            #ps4_What03 li.ttl {
                font-weight: bold;
            }

            #ps4_What03 ul li ul li {
                float: left;
                background-color: #f6f6f6;
                margin: 5px 0 5px 5px;
                padding: 5px;
                height: 60px;
                width: 70px;
                text-align: center;
                line-height: 60px;
            }

                #ps4_What03 ul li ul li.ctrl {
                    margin: 5px 15px 5px 5px;
                }

                #ps4_What03 ul li ul li img {
                    width: 100%;
                }

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

                    #ps4_What03 li.att {
                        font-size: 80%;
                        text-indent: -20px;
                        padding-left: 20px;
                    }

                    #ps4_What03 .sp dl {
                        border: solid 2px #d6d6d6;
                        padding: 15px;
                    }

                    #ps4_What03 ul li ul li.ctrl {
                        margin: 5px 0 5px 5px;
                    }

                }

/*/////////////////////////////////////////////////*/

#ps4_What04 h5 {
    background-image: url("../img/h5_ps4_04.gif");
    height: 26px;
    text-indent: -5000px;
    margin: 40px auto 20px auto;
    background-repeat: no-repeat;
}

    #ps4_What04 p {
        margin-bottom: 20px;
    }

    #ps4_What04 a {
        color: #449900;
    }

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

        #ps4_What04 h5 {
            background-image: none;
            text-indent: 0;
            font-size: 1.2em;
            border-bottom: 2px solid #47ca1f;
            height: auto;
        }

    }

/*/////////////////////////////////////////////////*/

#ps4_What05 h5 {
    background-image: url("../img/h5_ps4_05.gif");
    height: 26px;
    text-indent: -5000px;
    margin: 40px auto 20px auto;
    background-repeat: no-repeat;
}

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

        #ps4_What05 h5 {
            background-image: none;
            text-indent: 0;
            font-size: 1.2em;
            border-bottom: 2px solid #47ca1f;
            height: auto;
        }

    }

    #ps4_What05 a {
        color: #449900;
    }

    #ps4_What05 .f_area {
        width: 100%;
        margin: 0 auto;
    }

        #ps4_What05 .f_area p {
            margin-bottom: 10px;
        }

        #ps4_What05 .f_area ul {
            margin-bottom: 10px;
        }

        #ps4_What05 .f_area .lead {
            font-size: 18px;
            font-weight: bold;
            color: #47ca1f;
        }

        #ps4_What05 .f_area p.target {
            font-weight: bold;
            font-size: 16px;
        }

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

            #ps4_What05 .f_area .f_left {
                width: 96%;
                float: none;
            }

            #ps4_What05 .f_area .f_right {
                width: 96%;
                float: none;
            }

            #ps4_What05 .f_area .lead {
                font-size: 110%;
            }

            #ps4_What05 .f_area p.target {
                font-size: 90%;
            }

        }

    #ps4_What05 .disc {
        width: 44%;
        text-align: center;
        background-color: #e0ffd6;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        margin-right: 4%;
        padding: 2%;
    }

        #ps4_What05 .f_area .att {
            font-weight: bold;
        }

        #ps4_What05 .w_img img {
            height: 200px;
        }

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

            #ps4_What05 .disc {
                margin-bottom: 30px;
            }

            #ps4_What05 .w_img img {
                width: 50%;
                height: auto;
            }

        }

    #ps4_What05 .download {
        width: 44%;
        text-align: center;
        background-color: #e0ffd6;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        padding: 2%;
    }

    #ps4_What05 ul.buy {
        text-align: center;
    }

        #ps4_What05 ul.buy li {
            margin: 0px;
            padding: 0px;
            display: block;
            float: none;
        }

            #ps4_What05 ul.buy li a img {
                width: 50%;
                height: auto;
                border: 1px solid #666;
                border-radius: 5px;
            }

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

        #banner ul.buy li a img {
            width: 254px;
        }

    }

/*/////////////////////////////////////////////////*/

#ps4_What06 h5 {
    background-image: url("../img/h5_ps4_06.gif");
    height: 26px;
    text-indent: -5000px;
    margin: 40px auto 20px auto;
    background-repeat: no-repeat;
}

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

        #ps4_What06 h5 {
            background-image: none;
            text-indent: 0;
            font-size: 1.2em;
            border-bottom: 2px solid #47ca1f;
            height: auto;
        }

    }

    #ps4_What06 a {
        color: #449900;
    }

        #ps4_What06 ol li {
            overflow: hidden;
            margin-bottom: 10px;
        }

            #ps4_What06 ol li h6 {
                font-size: 1.4em;
                color: #47ca1f;
                font-weight: bold;
                background-repeat: no-repeat;
                background-position: 10px center;
                height: 40px;
                line-height: 40px;
                padding-left: 60px;
                margin-bottom: 20px;
            }

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

                #ps4_What06 ol li h6 {
                    font-size: 1em;
                    line-height: 20px;
                    min-height: 30px;
                    padding-top: 15px;
                }

            }

            #ps4_What06 ol li .box {
                border: 1px solid #67d645;
                padding: 20px;
                margin-bottom: 20px;
            }

                #ps4_What06 ol li .box h7 {
                    font-size: 1.2em;
                    color: #47ca1f;
                    margin-bottom: 10px;
                }

            #ps4_What06 ol .n01 h6 {
                background-image: url("../img/icon_nav01.gif");
            }

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

                #ps4_What06 ol .n01 h6 {
                    background-position: left 0.3em;
                    height: auto;
                }

                }

            #ps4_What06 ol .n01 p {
                margin-top: 20px;
            }

            #ps4_What06 ol .n01 .img {
                margin: 20px 0;
            }

            #ps4_What06 ol .n02 h6 {
                background-image: url("../img/icon_nav02.gif");
            }

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

                    #ps4_What06 ol .n02 h6 {
                        background-position: left 0.3em;
                        height: auto;
                    }

                }

            #ps4_What06 ol .n02 p {
                margin-top: 20px;
            }


/* 20150122 */

#ps4_What01 .w_img ul li img.kyokunavi_ico {
	float:left;
	width:50px;
	margin:0 0.5em;
	line-height:1.2em;
}

#ps4_What01 .kyokunavi_caution {
	font-size:90%;
	margin:1em 0 ;
    clear: both;
}

#ps4_What01 .w_img ul li .kyokunavi_caution p img {
	width:1.5em;
	height:auto;
}

/*.kyokunavi_caution p:before {
	content: url("/ps4/img/ico_kyokunaviapp_caution.gif");
}*/

.w_img ul li dl a.btn_detail {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border-bottom: solid 2px #ffeebb;
  float: right;
  display: block;
  text-align: center;
  color: #000;
  background-color: #ffdd41;
  width: 120px;
  height: 25px;
  line-height: 27px;
  margin-top: 0.3em;
  background-image: url("../img/icon_arrow.gif");
  background-repeat: no-repeat;
  background-position: 110px center;

/* 150729沖縄追加 */

}#banner ul .mt10 .banner {
    border: none;
    border-radius: 0;
    width: 85%;
}

#banner ul .mt10 a:hover{
	opacity:0.7;
}

/* 150826 沖縄追加 */

#ps4_What07 h5 {
	background-image: url(../img/h5_ps4_07.gif);
	height: 26px;
	text-indent: -5000px;
	margin: 40px auto 20px auto;
	background-repeat: no-repeat;
}
@media only screen and (max-width: 640px) {
  #ps4_What07 h5 {
    background-image: none;
    text-indent: 0;
    font-size: 1.2em;
    border-bottom: 2px solid #47ca1f;
    height: auto;
  }
}
#ps4_What07 ol .n01 .img {
    margin: 20px 0;
}
.need_vitaTV .btn {
    background-image: url("../img/btn_products.png");
    background-position: 10px center;
    background-repeat: no-repeat;
    border: 1px solid #6ac914;
    border-radius: 10px;
    bottom: 0;
    color: #50a800;
    display: inline-block;
    line-height: 20px;
    margin-bottom: 5px;
    padding: 2px 10px 2px 20px;
}


/**/
#sectionheader .info{
    margin-top: 50px;
}
#sectionheader .info a{
    max-width: 900px;
    margin: 0 auto;
    display: block;
}
#sectionheader .info a img{
    width: 100%;
    height: auto;
}

@media only screen and (max-width: 640px) {
#sectionheader .info{
    margin-top: 20px;
    padding: 0 20px;
}

#sectionheader .info a{
    max-width: 640px;
}

}

.vr_video{
    width: 100px;
    text-indent: 1em;
}