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


/* common
-------------------------------------------------------------------- */
body {
	font-size: 12px;
}

#wrapper {
	min-width: 100%;
	overflow: hidden;
}


/* header footer
-------------------------------------------------------------------- */
#headTopWrap {
	height: auto;
}

#headLeft h1 img {
	width: 60%;
}

#headLeft p#spLink,
ul#headRight {
	display: none;
}

#fixFooter {
	background-color: transparent;
}

div#fixTopics {
	display: none;
}

p#toTop a {
	background: url(/common/img/foot/btn_pagetop.png) no-repeat right top;
	background-color: #0cc61d;
	padding: 16px 30px 0 10px;
	bottom: 0;
	height: 24px;
	width: auto;
}


/* container
-------------------------------------------------------------------- */
#container {
	width: auto;
}

#container h2 {
	font-size: 6.5vw;
	margin: 0 3.2% 10px;
}

#container h3 {
	font-size: 6.5vw;
	margin: 20px 3.2% 10px;
}


/* title
-------------------------------------------------------------------- */
#title h1 {
	width: 100%;
	height: auto;
	font-size: 7vw;
}

#title h1 span {
	display: block;
	margin-left: 0;
}


/* section
-------------------------------------------------------------------- */
#container section {
	margin: 0 3.2% 20px;
	padding: 10px 3.2%;
}

.tw {
	position: inherit;
	text-align: right;
}

.data {
	font-size: 2.5vw;
	height: auto;
	line-height: 1.3;
	padding: 10px 3.2%;
}

.data span {
	display: none;
}


/* contWrap
-------------------------------------------------------------------- */
.contWrap + .contWrap {
	margin-top: 20px;
}

.contWrapInner {
	padding: 20px 3.2%;
}

#container .contWrapInner h3 {
	font-size: 16px;
}

#container .contWrapInner h4 {
	font-size: 14px;
}

.innerImg {
	float: none;
	margin-bottom: 10px;
}

.innerImg > img {
	height: auto;
	width: 100%;
}

.innerImg dl img {
	height: auto;
	width: 60%;
}

.innerText {
	padding-left: 0;
}

.innerText img {
 	height: auto;
	width: 100%;
}

#container .btn_list a {
	width: auto;
}

.movie {
	margin: 0 3.2% 15px;
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 25px;
	height: 0;
	overflow: hidden;
    z-index: 1;
}

.movie iframe,
.movie object,
.movie embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.artists li {
    display: block;
    width: auto;
}

.artists li img {
    height: auto;
    width: 50%;
}


/* goods
-------------------------------------------------------------------- */
.boxWrap {
	margin: 0;
}

.box {
	float: none;
	margin: 0;
	padding: 10px 3.2%;
	width: auto;
}

.boxWrap.boxCard .box {
	width: auto;
}

.boxWrap + .boxWrap.boxCard,
.box + .box,
.boxWrap.boxCard .box + .box {
	margin-top: 10px;
}

.boxPhoto {
	float: none;
	text-align: center;
	width: auto;
}

.boxlink img {
	width: 130px;
	height: 43px;
	overflow: hidden;
}

.boxText {
	float: none;
	margin-top: 10px;
	width: auto;
}

.boxWrap.boxCard .boxPhoto {
	margin: 12px auto;
}

.otherGoods {
    width: auto;
    font-size: 16px;
    padding: 10px;
    margin: 10px 0;
}


/* webshop
-------------------------------------------------------------------- */
.shopBn,
.shopText {
	float: none;
	width: auto;
}

.shopBn {
	margin-bottom: 10px;
	text-align: center;
}

.shopBn img {
	max-width: 70%;
	height: auto;
}


/* copyright
-------------------------------------------------------------------- */
.copyright {
	margin: 0 3.2% 20px;
}


/* accordion 
-------------------------------------------------------------------- */
.accordionComment {
	padding: 20px 3.2%;
}


/*　formSet
-------------------------------------------------------------------- */
.formSet {
	margin-bottom:5px;
	margin-left: 0;
	padding-top:10px;
}

.formSet p.formSetLeft{
	width: auto;
	float: none;
	margin: 0 !important;
	text-align: left;
}

.formSet div.formSetRight{
	width: auto;
	float: none;
}

.formSetText {
	padding-top: 0;
}

.formSet input[type="text"] {
	width: 88%;
}

.formSet textarea.areaText {
	width: 88%;
	height: 80px;
}

p#requiredEntryText,
p.requiredEntryText {
	padding-left: 0;
}

.formBtnWrap {
	margin-top: 30px;
}

.formBtnWrap input{
	display: block;
    margin: 10px auto;
}

#container .innerText .btn_list{
	width: 100%;
	margin: 5px 0;
}


/* tokuten
-------------------------------------------------------------------- */
.tokutenImg li {
	display: block;
	margin-bottom: 10px;
	width: auto;
}

.tokutenImg li img {
	height: auto;
	width: 100%;
}

.innerText_tokuten {
	padding-left: 0;
}