@charset "utf-8";

/* レスポンシブ用CSS header footer */

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

#headLogo{
	margin:0 0 10px;
	padding:0;
	text-align:center;
}
#headLogo a{
	display:block;
}
#headLogo a img{
	width:50%;
}
#cart{
	display:none;
	margin:0 20px;
	line-height:30px;
}

#headNavi{
	padding:0 10px 20px;
	text-align:center;
}
.resDiv,
#accountNavi2,
#headNavi,
#accountNavi{
	position:static;
}
#headNavi,
.dd .ddTitle span.textTitle,
#accountNavi2 li,
#accountNavi li{
	font-size:34px;
}
#accountNavi li .dd .ddTitle span.arrow{
	width:50px;
	height:50px;
	background-size:100% 200%;
	-webkit-background-size:100% 200%;
	-moz-background-size:100% 200%;
	bavkground-position:none;
}
#accountNavi .dd .ddTitle span.textTitle{
	line-height:1.4em;
}
.dd .ddTitle span.textTitle img{
	height:50px;
	width:auto;
}
#accountNavi{
	overflow: visible;
}
#accountNavi:after {
	content: ""; 
	display: block; 
	clear: both;
}
#accountNavi2,
#accountNavi{
	padding:0 5px 5px;
}
#accountNavi li.borderRight,
#accountNavi li.border{
	border:none;
	margin:0;
	padding:0 2px;
}

#accountNavi li{
	width:33%;
	padding:0 2px;
	margin:0;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
#accountNavi li:nth-child(4) p{
	margin:0;
}
#accountNavi li:nth-child(5){
	margin:0;
}
#accountNavi li:nth-child(3),
#accountNavi li:nth-child(6){
	width:34%;
	padding:23px 10px;
	margin:0;
}

#accountNavi li:nth-child(3) .dd .ddTitle{
	height:50px
}
#accountNavi li a.cart{
	background:#f3f3f3;
}
#accountNavi li:nth-child(6) a{
	height:auto;
	padding:4px 3px;
}
#accountNavi li a.cart .num{
	display:inline-block;
	margin: 0 0 0 5px;
	padding:1px;
    width:50px;
	background: #666;
    border-radius: 50%;
    color: #eee;
}
#accountNavi li a.mypage,
#accountNavi li a.logout,
#accountNavi li a.login,
#accountNavi2 li a,
#accountNavi li a{
	display:block;
	padding:30px 10px;
	text-align:center;
	background:#333;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
#mySelect_child{
	width:100% !important;
}
.dd .ddChild{
	position:absolute !important;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
#mySelect_msddHolder{
	position:static !important;
}
#mySelect_msdd{
	width:100% !important;
}
#mySelect,
#mySelect_title{
	height:auto;
	padding:5px 0;
}

h1.ticket, h1.cart, h1.payment, h1.form, h1.basic {
	font-size: 140%;
	background-position: 0 0;
	padding:10px 0 45px 100px;
	background-size:80px auto;
	-webkit-background-size:80px auto;
	-moz-background-size:80px auto;
}
.tickets h2{
	margin:0;
	padding:25px 0 45px 100px;
	background-size:80px auto;
	-webkit-background-size:80px auto;
	-moz-background-size:80px auto;
}
.ticketInfo h2{
	margin:20px 0 15px;
}
.cartSetMultiple .category{
	padding:30px 0;
}

#footNavi{
	padding:20px 0 0;
	text-align:center;
}
#footNavi li {
	display:inline-block;
	float:none;
	width:33%;
	height:70px;
	margin:0;
	padding:5px;
	font-size:28px;
	border:none;
	vertical-align: top;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#footLogo{
	padding:5px 10px;
}
#copyright{
	padding:10px 0 20px;
	font-size:28px;
	text-align:center;
	line-height:1.3em;
}
#toPageTop{
	left:85% !important;
}
#toPageTop img{
	width:100px !important;
	height:auto !important;
}

}




}