@charset "utf-8";
/*=================================================
 * 歡迎！東京旅遊！柴又さまホームページ
 * ================================================= */

html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p,
header, hgroup, section, article, aside, hgroup, footer, figure, figcaption, nav {
 margin: 0;
 padding: 0;
 font-size: 100%;
}

body {
 line-height: 1.0;
 -webkit-text-size-adjust: none;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary { 
 display:block;
}

img {
 border: 0;
 vertical-align: bottom;
}

ul, ol {
 list-style: none;
}

table {
 border-spacing: 0;
 empty-cells: show;
}


/*=================================================
 * CSS　歡迎！東京旅遊！柴又基本
 * ================================================= */

body {
 color: #DDDDDD;
 background-color: #191919;
 font-family: Helvetica, sans-serif;
 font-size: 14px;
 line-height: 1.6;
}

a {
 color: #AA7700;
 text-decoration: none;
 -webkit-tap-highlight-color: rgba(170,119,0,0.5);
}

a img {
 border: 1px solid #aa7700;
}

p {
 margin-bottom: 1em;
}

em {
 font-style: normal;
}

b {
 color: #FFFFFF;
}

.global-header {
 margin-bottom: 14px;
 background: url(../../../../phone/shop/img/bg_header.jpg) no-repeat right top;
}

.global-header-min {
 background: url(../../../../phone/shop/img/bg_header_min.jpg) no-repeat right top;
}

.logo {
 border: none; /* リンクのボーダーを削除 */
}

.header-bar {
	margin-bottom: 15px;
	padding: 5px 10px;
	border-top: 1px solid #500000;
	color: #FFFFFF;
	background-image: url(../../../../image/common/haikei_pattern_under_green.png);
	text-align: center;
}

.section-heading {
	margin-bottom: 8px;
	color: #003;
	font-size: 14px;
	text-align: center;
	text-shadow: 0 0 2px #FFFFFF;
}

.section-subheading {
 margin: 0 10px 8px 10px;
 font-size: 12px;
 text-align: center;
}

.block {
 margin-bottom: 15px;
 padding: 0 10px;
}

.comment {
 font-size: 13px;
}

.product-image {
 margin-bottom: 6px;
 width: 145px;
 height: 193px;
 background-color: #111111;
 -webkit-border-radius: 4px;
 border-radius: 4px;
}

.nav-category {
 margin-bottom: 15px;
}

.nav-category li {
 margin-bottom: 1px;
 height: 44px;
 line-height: 44px;
 color: #FFFFFF;
 font-size: 18px;
 text-shadow: 0 0 2px #FFFFFF;
}

.nav-category a {
 padding: 0 10px;
 display: block;
 color: #FFFFFF;
 font-weight: bold;
}

.nav-category-ballet {
 background-image: url(../../../../phone/shop/img/bg_nav_ballet.jpg);
}

.nav-category-flamenco {
 background-image: url(../../../../phone/shop/img/bg_nav_flamenco.jpg);
}

.nav-category-huladance {
 background-image: url(../../../../phone/shop/img/bg_nav_huladance.jpg);
}

.global-footer {
	padding: 10px 10px;
	background-color: #FFF;
	font-size: 12px;
	text-align: center;
	color: #000;
	background-image: url(../../../../image/common/haikei_pattern_under_green.png);
}

.nav-about li {
 padding-right: 3px;
 border-right: 1px solid #FFFFFF;
 display: inline;
 line-height: 2.4;
 white-space: nowrap;
}

.nav-about li:last-child {
 padding-right: 0;
 border-right: none;
}

.nav-about a {
 padding: 6px 3px;
 color: #FFFFFF;
}

.copyright {
 margin-bottom: 0;
}

.nav-topicpath {
 padding: 3px 10px;
 overflow: auto;
 font-size: 12px;
}

.nav-topicpath li {
 float: left;
}

.nav-topicpath li + li:before {
 margin: 0 6px;
 content: ">";
}

.nav-topicpath li a {
 padding: 3px 0;
 color: #FFFFFF;
}


/*-- トップページ -------------------------- */

.introduction {
 margin-bottom: 0;
 padding: 10px 22px;
 width: 140px;
 font-size: 12px;
}

/* ニュースティッカー */

.news {
 margin-bottom: 15px;
 padding: 0 5px;
 height: 16px;
 overflow: hidden;
 font-size: 13px;
 text-align: center;
}

.news li {
 height: 16px;
 line-height: 16px;
}

.news a {
 padding: 3px;
}

@-webkit-keyframes ticker {
/* 1行目 */
 0% { opacity: 0; -webkit-transform: translateY(0); transform: translateY(0);
}
 10% {
 opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);
}
 20% {
 opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);
}
 32% {
 opacity: 0; -webkit-transform: translateY(0); transform: translateY(0);
}

