@charset "utf-8";

body {
	min-width:800px;
	background:#ffc800;
	color:#503700;
	font-size: 14px;
	line-height: 1.42857143;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

ul,ol,li {
	margin: 0;
	padding: 0;
}

li {
	list-style-type:none;
}

img,textarea,iframe {
	vertical-align:bottom;
}

a, a:hover, a:focus {
	text-decoration: none;
}

a {
	color: #5588ff;
}

a:hover, a:focus {
	color: #00cccc;
}

a img:hover, a:hover img {
	filter: alpha(opacity=70);
	opacity: 0.7;
	-moz-opacity: 0.7;
}

/* ----utility------------ */

.du-block /* unimportant d-block */
{
	display: block;
}

.du-none /* unimportant d-none */
{
	display: none;
}

.ws-nowrap
{
	white-space: nowrap;
}
/* ----bootstrap_override------------ */

.card-header, .card-body {
	padding:7px 10px;
}

/* ----bootstrap拡張------------ */

.border-blue {
	border-color: #859fe9!important;
}

.bg-blue {
	background-color: #bcd7ff!important;
}

.border-orange {
	border-color: #e9ce85!important;
}

.bg-orange {
	background-color: #ffedbc!important;
}

/* -----汎用フレーム----------- */

ul.disc {
	margin-top:2px;
	padding-left:25px;
}
ul.disc li {
	list-style-type:disc;
}

ol.decimal {
	padding-left:20px;
}
ol.decimal li {
	list-style-type:decimal;
}

h2 {
	margin-top:10px;
	padding:4px 8px 2px;
	margin-bottom:9px;
	border-bottom:1px solid #e9ce85;
	border-left:10px solid #e9ce85;
}
/* ----index------------ */

#main_frame  {
	margin:0 auto;
}

#main_frame .head {
	padding:50px 40px 40px;
	background: #ffc800;
	background: rgba(255,200,0,0.9);
	border:solid 1px #ffc800;
	border-bottom:none;
	border-radius: 3px 3px 0px 0px;
	
}

#main_frame .body {
	padding:40px 40px 40px;
	background: #ffffff;
	background: rgba(255,255,255,0.9);
	border:solid 1px #ffc800;
	border-radius: 0px 0px 3px 3px;
}

a.index_btn {
	display:block;
	font-size:24px;
	padding:10px 0 8px 0;
	background:#ffc800;
	border-radius: 3px;
	border:solid 1px #ffc800;
	color:#fff;
	transition: all 0.3s;
	cursor:pointer;
}

a.index_btn:hover {
	background:#fff;
	color:#ffc800;
}

/* ----header------------ */

header {
	padding:15px 0px;
	font-size:12px;
	background:#ffc800;
	color:#b5972c;
	line-height: 1.2;
}

header i {
	font-size: 2rem;
}

header a.menu {
	color:#503700;
	text-align:center;
}

header a.menu div.icon {
	position:relative;
	display:inline-block;
}

header span.rt {
	position: absolute;
	right: -7px;
	top: -2px;
}

/* ----footer------------ */

div#footer {
	border-top:solid 1px #dcdbd4;
	padding-top:15px;
	font-size:12px;
	color:#503700;
	background:#fffefa;
}

div#footer div.header {
	background:#ffc800;
	padding:5px 5px;
	font-weight:bold;
}

div#footer ul {
	padding:5px 0;
	margin:0;
	line-height: 1.9em;
}

div#footer ul a {
	color:#503700;
	text-decoration: none;
}
div#footer ul a:link {	color : #503700;}
div#footer ul a:visited {	color : #503700;}
div#footer ul a:hover {	color : #5588ff;}
div#footer ul a:active {	color : #5588ff;}

div#footer ul li {
	padding-left:5px;
}

div#footer div.box {
	margin-bottom:15px;
}

div#copyright {
	padding:10px 10px;
	font-size:11px;
	color:#503700;
	font-weight:bold;
	background:#ffc800;
	text-align:center;
}


div#btnPageTop {
	position: fixed;
	bottom: 5px;
	left: 5px;
	z-index: 1000;
}

/* -----main----------- */

div#main {
	background-color:#fff;
}

div#content {
	padding-top:10px;
	padding-bottom:10px;
}
/* ----breadcrumb------------ */

.breadcrumb {
	color: #aaa;
	border-radius: 0px 0px 3px 3px;
	font-size:11px;
	padding-top:7px;
	padding-left:3px;
	margin-bottom:-1px;
}
.breadcrumb a {
	color: #aaa;
}
.breadcrumb a:hover,
.breadcrumb a:focus {
	color: #503700;
}
.breadcrumb > li + li:before {
	padding: 0 5px;
	color: #aaa;
	content: ">";
}
.breadcrumb > .active {
	color: #aaa;
}

/* ----sub------------ */

div.sub {
	font-size:small;
}

div.sub .card, div.sub .list-group{
	margin-bottom:10px;
}

div.sub .card-header, div.sub .list-group-head {
	font-weight: bold;
}

div.sub .list-group-item {
	padding:7px 10px;
	color:#503700;
}

div.sub a.list-group-item:hover, div.sub a.list-group-item:focus {
	background-color: #fff5db;
	color:#503700;
}

/* ----item------------ */

div.item .btn{
	position: relative;
	z-index:2;
}

div.item .card:hover{
	background-color: #fff5db;
}

.price{
	color: #f55;
}

/* ----coupon------------ */

img.coupon_icon{
	border-radius: 10px;
	border: 1px solid rgb(200,200,200);
}

/* ----汎用フレーム------------ */

.com_frame{
	margin-left:0px;
	margin-bottom:10px;
	padding:20px;
}

.com_frame h2{
	margin-top:0px;
	margin-bottom:10px;
}

.com_frame ul {
	margin-bottom: 10px;
}

.com_frame ul li {
	margin:5px 0;
}

.com_frame img {
	max-width:100%;
	min-width:auto;
	border:solid 1px #503700;
	box-shadow: 3px 5px 15px -5px rgb(128, 111, 66);
	margin: 5px 0 15px;
	border-radius: 3px;
}

.com_frame div.next {
	margin: 15px 0;
	font-size:36px;
	color:#ffe3c1;
	text-align:center;
}

.com_frame div.next:before {content: "▼" }