html {
	background: #080000 url('../img/bg_content.jpg') no-repeat;
	background-size: 100vw auto;
	background-attachment: fixed;
	position: relative;

}
body {

}

body, input, textarea {
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
}

body * {
	color: #fff !important;

}

a {
	text-decoration: none !important;
}

ul, ol ,p {
	line-height: 1.75;
}

i {
	margin-right: .5em !important;
}

i.icon-right {
	margin-right: 0 !important;
	margin-left: .5em !important;
}

hr {
	border: 1px solid #fff;

}

.uk-text-bold {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}


.underline {
	text-decoration: underline !important;
}

.monospaced {
	font-family: 'Questrial', sans-serif;
}

.subtitle {
	display: block;
	margin-bottom: .5em;
	font-size: .8em;
}

#nav-top a {
	font-weight: bold;
}

#header-inner {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
#header-inner p {
	font-size: 1.2em;
	margin-bottom: .5em;
}

.btn-whatis,
.btn-whatis:hover {
	border: 1px solid #fff;
}

#logo {
	display: block;
	width: 90%;
	margin: auto;
}

#list-item {
	padding: 0;
}

.mod-count {
	font-size: 4em;
	-webkit-user-select: none;
	   -moz-user-select: none;
	    -ms-user-select: none;
	        user-select: none;
}

.count-num {
	margin: 0 .5em;
	padding: .2em .5em;
	border: 1px solid #fff;
	border-radius: 5px;

}

.btn-plus i,
.btn-minus i {
	opacity: .9;
}

#nav-box {
	position: fixed;
	left: calc(100vw - 160px - 15px - 1rem);
	bottom: 1rem;
	width: 160px;
	height: 160px;
	border-radius: 20%;
	background: url('../img/bg_box_open.png') center center no-repeat;
	background-size: contain;
	cursor: pointer;
}

#nav-box.fullbox {
	background: url('../img/bg_box_close.png') center center no-repeat;
	background-size: contain;
}
.comment-remains {
	padding: .5rem 0;
	color: #cc6666 !important;
	font-size: 1.2em;
	line-height: 1;
}
.remains-num {
	padding: 0 .2rem;
	color: #cc6666 !important;
	font-size: 3em;
}
#nav-box a {
	padding: 1.8rem 0;
	color: #330000 !important;
	font-size: 1.1em;
}
#nav-box a * {
	color: #330000 !important;
}

#section-list .btn-orderconf {
	padding: 1em 5em;
	border: 1px solid #fff;
	font-size: 2em;
	color: #fff !important;
	cursor: pointer;
}

#section-notification h3 {
	border-top: 1px solid #fff;
}

#section-notification a {
	text-decoration: underline;
	padding: 0 2em;
}

#modal-error *,
#modal-orderconf * {
	color: #330000 !important;
}

.conf-num {
	font-size: 1.5em;
}


.receipt-total {
	border-top: 3px double #e5e5e5;
	font-size: 1.2em;
}

#mod-toorder .comment-remains,
#mod-toorder .remains-num {
	color: #cc6666 !important;
}

#mod-addcart {
	display: none;
}

#btn-addcart {
	display: none;
	padding: 1em 4em;
	border-radius: 10px;
	background: #330000;
	color: #fff !important;
	font-size: 1.2em;
}

#mod-toorder .comment-next {
	display: none;
	margin: 0;
}

#mod-toorder .comment-next a {
	margin: 0 .5em;
	padding: 1em 2em;
	border-radius: 10px;
	border: 1px solid #021B44;
	color: #021B44 !important;
	font-size: 1.2em;

}

.btn-size{
	border: 1px solid #fff;
	display: inline-block;
	width: 200px;
	height: 200px;
	border-radius: 50%;
	line-height: 200px;
	font-size: 1.2em;
}

.btn-size em{
	padding-right: .5rem;
	font-size: 4em;
	font-style: normal;
}

.btn-size.selected{
	background: rgba(255,255,255,0.8);
	color: #160000 !important;
}

.btn-size.selected em{
	color: #160000 !important;
}

.hl-step {
	border: 1px dotted #fff;
	font-size: 1.4em;
}

.hl-step span {
	padding-right: .5em;
	font-size: 2.4rem;
}

#modal-error {
	font-size: 1.2em;
}

#remove-num {
	padding: 0 .5em;
	font-size: 1.6rem;
	font-weight: bold;
	color: #cc6666 !important;

}