/* 2行目 */
 33% {
 opacity: 0; -webkit-transform: translateY(-16px); transform: translateY(0);
}
 43% {
 opacity: 1; -webkit-transform: translateY(-16px); transform: translateY(0);
}
 53% {
 opacity: 1; -webkit-transform: translateY(-16px); transform: translateY(0);
}
 65% {
 opacity: 0; -webkit-transform: translateY(-16px); transform: translateY(0);
}

/* 3行目 */
 66% {
 opacity: 0; -webkit-transform: translateY(-32px); transform: translateY(-32px);
}
 76% {
 opacity: 1; -webkit-transform: translateY(-32px); transform: translateY(-32px);
}
 86% {
 opacity: 1;-webkit-transform: translateY(-32px); transform: translateY(-32px);
}
 100% {
 opacity: 0; -webkit-transform: translateY(-32px); transform: translateY(-32px);
}
}

.anim-ticker {
 -webkit-animation: ticker 10s infinite;
}

/* おすすめ商品 */

.recommend {
 position: relative;
 height: 260px;
 -webkit-perspective: 320px;
}

.recommend li {
 margin-left: -100px;
 width: 200px;
 position: absolute;
 left: 50%;
 text-align: center;
 -webkit-transform-style: preserve-3d;
 -webkit-backface-visibility: hidden;
}

.recommend a {
 display: block;
 font-size: 12px;
}

@-webkit-keyframes flipFront {
 0% { -webkit-transform: rotateY(0deg); transform: rotateY(0deg);
}
 45% { -webkit-transform: rotateY(0deg); transform: rotateY(0deg);
}
 55% { -webkit-transform: rotateY(180deg); transform: rotateY(180deg);
}
 100% { -webkit-transform: rotateY(180deg); transform: rotateY(180deg);
}
}

@-webkit-keyframes flipBack {
 0% { -webkit-transform: rotateY(180deg); transform: rotateY(180deg);
}
 45% { -webkit-transform: rotateY(180deg); transform: rotateY(180deg);
}
 55% { -webkit-transform: rotateY(0deg); transform: rotateY(0deg);
}
 100% { -webkit-transform: rotateY(0deg); transform: rotateY(0deg);
}
}

.anim-flip-front {
 -webkit-animation: flipFront 5s infinite alternate;
}

.anim-flip-back {
 -webkit-animation: flipBack 5s infinite alternate;
}

/*-- 商品詳細ページ -------------------------- */

.product-image-detail {
 text-align: center;
}

.product-image-detail .product-image {
	width: 280px;
	height: 240px;
}

.jCarousel {
 margin-bottom: 15px;
 text-align: center;
 -webkit-transition: margin 0.5s ease-in-out; 
}

.product-info {
 margin-bottom: 15px;
}

.product-info dt {
 margin-right: 6px;
 padding: 6px;
 display: inline;
 float: left;
 color: #FFFFFF;
 background-color: #333333;
 -webkit-border-radius: 4px;
 border-radius: 4px;
}

.product-info dd {
 margin-bottom: 6px;
 padding: 6px;
}

.attention {
 margin: 25px 0 15px 0;
 padding: 6px;
 background-color: #333333;
 font-size: 12px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
}

.button {
 margin: 0 auto;
 border: 1px solid #ffcc00;
 display: block;
 width: 150px;
 height: 28px;
 line-height: 28px;
 color: #FFFFFF;
 background-image: -webkit-gradient(linear, left top, left bottom, from(#ffcc00), to(#ff9900));
 font-weight: bold;
 font-size: 16px;
 text-align: center;
 -webkit-border-radius: 14px;
 border-radius: 14px;
 text-shadow: 0 1px 1px #191919;
 -webkit-animation: shining 2s infinite;
}

@-webkit-keyframes shining {
 0% { -webkit-box-shadow: 0 0 1px #FFFFFF; box-shadow: 0 0 1px #FFFFFF; 
}
 50% { -webkit-box-shadow: 0 0 20px #FFFFFF; box-shadow: 0 0 10px #FFFFFF;
}
 100% { -webkit-box-shadow: 0 0 1px #FFFFFF; box-shadow: 0 0 1px #FFFFFF;
}
}