/* 全ページ共通 */
html,
body{
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	background:#f5f5f5;
	width:100%;
	height:100%;
	margin:0;
	border:none;
	text-align:center;
	font-size:12px;
	line-height:1.6em;
}

table{
	font-size:100%;
}

#pageWrapper{
	display:inline-block;
	width:100%;
	max-width:450px;
	background:#fff;
	margin-top:20px;
	margin-bottom:20px;
	padding:30px;
	border-radius:6px;
	box-shadow:rgba(0, 0, 0, 0.4) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.4) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(0, 0, 0, 0.4) 0px 0px 6px 3px;
	font-size:1rem !important;
	text-align:left;
}

@media screen and (max-width: 510px) {
	#pageWrapper{
		max-width:510px;
		margin-top:0px !important;
		margin-bottom:0px !important;
		padding:0px !important;
	}
}

#pTitle{
	box-sizing:border-box;
	width:100%;
	min-width:320px;
	text-align:center;
	background:#13C5DB;
	border-radius:4px;
	padding:13px;
	font-family: 'Roboto', sans-serif;
	font-weight:300;
	font-size:24px;
	color:#fff;
	margin-top:0px;
}

h2,
.midashi{
	font-size:1.2rem;
}

.button{
	display:inline-block;
	box-sizing:border-box;
	padding:5px !important;
	border-top:#1992da 1px solid;
	border-left:#0c75bb 1px solid;
	border-right:#0c75bb 1px solid;
	border-bottom:#00589c 1px solid;
	border-radius:4px;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
	background:#41aeeb; /* Old browsers */
	background:-moz-linear-gradient(top, #41aeeb 0%, #117ed2 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#41aeeb), color-stop(100%,#117ed2)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #41aeeb 0%,#117ed2 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #41aeeb 0%,#117ed2 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top, #41aeeb 0%,#117ed2 100%); /* IE10+ */
	background:linear-gradient(to bottom, #41aeeb 0%,#117ed2 100%); /* W3C */
	width:98%;
	text-align:center;
}
.back_button{
	display:inline-block;
	box-sizing:border-box;
	padding:5px !important;
	border-top:#999999 1px solid;
	border-left:#777777 1px solid;
	border-right:#777777 1px solid;
	border-bottom:#555555 1px solid;
	border-radius:4px;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
	background:#b2b2b2; /* Old browsers */
	background:-moz-linear-gradient(top, #b2b2b2 0%, #5e5e5e 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#b2b2b2), color-stop(100%,#5e5e5e)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #b2b2b2 0%,#5e5e5e 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #b2b2b2 0%,#5e5e5e 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top, #b2b2b2 0%,#5e5e5e 100%); /* IE10+ */
	background:linear-gradient(to bottom, #b2b2b2 0%,#5e5e5e 100%); /* W3C */
	width:98%;
	text-align:center;
}

.fin_button{
	display:inline-block;
	box-sizing:border-box;
	padding:5px !important;
	border-top:#21a624 1px solid;
	border-left:#108d13 1px solid;
	border-right:#108d13 1px solid;
	border-bottom:#007503 1px solid;
	border-radius:4px;
	color:#fff;
	font-weight:bold;
	cursor:pointer;
	background:#1ac420; /* Old browsers */
	background:-moz-linear-gradient(top, #1ac420 0%, #039203 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#1ac420), color-stop(100%,#039203)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #1ac420 0%,#039203 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #1ac420 0%,#039203 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top, #1ac420 0%,#039203 100%); /* IE10+ */
	background:linear-gradient(to bottom, #1ac420 0%,#039203 100%); /* W3C */
	width:98%;
	text-align:center;
}

.btBox,
.priBox{
	box-sizing:border-box;
	margin:10px 0 10px 0;
}


#footerLogo{
	box-sizing:border-box;
	width:100%;
	background:#000;
	padding:3px 0 3px 10px;
	color:#ccc;
	text-align:center;
}

.tt{
	width:100%;
	min-width:320px;
	background:#ffffff;
	border:solid 1px #cccccc;
	border-width:1px 0 0 1px;
}
.tt td, .tt th{
	border:solid 1px #cccccc;
	border-width:0 1px 1px 0;
}
.tt th{
	white-space:nowrap;
	background:#CAD8EE;
	color:#334158;
}


/* 在庫ページ ( index.php ) */
#pageWrapperIndex{
	display:inline-block;
	width:100%;
	max-width:700px;
	background:#fff;
	margin-top:20px;
	margin-bottom:20px;
	padding:30px;
	border-radius:6px;
	box-shadow:rgba(0, 0, 0, 0.4) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.4) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(0, 0, 0, 0.4) 0px 0px 6px 3px;
	text-align:left;
}

@media screen and (max-width: 775px) {
	#pageWrapperIndex{
		max-width:775px;
		margin-top:0px !important;
		margin-bottom:0px !important;
		padding:0px;
	}
}

#main_selection{
	overflow: hidden;
}

#main_selection img{
	display: block;
	width:50%;
	cursor:pointer;
	float: left;
}

.pop_pu{
	display:none;
}

.pop_pu img{
	width: 100%;
}

