@charset "UTF-8";

/* CSS Document */


/* サイト全体指定 */
body {
		font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
		width: 100%;
		width: 100%;
		margin: 0;
}


/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc {
		display: block !important;
}
.sp {
		display: none !important;
}


/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 600px) {
		.pc {
				display: none !important;
		}
		.sp {
				display: block !important;
		}
}

.footer {
		text-align: center;
		background-color: #C76F00;
		color: #fff;
		font-family: "Arial", "メイリオ";
		font-size: 0.6em;
}


/*===============================================
画面の横幅が641px以上（パソコン用）
===============================================*/

@media screen and (min-width: 601px) {
	.tyuipc{
		width: 100%;
		vertical-align: middle;
	}
}


/*===============================================
画面の横幅が600pxまで（スマホ用）
===============================================*/

@media screen and (max-width:600px) {
		.tyuisp{
		width: 100%;
		vertical-align: middle;
			}

/*------カート画面 》お客様情報入力 》入力確認 》終了のナビ-------*/

.navi{
	text-align: center;
}

.navi ul{
	list-style: none;
	padding-left: 0;
	width: 100%;
	margin: 5px auto 5px auto;
	
}

.navi ul li{
	height: 15px;
	float:left;
	padding-top: 3px;
	font-size: 0.7em;
}

.navi ul li.current{
	background-color: #FEC896;
	font-weight: bold;
}

.navi ul li.others{
	background-color: #f8f8f8;
	
}

.navi ul li.ya{
	width: 7px;
	margin: 0px 5px 0 5px;
}

.navi ul li.cart,
.navi ul li.confirm,
.navi ul li.thanks{
	width: 60px;
}

.navi ul li.enter{
	width: 90px;
}

}