@charset "utf-8";
/* sp.css For Smart Phone */

html{
	font-family: arial, sans-serif;
}

body{
	margin: 0;
	padding: 0;
	font-size: 18px;
	background-color: #EBEBEB;
	font-family: arial, sans-serif;

}

h1{
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f15a24), to(#f7931e));
	background: linear-gradient(to bottom, #f15a24, #f7931e);
	margin-top: 0;
	color: #FFF;
	text-align: center;
	font-size: 25px;
	padding: 10px 5px;
	text-shadow: 1px 1px 3px #000;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	border-bottom: 1px solid #c1272d;
	margin-bottom: 16px;
}


h2{
	margin-top: 0;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#efad9a), to(#f2bdad));
	background: linear-gradient(to bottom, #efad9a, #f2bdad);
	font-size: 18px;
	color: #FFF;
	padding: 10px 5px;
}
p,section{
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	padding: 0.5em;
	background-color: #FFF;
	border-radius: 5px;
	width: 95%;
	margin: 0 auto 10px;
	line-height: 1.25em;
}
a{
	display: block;
	padding: 10px 5px;
	margin: 5px;
	font-size: 20px;
}
a.btn-dm{
	text-align: center;
	font-size: 25px;
	padding: 8px 5px;
	text-shadow: 1px 1px 3px #000;
	color: #FFF;
	font-weight: bold;
	border: 2px solid #FFF;
	width: 95%;
	height: 50px;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	margin: 1em auto;
	text-decoration: none;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ccea89), to(#a4c855));
	background: linear-gradient(to bottom, #ccea89, #a4c855);
	border-radius: 5px;
	/* box-shadow */
	box-shadow:rgba(163, 200, 85, 0.631373) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(163, 200, 85, 0.631373) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(163, 200, 85, 0.631373) 0px 0px 6px 3px;
}
span.links a:before{
	width: 0;
	height: 0;
	border-top: 4px solid transparent;
	border-left: 6px solid gray;
	border-bottom: 4px solid transparent;
	content: "";
	margin-right: 10px;
	font-size: 0px;
	display: inline-block;
}
span.links a{
	text-decoration: none;
}

input.al-domain{
	display: block;
	width: 100%;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	margin: 1em 0;
	padding: 5px 5;
	font-size: 22px;
}

div.shop{
	background: #FFF;
	color: #333;
	font-size: 20px;
	padding: 10px 5px;
	font-weight: bold;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#DDD), to(#FFF));
	background: linear-gradient(to bottom, #DDD, #FFF);
	text-align: center;
}

select{
	display: block;
	width: 98%;
	height: 40px;
	font-size: larger;
}
button, input[type="submit"] {
	/* iphoneの設定をクリア */
	appearance: none;
	-webkit-appearance: none;

	text-align: center;
	text-decoration: none;
	padding: 5px 20px;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;

	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);

	min-height: 40px;
	width: 120px;
	box-sizing: border-box;
	-webkit-box-sizing:border-box;
	display: block;
	margin: 20px auto 10px;
	font-size:100%;

	/* 202204 reset browser setting */
	color:#000;
	background-color: #efefef;
}
input[type="submit"] {
	/* 202204 change button color */
	color:#fff;
	background-color: #007AFF;
	border: 1px solid #fefefe;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
button:disabled, input[type="submit"]:disabled {
	opacity: 0.4;
}

input[type="text"],
input[type="number"] {
	display: block;
	height: 30px;
	font-size: larger;
	width: 95%;
}
input.btn-confirm, button.btn-confirm {
	width: 200px;
}
.require{
	color: #FF3333;
}


dl{
	margin: 0;
}
dt,dd{
	display: block;
	line-height: 1.5em;
}
dd{
	margin-left: 10px;
	margin-bottom: 10px;
}
textarea{
	width: 220px;
	max-width: 98%;
}
input.input-text{
	width: 220px;
	max-width: 98%;
}


div.header{
	word-wrap: break-word;
	font-size: 20px;
}
div.footer{
	font-size: 14px;
	color: #999;
	text-align: center;
}
.menu{
	line-height: 1.7;
}

/* hr */
hr{
	margin: 1em 0;
	padding: 0;
}

dd{ /* for WordWrap */
	width: 95%;
	word-wrap: break-word;
}


/* span text */
span.attention {
	color: #FF0000;
}
span.title-bold-text{
	font-size: 120%;
	font-weight: bold;
}
span.mini {
	font-size: small;
}

/* misc */
dl.menu a {
	text-decoration: none;
	border-bottom:1px solid #ddd;
}


/* paginator XXX */
div.paginator {
	text-align:center;
}
div.paginator a {
	display: inline;
	margin: 0px;
	padding: 5px 0;
	font-size: 100%;
}
div.paginator span {
	padding: 5px;
}

/* new from 2020/11 */
div.error-message, div.error {
	color: #FF0000;
}
div.success {
	color:#999;
}
input.code {
	width:20%;
	display:inline-block;
	margin-top:2px;
}
div.shop a {
	text-decoration: none;
	margin:0;
	padding:0;
}
span.note {
	font-size: 14px;
}
a.shop-tel {
	display:inline-block;
	padding:5px;
	margin:0;
}