.mido{
	color:#009900;
}

.aka{
	color:#dd0000;
}

.pink{
	color:#dd0044;
}

.ao{
	color:#0088ee;
}

.kigou{
	font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

#top_attention{
	box-sizing:border-box;
	margin:10px;
	padding:10px;
	background:#ffff99;
}

#top_attention div{
	border-bottom:#888 1px dotted;
	margin-bottom:1em;
}

#top_attention div:last-child{
	margin-bottom:0;
}

#sub_attention{
	padding:10px;
	color:#dd0000;
}

#return_top{
	box-sizing:border-box;
	text-align:right;
	padding:3px;
	background-color:#DED7D0;
	margin-bottom:10px;
}

#return_top a{
	display:inline-block;
	background:#888888;
	padding:2px 6px 2px 6px;
	box-sizing:border-box;
	border:#fff 2px solid;
	text-decoration:none;
	color:#fff;
}

.ttt{
	box-sizing:border-box;
}

.ttt img{
	width: 100%;
}

.item_name{
	box-sizing:border-box;
	border:#ccc 1px solid;
	margin:1px;
	padding:5px;
	border-radius:4px;
}

.item_name2{
	box-sizing:border-box;
	border:#ccc 1px solid;
	text-align:center;
	margin:1px;
	padding:5px;
	border-radius:4px;
}

.size_list div{
	box-sizing:border-box;
	height:4em;
	text-align:center;
	border:#ccc 1px solid;
	margin:1px;
	padding:2px;
	border-radius:4px;
	vertical-align:middle;
}

select{
	font-size:12px;
}




/* 店舗選択ページ ( shop_select.php ) */
#area_box{
	box-sizing:border-box;
	width:100%;
	margin-bottom:20px;
}

#area_box div{
	box-sizing:border-box;
	padding:2px 0 2px 10px;
	color:#fff;
	font-size:14px;
	border-radius:3px;
	margin-bottom:5px;
	cursor:pointer;
}

@media screen and (max-width: 510px) {
	#area_box div{
		font-size:16px;
		padding:4px 0 4px 10px;
	}
}

#area_box div:nth-child(1){
	background:#658ccf;
}
#area_box div:nth-child(2){
	background:#da9e2a;
}
#area_box div:nth-child(3){
	background:#6fa65e;
}
#area_box div:nth-child(4){
	background:#be6595;
}
#area_box div:nth-child(5){
	background:#239e9e;
}
#area_box div:nth-child(6){
	background:#b48ed4;
}

#shop_list div{
	display:none;
}

.shop_box{
	width:100%;
	box-sizing:border-box;
	background:#eeeeee;
	border-collapse:separate;
	border-radius:3px;
	margin-bottom:4px;
}

.shop_detail{
	box-sizing:border-box;
	padding:5px;
	width:400px;
}

.shop_detail a{
	box-sizing:border-box;
	display:inline-block;
	background:#fff;
	color:#444;
	font-size:10px;
	padding:1px 10px 1px 10px;
	text-decoration:none;
	border-radius:4px;
	border:#777 1px solid;
}

.shop_click{
	width:50px;
	height:50px;
	border:#cccccc 1px solid;
	border-radius:3px;
	cursor:pointer;
	text-align:center;
	vertical-align:middle;
	background:#41aeeb; /* Old browsers */
	background:-moz-linear-gradient(top, #41aeeb 0%, #117ed2 100%); /* FF3.6+ */
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#41aeeb), color-stop(100%,#117ed2)); /* Chrome,Safari4+ */
	background:-webkit-linear-gradient(top, #41aeeb 0%,#117ed2 100%); /* Chrome10+,Safari5.1+ */
	background:-o-linear-gradient(top, #41aeeb 0%,#117ed2 100%); /* Opera 11.10+ */
	background:-ms-linear-gradient(top, #41aeeb 0%,#117ed2 100%); /* IE10+ */
	background:linear-gradient(to bottom, #41aeeb 0%,#117ed2 100%); /* W3C */
	color:#fff;
}



/* お客様情報入力ページ ( customer.php ) */
#costmer_box table tr td{
	vertical-align:middle;
}
#costmer_box table tr .inbox{
	box-sizing:border-box;
	padding-top:10px;
}

.input_name,
.input_tel{
	box-sizing:border-box;
	padding:4px;
	border:#aaa 1px solid;
	border-radius:3px;
}

@media screen and (max-width: 510px) {
	.input_name,
	.input_tel{
		font-size:16px;
	}
}

.input_name{
	width:100%;
}

.input_tel{
	width:100%;
}

.error{
	color:#dd0000;
	display:none;
}


/* ご注文完了ページ ( complete.php ) */
#order_number{
	display:inline-block;
	box-sizing:border-box;
	padding:6px 10px 6px 10px;
	border: #888 1px solid;
	border-radius:4px;
	font-size:1.6rem;
	font-weight:bold;
	color:000;
}

#confirm_box{
	background:#fff;
}

#attention{
	color:#06F;
}

#SSS_wrap{
	border:#F90 4px solid;
}

#SSS img{
	width:100%;
}