@charset "utf-8";

/* Reset
-------------------------------------------------------------------------------*/

/* html5doctor.com Reset v1.6.1 - http://cssreset.com */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}ins{background-color:#ff9;color:#000;text-decoration:none}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}

h1,h2,h3{ font-weight: normal; }
img{ vertical-align: top; }
ul,ol{ list-style: none; }

a{ color: #7070CB; text-decoration: none; }
a:visited{ color:#535398; }

/* basic
-------------------------------------------------------------------------------*/
body{
	font:16px/1.75 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", meiryo, sans-serif;
	/*-webkit-text-size-adjust: 100%;*/
	background-color: #fff;
	color: #333;
}

.clrfx:after{
	content:"";
	display:block;
	clear:both;
}

.fltR{ float: right; }
.fltL{ float: left; }

.mt10{ margin-top: 10px; }
.mt15{ margin-top: 15px; }
.mt25{ margin-top: 25px; }

.alnC{ text-align: center; }
.alnR{ text-align: right; }
.small{ font-size: 14px; line-height: 1.4; }
.txtUdl{ text-decoration: underline; }

.red{ color: #BD312E; }
.blue{ color: #0080ff; }
.orange{ color: #dd4f12; }

.indentList li{
	text-indent: -1em;
	margin-left: 1em;
}

/* layout, module
-------------------------------------------------------------------------------*/
.wrapper{
	width: 320px;
	margin: 0 auto;
	overflow: hidden;
}

header{
	position: relative;
	border-bottom: 2px solid #ef7d1a;
}

h1 a{
	display: block;
	width: 200px;
	height: 65px;
	background: url(../images/sp_header.gif) no-repeat 5px 7px;
	-webkit-background-size: 185px 53px;
	background-size: 185px 53px;
	text-indent: -9999px;
}

header ul li{ position: absolute; }
#headerHistory{ display: none; top: 7px; right: 66px; }
#headerCart{ top: 7px; right: 8px; }

header ul li a{
	display: block;
	width: 50px;
	height: 50px;
	text-indent: -9999px;
	border-radius: 6px;
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.2);
}

#headerHistory a{
	background: #ef7d1a url(../images/header_history.png) no-repeat 10px 2px;
	-webkit-background-size: 32px 46px;
	background-size: 32px 46px;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}

#headerCart a{
	background: #ef7d1a url(../images/header_cart.png) no-repeat 10px 5px;
	-webkit-background-size: 32px 42px;
	background-size: 32px 42px;
}

header ul li.active{ opacity: 0.6; }



.subtitle{
	height: 40px;
	padding-left: 12px;
	background-color: #f0f0f0;
	background-repeat: no-repeat;
	background-position: left center;
	font-weight: bold;
	line-height: 40px;
	color: #4d4d4d;
}

.container{ padding: 0 10px; }

.hiddenTitle{ display: none; }

.link a{
	padding-left: 10px;
	background: url(../images/arrow_right.png) no-repeat left center;
	-webkit-background-size: 5px auto;
	background-size: 5px auto;
	text-decoration: none;
}


/* lineup List */
.lineupList{ letter-spacing: -0.35em; }

.lineupList dl{
	display: inline-block;
	width: 98px;
	margin-top: 25px;
	padding: 0 4px;
	vertical-align: top;
	letter-spacing: 0;
}

.lineupList dt a{
	display:block;
	padding-bottom: 2px;
	font-size: 12px;
	line-height: 1.4;
	text-decoration: none;
	color: #000;
}

.lineupList dt a > div{
	position: relative;
	margin-bottom: 5px;
	text-align: center;
}

.lineupList dt a span{
	display: block;
	font-size: 10px;
	color: #808080;
}

.lineupList .icons{
	position: absolute;
	top: -4px;
	left: -2px;
}
.lineupList .icons > img{
	display: block;
	width: 30px;
	height: auto;
	margin-bottom: 2px;
}

.lineupList dd{
	font-size: 12px;
	line-height: 1.4;
}
.lineupList dd li{ color: #e60000; }
.lineupList dd span{
	font-size: 10px;
	color: #808080;
}



/* buttons */
.blocknav{
	margin-left: -5px;
	text-align: center;
	letter-spacing: -0.4em;
}
.blocknav li{
	margin-left: 5px;
	margin-bottom: 5px;
	display: inline-block;
}

.subBtn,
.subBtnList li{
	width: 143px;
	height: 46px;
	margin: 20px auto;
	border: 2px solid #ccc;
	border-radius: 10px;
	font-weight: bold;
}
.subBtn a,
.subBtnList li a{
	display: block;
	padding-top: 10px;
	padding-left: 40px;
	background: url(../images/arrow_right.png) no-repeat 22px 16px;
	-webkit-background-size: 10px 15px;
	background-size: 10px 15px;
	text-decoration: none;
	color: #7070CB;
}


/* link */
.subLink a{
	display: inline-block;
	padding-left: 12px;
	background: url(../images/arrow_right.png) no-repeat left 6px;
	-webkit-background-size: 7px 10px;
	background-size: 7px 10px;
	font-size: 14px;
	text-decoration: none;
}

.backHead a{
	display: inline-block;
	padding: 0 12px;
	background: url(../images/backhead.png) no-repeat left 6px;
	-webkit-background-size: 10px 8px;
	background-size: 10px 8px;
	font-size: 14px;
	text-decoration: none;
}


/* feature slide */
.featureSlide{
	position: relative;
	width: 320px;
	height: 165px;
	margin-top: 15px;
	overflow: hidden;
}
.featureSlide ul{
	position: absolute;
	width: 1505px;
	height: 165px;
	left: -593px;
	overflow: hidden;
}

.featureSlide li{
	float: left;
	padding: 0 3px;
}

.featureSlide li img{
	width: 295px;
	height: auto;
}


/* drag */
.drag{
	position: relative;
	max-width: 320px;
	overflow: hidden;
}
.drag .dragContent{
	position: absolute;
	left: 0;
}


/* toggle */
.toggle{
	height: 0;
	overflow: hidden;
}

.toggleBtn{
	background: #FFF url(../images/toggle.gif) no-repeat;
	-webkit-background-size: 320px 45px;
	background-size: 320px 45px;
	color: #7070cb;
}

.toggleBtn p{
	width: 100px;
	height: 29px;
	margin: 0 auto;
	padding: 16px 0 0 20px;
	font-size: 14px;
	line-height: 1.0;
	background: url(../images/arrow_down.png) no-repeat 14px 16px;
	-webkit-background-size: 16px 15px;
	background-size: 16px 15px;
	text-align: center;
	font-weight: bold;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}


/* main nav */
.mainNav{
	margin: 16px 0 10px 0;
	background: #fdf2e8 url(../images/nav_lineup.gif) no-repeat left top;
	-webkit-background-size: 150px 20px;
	background-size: 150px 20px;
	text-align: center;
}

.mainNav li{
	float: left;
	border-left: 1px solid #FFFFFF;
}

.mainNav li:nth-child(1),
.mainNav li:nth-child(2){
	margin-top: 14px;
	border-top: 1px solid #FFFFFF;
}
.mainNav li:nth-child(1){ border-left: 1px solid #ef7d1a; }

.mainNav li.active{ opacity: 0.6; }

.mainNav li a{
	display: block;
	width: 59px;
	height: 51px;
	padding-top: 17px;
	background-color: #ef7d1a;
}

.mainNav li:nth-child(1) a,
.mainNav li:nth-child(2) a{
	width: 69px;
	height: 47px;
	padding-top: 6px;
}

.subNav{
	margin-top: 10px;
	margin-bottom: 10px;
}
.subNav li{
	width: 98px;
	height: 48px;
	border: 2px solid #ccc;
	border-radius: 10px;
}
.subNav li a{
	display: block;
	padding-top: 15px;
}


/* history */
#history{ display: none; }

#history > p{
	height: 40px;
	padding-left: 12px;
	background-color: #f0f0f0;
	box-shadow: 0 4px 4px 0 rgba(0,0,0,0.1) inset;
	line-height: 40px;
	font-weight: bold;
	color: #4d4d4d;
}

#history .lineupList{ height: 75px; }
#history .lineupList > div{ height: 75px; }

#history dl{
	width: 80px;
	margin-top: 6px;
	padding: 0;
}

#history dt a{ font-size: 10px; }
#history dt a span{ font-size: 8px; }
#history dt a > div{ height: auto; }

#history dt img{
	display: block;
	width: 100%;
	height: auto;
	margin-bottom: 2px;
}

#history .toggleBtn{ background: none; }

#history .toggleBtn p{
	box-sizing: border-box;
	width: 100%;
	height: 42px;
	background: #f0f0f0 url(../images/arrow_up.png) no-repeat 126px 16px;
	-webkit-background-size: 16px 15px;
	background-size: 16px 15px;
	box-shadow: 0 -4px 4px 0 rgba(0,0,0,0.1) inset;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}



/* footer */
footer{ margin-top: 50px; }

.footerNav{
	margin: 10px 0 20px 0;
	border-top: 2px solid #c7c8c9;
}

.footerNav li{
	height: 47px;
	border-bottom: 2px solid #c7c8c9;
}

.footerNav a{
	display: block;
	padding-left: 53px;
	background: no-repeat 12px 10px;
	-webkit-background-size: 27px;
	background-size: 27px;
	text-decoration: none;
	line-height: 47px;
	color: #4d4d4d;
}

.footerNav a img{ vertical-align: baseline; }

.footerNav li:nth-child(1) a{ background-image: url(../images/footer_nav1.gif); }
.footerNav li:nth-child(2) a{ background-image: url(../images/footer_nav2.gif); }
.footerNav li:nth-child(3) a{ background-image: url(../images/footer_nav3.gif); }
.footerNav li:nth-child(4) a{ background-image: url(../images/footer_nav4.gif); }
.footerNav li:nth-child(5) a{ background-image: url(../images/footer_nav5.gif); }
.footerNav li:nth-child(6) a{ background-image: url(../images/footer_nav6.gif); }

.share{
	text-align: center;
}
.share li{
	display: inline-block;
	margin-right: 18px;
}
.share li:last-child{ margin-right: 0; }

.share li iframe,
.share li div,
.share li span{
	height: 20px;
	display: block;
}

#copyright{
	height: 7px;
	padding: 15px 0;
	text-align: center;
}