@charset 'utf-8';
/**
 * Onizaki Corporation.
 * for PC.
 */

/** ---------------------------------------------------------------------------------------------------- */
/**
 * Bootstrap overwrite.
 */
.container {
	margin: 0 auto;
	width: 1000.0px;
}
.container-fluid {
	position: relative;
}
.container.fit {
	width: 100.0%;
}
.navbar {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	min-height: 50.0px;
	margin-bottom: 0;
}
.navbar .navbar-nav {
	display: table;
	float: none;
	min-height: 50.0px;
	margin: 0 auto;
	table-layout: fixed;
}
.navbar .navbar-nav > li {
	display: table-cell;
	min-height: 50.0px;
	white-space: nowrap;
}
.navbar .navbar-nav > li > a {
	cursor: pointer;
	display: inline-block;
	letter-spacing: 0;
	line-height: 20.0px;
	padding: 15.0px;
}
.container-fluid .jumbotron {
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	margin: 0;
	padding: 0;
}
.breadcrumb {
	background: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	font-size: 70.0%;
	margin: 10.0px 0 0 0;
	padding: 0;
}
.breadcrumb > li {
	line-height: 35.0px;
	height: 35.0px;
}
.breadcrumb > li+li:before {
	color: rgb(0, 0, 0);
	content: "\003e";
}
.breadcrumb > li > a {
	color: rgb(255, 102, 51) !important;
}
.breadcrumb > li:nth-last-of-type(1) > a {
	color: rgb(0, 0, 0) !important;
}
.pager {
	font-size: 125.0%;
}
.pager li:after {
	content: "|";
	color: rgb(232, 232, 232);
}
.pager li:nth-last-of-type(1):after {
	content: none;
}
.pager li>a,
.pager li>span {
	border: none;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	padding-left: 10.0px;
	padding-right: 10.0px;
}
.pager li>a {
	background: none;
	color: rgb(255, 102, 51) !important;
	text-decoration: none;
}
.pager li>a:focus, .pager li>a:hover {
	background: none;
	text-decoration: underline;
}

/** ---------------------------------------------------------------------------------------------------- */
/**
 * ECCube overwrite.
 */
.frame_outer {
	 min-height: 100%;
	 height: auto;
	 margin: 0;
	 padding: 0;
	 position: relative;
	 text-align: inherit;
	 width: auto;
}
#container {
	background: none;
	letter-spacing: -0.42em;
	margin: auto;
	padding: 0;
	text-align: center;
	width: auto;
}
#topcolumn, #bottomcolumn, #footerbottomcolumn {
	background: none;
	letter-spacing: normal;
	margin: 0;
	text-align: left;
	clear: none;
}
#main_column {
	letter-spacing: normal;
	padding: 0;
	text-align: inherit;
}
#main_column.colnum1 , #main_column.colnum2, #main_column.colnum3 {
	margin: auto;
	text-align: left;
	width: auto;
}
#leftcolumn {
	display: inline-block;
	float: none;
	left: auto;
	letter-spacing: normal;
	margin: 20.0px 0 0 0;
	padding: 0;
	text-align: left;
	vertical-align: top;
	width: 200.0px;
}
#leftcolumn.side_column {
	overflow: hidden;
	padding: 0;
}
#leftcolumn+.colnum1 {
	display: inline-block;
	letter-spacing: normal;
	margin: 20.0px 0 0 30.0px;
	vertical-align: top;
	width: 770.0px;
}
#leftcolumn+.colnum2 {
	display: inline-block;
	letter-spacing: normal;
	margin: 20.0px 0 0 30.0px;
	vertical-align: top;
	width: 770.0px;
}
#leftcolumn+.colnum2.right {
	float: none;
	padding-right: 0;
}
#leftcolumn+.colnum3 {
	letter-spacing: normal;
}
div#windowcolumn {
	background: none;
	border: none;
	font-size: 75.0%;
	margin: 0;
	min-width: 560.0px;
	padding: 10.0px;
	width: auto;
}
div#windowcolumn h2 {
	background: none;
	background-color: transparent;
	border: none;
	color: rgb(0, 0, 0);
	font-size: 150.0%;
	margin: 0;
	padding: 0;
}
div#windowcolumn .container,
div#windowcolumn .container-fluid {
	width: 100.0%;
}
@media (max-width: 1030px) {
	.frame_outer,
	#headertopcolumn,
	#container {
		width: 1000.0px;
	}
}

/** ---------------------------------------------------------------------------------------------------- */
/**
 * コーポレート／ECサイト共通.
 */

/**
 * 枠付きリンク.
 */
a.square {
	border: 1px solid rgb(199, 187, 157);
	padding: 0.5em 1.3em;
	white-space: nowrap;
	vertical-align: middle;
}
a.square.link-next:after {
	border-top: 3.0px solid transparent;
	border-right: 3.0px solid transparent;
	border-bottom: 3.0px solid transparent;
	border-left: 3.0px solid rgb(199, 187, 157);
	content: "";
	display: inline-block;
	margin: -0.2em -1.4em 0 1.0em;
	vertical-align: middle;
}

/**
 * フッター：ページ下部固定.
 */
.container-fluid.fixed-footer-bottom {
	bottom: 0;
	left: 0;
	position: absolute;
	width: 100.0%;
}

/** ---------------------------------------------------------------------------------------------------- */
/**
 * コーポレートサイト.
 */

/**
 * コーポレート：ヘッダー.
 */
.corporate header {
	height: 60.0px;
	padding-top: 10.0px;
}
.corporate header .site-map {
	font-size: 75.0%;
	line-height: 50.0px;
}
.corporate header .site-map a {
	color: rgb(0, 0, 0);
	font-weight: bold;
	letter-spacing: 0;
	text-decoration: none;
}
.corporate header .site-map a:hover {
	color: rgb(0, 0, 0);
	text-decoration: none;
}
.corporate header .site-map a:visited {
	color: rgb(0, 0, 0);
	text-decoration: none;
}

/**
 * コーポレート：H1テキスト.
 */
.corporate h1.text-h1 {
	background: transparent url(../img/icon/ico_goma_y.png) no-repeat scroll top left;
	border-bottom: 3.0px dotted rgb(249, 182, 0);
	font-size: 150.0%;
	font-weight: bold;
	line-height: 33.0px;
	margin: 0;
	padding: 0 0 5.0px 0;
	text-indent: 40.0px;
}
.corporate h1.text-h1.no-decorate {
	background: none;
	border-bottom: none;
	text-indent: 0;
}

/**
 * コーポレート：グローバルナビ(第1階層).
 */
.corporate .navbar.nav-top > .navbar-nav > li {
	color: rgb(255, 255, 255);
	font-weight: bold;
	overflow: visible;
}
.corporate .navbar.nav-top > .navbar-nav > li+li:before {
	content: ".\A.\A.";
	display: inline-block;
	font-size: 1.0px;
	height: 30.0px;
	line-height: 0.8;
	text-align: center;
	vertical-align: middle;
	white-space: pre;
	width: 0.8em;
}
.corporate .navbar.nav-top > .navbar-nav > li > a {
	background-color: transparent;
	color: rgb(255, 255, 255) !important;
	letter-spacing: 0.05em;
	line-height: 20.0px;
	padding: 15.0px 30.0px;
}
.corporate .navbar.nav-top > .navbar-nav > li > a:hover,
.corporate .navbar.nav-top > .navbar-nav > .open > a:hover {
	background-color: rgb(255, 189, 93);
}

/**
 * コーポレート：グローバルナビ(第2階層).
 */
.corporate .nav-sub-toggle.dropdown-menu {
	border: none;
	-moz-border-radius: 0 !important;
	-webkit-border-radius: 0 !important;
	border-radius: 0;
	-webkit-box-shadow: none;
	box-shadow: none;
	font-weight: normal;
	margin: 0;
	min-width: 100.0%;
	padding: 0;
}
.corporate .nav-sub-toggle.dropdown-menu.open {
	display: block !important;
	position: absolute;
}
.corporate .navbar.nav-sub > .navbar-nav > li > a {
	background: transparent url(../img/icon/ico_nav_sub.png) no-repeat scroll 0 45.0% !important;
	color: rgb(0, 0, 0) !important;
	margin: 0 10.0px;
}
.corporate .navbar.nav-sub > .navbar-nav > li > a:hover {
	opacity: 0.66;
}

/**
 * コーポレート：フッター.
 */
.corporate footer {
	padding-bottom: 30.0px;
	padding-top: 20.0px;
}
.corporate footer .navbar {
	font-size: 85.0%;
	letter-spacing: 0;
	padding-bottom: 20.0px;
}
.corporate footer .navbar .navbar-nav > li > a {
	background: transparent url(../img/icon/ico_nav_sub.png) no-repeat scroll 0 45.0% !important;
	color: rgb(0, 0, 0) !important;
	letter-spacing: 0;
	line-height: 20.0px;
	margin: 0 5.0px;
	padding: 15.0px;
}
.corporate footer .facebook {
	font-size: 88.8%;
	font-weight: bold;
	letter-spacing: 0;
}
.corporate footer .facebook a {
	color: rgb(55, 101, 163) !important;
	text-decoration: none !important;
	position: relative;
	vertical-align: middle;
}
.corporate footer .facebook a:after {
	content: "";
	background-color: rgb(255, 255, 255);
	display: block;
	height: 42.0px;
	left: 10.0px;
	position: absolute;
	top: -8.0px;
	width: 30.0px;
	z-index: 1;
}
.corporate footer .facebook a span {
	display: inline-block;
	position: relative;
	vertical-align: middle;
	z-index: 2;
}
.corporate footer .facebook a span:nth-of-type(2) {
	color: rgb(0, 0, 0) !important;
	line-height: 1.5;
	margin-left: 10.0px;
}
.corporate .footer-logo img {
	margin: 50.0px 0;
}

/**
 * コーポレート：ヘッダー/フッター共通：フリーダイヤル.
 */
.corporate .free-dial {
	font-weight: bold;
	letter-spacing: 0;
}
.corporate .free-dial > div {
	color: rgb(255, 102, 51);
	font-size: 173.0%;
	line-height: 1.4em;
}
.corporate .free-dial > div > span {
	-moz-border-radius: 4.0px;
	-webkit-border-radius: 4.0px;
	border-radius: 4.0px;
	font-size: 33.3%;
	font-weight: normal;
	line-height: 2.3;
	margin: -3.0px 5.0px 0 0;
	padding: 0 3.0px;
	vertical-align: middle;
	white-space: nowrap;
}
.corporate .free-dial p {
	font-size: 66.6%;
	letter-spacing: 0.05em;
	white-space: nowrap;
}

/**
 * コーポレート：ページTOPスクローラー.
 */
.corporate .nav-page-top {
	border-bottom: 2px solid rgb(248, 182, 0);
	margin: 50.0px -15.0px 0 -15.0px;
}
.corporate .nav-page-top .container {
	padding: 0;
}
.corporate .nav-page-top .container a {
	color: rgb(248, 182, 0);
	display: inline-block;
	font-size: 88.8%;
	font-weight: bold;
	height: 45.0px;
	letter-spacing: 0;
	padding-top: 5.0px;
	text-decoration: none;
}
.corporate .nav-page-top .container a > span {
	background-color: rgb(248, 182, 0);
	color: rgb(255, 255, 255);
	display: inline-block;
	font-weight: normal;
	height: 45.0px;
	margin: -5.0px 0 0 10.0px;
	padding-top: 3.0px;
	text-align: center;
	vertical-align: middle;
	width: 50.0px;
}

/**
 * コーポレート：左メニュー.
 */
#leftcolumn .corporate .left-menu {
	border: 1px solid rgb(234, 234, 234);
	overflow: hidden;
	padding: 0;
	text-indent: 5.0px;
	width: 100.0%;
}
#leftcolumn .corporate .left-menu h3 {
	color: rgb(255, 255, 255);
	height: 36.0px;
	line-height: 36.0px;
	margin: 0;
	text-indent: 10.0px;
}
#leftcolumn .corporate .left-menu dl {
	margin: 0 0 -1.0px 0;
	width: 100.0%;
}
#leftcolumn .corporate .left-menu dl dt {
	background: transparent url(../img/icon/ico_nav_sub.png) no-repeat 5.0px 50.0%;
	border-color: rgb(234, 234, 234);
	border-style: solid;
	border-width: 1.0px 0;
	font-size: 77.7%;
	line-height: 40.0px;
	margin-top: -1.0px;
	padding-left: 15.0px;
	height: 40.0px;
}
#leftcolumn .corporate .left-menu dl dt.active,
#leftcolumn .corporate .left-menu dl dt:hover {
	background: transparent url(../img/icon/ico_nav_sub_red.png) no-repeat 5.0px 50.0%;
	background-color: rgb(255, 250, 230);
}
#leftcolumn .corporate .left-menu dl dd > p {
	margin: 0;
	width: 100.0%;
}
#leftcolumn .corporate .left-menu dl dd > p.active,
#leftcolumn .corporate .left-menu dl dd > p:hover {
	background-color: rgb(255, 250, 230);
}
#leftcolumn .corporate .left-menu dl dd a {
	color: rgb(0, 0, 0);
	display: inline-block;
	font-size: 77.7%;
	line-height: 36.0px;
	height: 36.0px;
	margin: 0 auto;
	width: 180.0px;
}
#leftcolumn .corporate .left-menu dl dd p:nth-of-type(n+2) a {
	border-top: 1.0px dotted rgb(234, 234, 234);
}
#leftcolumn .corporate .left-menu dl a.active,
#leftcolumn .corporate .left-menu dl a:hover,
#leftcolumn .corporate .left-menu dl a:active {
	color: rgb(255, 102, 51);
}

/** ---------------------------------------------------------------------------------------------------- */
/**
 * コーポレート：TOP：メイン画像.
 */
.corporate #top-main-visual {
	background-color: transparent;
	margin: 0 auto;
	overflow: hidden;
	padding-bottom: 18.0px;
	position: relative;
	text-align: center;
}
.corporate #top-main-visual,
.corporate #top-main-visual .carousel-inner,
.corporate #top-main-visual .carousel-indicators {
	width: 1600.0px;
}
.corporate #top-main-visual .carousel-indicators {
	bottom: 0;
	left: 0;
	margin: 18.0px 0 0 0;
}
.corporate #top-main-visual .carousel-indicators li {
	background: transparent url(../img/corporate/carousel/carousel_navi.png) no-repeat scroll 0 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	border: none;
	height: 32.0px;
	margin: 0;
	width: 26.0px;
}
.corporate #top-main-visual .carousel-indicators li.active {
	background: transparent url(../img/corporate/carousel/carousel_navi_on.png) no-repeat scroll 0 0;
}

@media screen and (max-width: 1599px) {
	.corporate #top-main-visual,
	.corporate #top-main-visual .carousel-inner,
	.corporate #top-main-visual .carousel-indicators {
		width: 100.0%;
	}
}

 /**
 * ECサイト：TOP：リード画像.
 */
.online-shop .img-lead .lead {
    color: rgb(255, 255, 255);
    font-size: 77.7%;
    font-weight: bold;
    line-height: 1.5;
    margin: 0 auto;
    position: relative;
    padding-left: 300.0px;
    top: -105.0px !important;
    text-align: left;
    width: 1000.0px;
}
@media screen and (min-width: 567px) {
	.online-shop .img-lead .lead {
		font-size: 100.0%;
	}
}

/**
 * コーポレート：TOP：プレスリリース.
 */
.corporate .news {
	letter-spacing: 0;
}
.corporate .news .news-inner {
	max-height: 220.0px;
	overflow-y: auto;
}
.corporate .news a {
	color: rgb(0, 0, 0);
}
.corporate .news h2 {
	background: transparent url(../img/icon/ico_news.png) no-repeat scroll 5.0px 40.0%;
	display: inline-block;
	line-height: 2.0;
	margin-bottom: 1.0em;
	text-indent: 35.0px;
}
.corporate .news h2+a.square {
	font-size: 75.0%;
	margin-top: 25.0px;
	text-decoration: none !important;
}
.corporate .news dl {
	margin-bottom: 0;
	width: 100.0%;
}
.corporate .news dl+dl:before {
	content: "";
	display: block;
	background-image: -moz-linear-gradient(left, rgb(221, 214, 197), rgb(221, 214, 197) 33.3333%, rgba(0, 0, 0, 0) 33.3333%, rgba(0, 0, 0, 0) 100.0%);
	background-image: -o-linear-gradient(left, rgb(221, 214, 197), rgb(221, 214, 197) 33.3333%, rgba(0, 0, 0, 0) 33.3333%, rgba(0, 0, 0, 0) 100.0%);
	background-image: -webkit-linear-gradient(left, rgb(221, 214, 197), rgb(221, 214, 197) 33.3333%, rgba(0, 0, 0, 0) 33.3333%, rgba(0, 0, 0, 0) 100.0%);
	background-image: linear-gradient(to right, rgb(221, 214, 197), rgb(221, 214, 197) 33.3333%, rgba(0, 0, 0, 0) 33.33333%, rgba(0, 0, 0, 0) 100.0%);
	background-size: 9.0px 9.0px;
	height: 3.0px;
	margin: 1.0em 0.3em;
}
.corporate .news dl dt,
.corporate .news dl dd {
	line-height: 1.0;
	white-space: nowrap;
}
.corporate .news dl dt {
	margin-top: 0.25em;
}
.corporate .news dl dd img {
	vertical-align: middle;
}

/**
 * コーポレート：TOP：バナー.
 */
.corporate .top-banner {
	margin-top: 50.0px;
}
.corporate .top-banner > .row {
	margin-left: -30.0px;
	margin-right: -45.0px;
}
.corporate .top-banner .banner:nth-of-type(n+5) {
	margin-top: 10.0px;
}
/** ---------------------------------------------------------------------------------------------------- */
/**
 * ECサイト.
 */

/**
 * ECサイト：ヘッダー.
 */
.online-shop header {
	height: 120.0px;
	padding-bottom: 20.0px;
	padding-top: 10.0px;
}
.online-shop header .row-inner {
	height: 45.0px;
	margin: 5.0px 0;
	padding: 0;
}
.online-shop header .header-menu {
	letter-spacing: 0;
}
.online-shop header .header-menu li {
	line-height: 50.0px;
	margin-right: 1.0em;
}
.online-shop header .header-menu li a {
	font-size: 88.8%;
	color: rgb(0, 0, 0) !important;
}
.online-shop header a.btn {
	font-size: 88.8%;
	padding-left: 4.0px;
	padding-right: 4.0px;
	text-decoration: none !important;
}
.online-shop header .btn-header {
	color: rgb(0, 0, 0);
	background-color: rgb(233, 233, 233);
	border-color: rgb(233, 233, 233);
	letter-spacing: 0;
	margin-right: 1.0em;
}
.online-shop header .btn-header span {
	color: rgb(234, 62, 62);
}
.online-shop header .btn-header:hover,
.online-shop header .btn-header:active {
	color: rgb(255, 255, 255);
	background-color: rgb(234, 62, 62);
	border-color: rgb(234, 62, 62);
}
.online-shop header .btn-header:hover span,
.online-shop header .btn-header:active span {
	color: rgb(255, 255, 255);
}

/**
 * ECサイト：グローバルナビ.
 */
.online-shop .navbar.nav-top {
	border-left: none;
	border-right: 1px solid rgb(255, 255, 255);
}
.online-shop .navbar.nav-top > .navbar-nav {
	margin: 0;
}
.online-shop .navbar.nav-top > .navbar-nav > li {
	border-left: 1.0px solid rgb(255, 255, 255);
	color: rgb(255, 255, 255);
	font-weight: bold;
}
.online-shop .navbar.nav-top > .navbar-nav > li > a {
	background-color: transparent;
	color: rgb(255, 255, 255) !important;
	letter-spacing: 0.05em;
	line-height: 45.0px;
	padding: 5.0px 24.0px 0 24.0px;
	position: relative;
}
.online-shop .navbar.nav-top > .navbar-nav > li > a .fa {
	display: none;
}
.online-shop .navbar.nav-top > .navbar-nav > li > a.active .fa {
	bottom: -4.0px;
	display: block;
	left: 0;
	margin: 0;
	position: absolute;
	text-align: center;
	width: 100.0%;
}
.online-shop .navbar.nav-top > .navbar-nav > li > a:hover,
.online-shop .navbar.nav-top > .navbar-nav > li > a.active {
	background-color: rgb(255, 189, 93);
}

/**
 * ECサイト：フッター.
 */
.online-shop footer {
	letter-spacing: -0.05em;
	margin: 50.0px -15.0px 0 -15.0px;
	padding: 10.0px 0 0 0;
}
.online-shop footer .navbar {
	height: auto;
	min-height: auto;
}
.online-shop footer .navbar .navbar-nav {
	font-size: 75.0%;
	height: auto;
	margin: 0 0 0 auto;
}
.online-shop footer .navbar .navbar-nav > li {
	height: 2.0em;
}
.online-shop footer .navbar .navbar-nav > li+li:before {
	content: "|";
	color: rgb(255, 255, 255) !important;
	font-size: 120.0%;
	display: inline-block;
	padding: 0 1.0em;
	vertical-align: middle;
}
.online-shop footer .navbar .navbar-nav > li > a {
	background-color: transparent !important;
	color: rgb(255, 255, 255) !important;
	padding: 0;
	vertical-align: top;
}
.online-shop footer .navbar .navbar-nav > li > a:hover {
	text-decoration: underline;
}
.online-shop footer+.container {
	letter-spacing: 0;
	padding: 30.0px 0 40.0px 0;
}
/**
 * ECサイト：ヘッダー/フッター共通：フリーダイヤル.
 */
.online-shop .free-dial p {
	font-size: 66.6%;
	letter-spacing: -0.05em;
	white-space: nowrap;
}
.online-shop .free-dial p.phone {
	color: rgb(255, 169, 93);
	font-size: 173.0%;
	font-weight: bold;
	line-height: 1.0;
	margin: 0 0 2.0px 0;
}
.online-shop footer .free-dial p {
	color: rgb(255, 255, 255) !important;
}

/**
 * ECサイト：買い物ガイド(フッター部).
 */
.online-shop.shopping-guide {
	margin: 50.0px 0 0 0;
	letter-spacing: -0.01em;
	padding: 0 0 75.0px 0;
}
.online-shop.shopping-guide h2 {
	margin-bottom: 30.0px;
	margin-top: 30.0px;
}
.online-shop.shopping-guide .guide-table {
	border-collapse: collapse;
	display: table;
	table-layout: fixed;
	width: 100.0%;
}
.online-shop.shopping-guide .guide-table .row {
	display: table-row;
}
.online-shop.shopping-guide .guide-table .row:after,
.online-shop.shopping-guide .guide-table .row:before {
	content: none;
}
.online-shop.shopping-guide .guide-table .guide {
	border: 1.0px solid rgb(255, 162, 29);
	display: table-cell;
	float: none;
	font-size: 75.0%;
	line-height: 1.6;
	padding: 0 0.50em 0.75em 0.75em;
	position: relative;
}
.online-shop.shopping-guide {
	margin: 50.0px 0 0 0;
	letter-spacing: -0.01em;
	padding: 0 0 75.0px 0;
}
.online-shop.shopping-guide h2 {
	margin-bottom: 30.0px;
}
.online-shop.shopping-guide .guide-table .row:nth-last-of-type(1) .guide:nth-of-type(3) {
	border: none;
	overflow: visible;
	padding: 0;
}
.online-shop.shopping-guide .guide-table .row:nth-last-of-type(1) .guide:nth-of-type(3) .guide-inner {
	padding: 0.75em 0.50em 0.75em 0.75em;
	position: absolute;
	width: 500.0px;
}
.online-shop.shopping-guide .guide a {
	color: rgb(255, 102, 51) !important;
	font-size: 125.0%;
	font-weight: bold;
	line-height: 2.8;
}

/**
 * ECサイト：買い物ガイド(ページ).
 */
.online-shop.shopping-guide.guide-full {
	margin: 0 auto;
	padding: 0 15.0px;
}
.online-shop.shopping-guide.guide-full .guide-table .guide:hover {
	background-color: rgb(255, 250, 230);
}
.online-shop.shopping-guide.guide-full .guide-table .guide a {
	line-height: 1.4em;;
}

/**
 * ECサイト：ページTOPスクローラー.
 */
.online-shop a.nav-page-top {
	-moz-border-radius: 10.0px 10.0px 0 0;
	-webkit-border-radius: 10.0px 10.0px 0 0;
	border-radius: 10.0px 10.0px 0 0;
	bottom: 0;
	color: rgb(255, 255, 255);
	display: block;
	font-size: 88.8%;
	font-weight: bold;
	height: 45.0px;
	letter-spacing: 0;
	padding-top: 5.0px;
	right: 0;
	position: fixed;
	text-decoration: none;
	width: 50.0px;
	z-index: 999;
}
.online-shop a.nav-page-top > span {
	background-color: rgb(255, 162, 29);
	border-radius: 10.0px 10.0px 0 0;
	color: rgb(255, 255, 255);
	display: block;
	font-weight: normal;
	height: 45.0px;
	margin: -5.0px 0 0 10.0px;
	padding-top: 3.0px;
	text-align: center;
	vertical-align: middle;
	width: 50.0px;
}

/**
 * ECサイト：ブロックコンテンツ.
 */
.online-shop .block-title {
	background: transparent url(../img/common/bg_block_title.png) no-repeat scroll 0 40.0%;
	font-size: 150.0%;
	letter-spacing: -0.05em;
	margin: 40.0px auto;
	text-align: center;
	width: 800.0px;
}
.online-shop.fit .block-title,
.online-shop .fit .block-title {
	width: 100.0%;
}
.online-shop .block-title .block-title-inner {
	background-color: rgb(255, 255, 255);
	display;: inline-block;
	padding-left: 0.55em;
	padding-right: 0.55em;
}
.online-shop .block-caption {
	padding-bottom: 20.0px;
}
.online-shop .block-carousel {
	height: 210.0px;
	overflow: hidden;
}
.online-shop .block-carousel .item {
	margin-top: 10.0px;
	padding: 0 35.0px;
}
.online-shop .block-carousel .item a {
	display: block;
	padding: 0 5.0px;
	white-space: nowrap;
}
.online-shop .block-carousel .item img {
	margin-bottom: 1.0em;
}
.online-shop .block-carousel .carousel-control {
	 background: rgb(255, 189, 93) none;
	 color: rgb(255, 255, 255);
	 font-weight: normal;
	 line-height: 210.0px;
	 opacity: 1.0;
	 text-align: center;
	 text-shadow: none;
	 top: 0;
	 width: 30.0px;
	 padding-top: 100px;
}

.online-shop #block-specialty.block-carousel {
	height: 300.0px;
}
.online-shop #block-specialty.block-carousel .carousel-control {
	 line-height: 300.0px;
}

/**
 * ECサイト：左メニュー：商品ラインナップ.
 */
#leftcolumn .online-shop .line-up {
	border: 1px solid rgb(234, 234, 234);
	-moz-border-radius: 6.0px;
	-webkit-border-radius: 6.0px;
	border-radius: 6.0px;
	overflow: hidden;
	padding: 0;
	text-indent: 5.0px;
	width: 100.0%;
}
#leftcolumn .online-shop .line-up h3 {
	color: rgb(255, 102, 51);
	height: 36.0px;
	line-height: 36.0px;
	margin: 0;
	text-indent: 10.0px;
}
#leftcolumn .online-shop .line-up dl {
	margin: 0 0 -1.0px 0;
	width: 100.0%;
}
#leftcolumn .online-shop .line-up dl dt {
	border-color: rgb(234, 234, 234);
	border-style: solid;
	border-width: 1.0px 0;
	font-size: 77.7%;
	line-height: 40.0px;
	margin-top: -1.0px;
	height: 40.0px;
}
#leftcolumn .online-shop .line-up dl dt.active,
#leftcolumn .online-shop .line-up dl dt:hover {
	background-color: rgb(255, 102, 51);
}
#leftcolumn .online-shop .line-up dl dt.active a,
#leftcolumn .online-shop .line-up dl dt:hover a {
	color: rgb(255, 255, 255);
}
#leftcolumn .online-shop .line-up dl dt.active a .fa,
#leftcolumn .online-shop .line-up dl dt:hover a .fa {
	color: rgb(255, 255, 255) !important;
}
#leftcolumn .online-shop .line-up dl dd > p {
	margin: 0;
	width: 100.0%;
}
#leftcolumn .online-shop .line-up dl dd > p.active,
#leftcolumn .online-shop .line-up dl dd > p:hover {
	background-color: rgb(255, 250, 230);
}
#leftcolumn .online-shop .line-up dl dd a {
	display: inline-block;
	font-size: 77.7%;
	line-height: 36.0px;
	height: 36.0px;
	margin: 0 auto;
	width: 180.0px;
}
#leftcolumn .online-shop .line-up dl dd p:nth-of-type(n+2) a {
	border-top: 1.0px dotted rgb(255, 162, 29);
}
#leftcolumn .online-shop .line-up dl a,
#leftcolumn .online-shop .line-up dl a:hover,
#leftcolumn .online-shop .line-up dl a:active,
#leftcolumn .online-shop .line-up dl a:visited {
	color: rgb(0, 0, 0);
}
#leftcolumn .online-shop .line-up dl dd a.active,
#leftcolumn .online-shop .line-up dl dd a.active:hover,
#leftcolumn .online-shop .line-up dl dd a.active:active,
#leftcolumn .online-shop .line-up dl dd a.active:visited {
	color: rgb(255, 102, 51);
}
#leftcolumn .online-shop .container.line-up dl dd a .fa {
	color: rgb(255, 102, 51) !important;
}

/**
 * ECサイト：左メニュー：レシピメニュー.
 */
#leftcolumn .online-shop .recipe-menu {
	border: 1px solid rgb(234, 234, 234);
	-moz-border-radius: 6.0px;
	-webkit-border-radius: 6.0px;
	border-radius: 6.0px;
	overflow: hidden;
	padding: 0;
	text-indent: 5.0px;
	width: 100.0%;
}
#leftcolumn .online-shop .recipe-menu h3 {
	background: transparent url(../img/recipe/bg_recipe_menu_title.png) no-repeat 0 0 scroll;
	color: rgb(0, 0, 0);
	height: 36.0px;
	line-height: 36.0px;
	margin: 0;
	text-indent: 10.0px;
}
#leftcolumn .online-shop .recipe-menu dl {
	margin: 0 0 -1.0px 0;
	width: 100.0%;
}
#leftcolumn .online-shop .recipe-menu dl dt {
	border-color: rgb(234, 234, 234);
	border-style: solid;
	border-width: 1.0px 0;
	font-size: 77.7%;
	line-height: 40.0px;
	margin-top: -1.0px;
	height: 40.0px;
}
#leftcolumn .online-shop .recipe-menu dl dt.active,
#leftcolumn .online-shop .recipe-menu dl dt:hover {
	background-color: rgb(146, 214, 207);
}
#leftcolumn .online-shop .recipe-menu dl dt.active a,
#leftcolumn .online-shop .recipe-menu dl dt:hover a {
	color: rgb(0, 0, 0);
}
#leftcolumn .online-shop .recipe-menu dl dt.active a .fa,
#leftcolumn .online-shop .recipe-menu dl dt:hover a .fa {
	color: rgb(255, 255, 255) !important;
}
#leftcolumn .online-shop .recipe-menu dl dd > p {
	margin: 0;
	width: 100.0%;
}
#leftcolumn .online-shop .recipe-menu dl dd > p.active,
#leftcolumn .online-shop .recipe-menu dl dd > p:hover {
	background-color: rgb(238, 252, 243);
}
#leftcolumn .online-shop .recipe-menu dl dd a {
	display: inline-block;
	font-size: 77.7%;
	line-height: 1.4;
	height: 36.0px;
	margin: 0 auto;
	padding: 0.5em 0;
	width: 180.0px;
}
#leftcolumn .online-shop .recipe-menu dl dd p:nth-of-type(n+2) a {
	border-top: 1.0px dotted rgb(154, 206, 217);
}
#leftcolumn .online-shop .recipe-menu dl a,
#leftcolumn .online-shop .recipe-menu dl a:hover,
#leftcolumn .online-shop .recipe-menu dl a:active,
#leftcolumn .online-shop .recipe-menu dl a:visited {
	color: rgb(0, 0, 0);
}
#leftcolumn .online-shop .recipe-menu dl dd a.active,
#leftcolumn .online-shop .recipe-menu dl dd a.active:hover,
#leftcolumn .online-shop .recipe-menu dl dd a.active:active,
#leftcolumn .online-shop .recipe-menu dl dd a.active:visited {
	color: rgb(0, 0, 0);
}
#leftcolumn .online-shop .container.recipe-menu dl dd a .fa {
	color: rgb(154, 206, 217) !important;
}

/**
 * ECサイト：左メニュー：バナー.
 */
#leftcolumn .online-shop .left-side-banner {
	overflow: hidden;
	padding: 0;
	width: 100.0%;
}
#leftcolumn .online-shop .left-side-banner img {
	margin-bottom: 10.0px;
}

/**
 * ECサイト：ログインフォーム.
 */
#form-login {
	border: 10.0px solid rgb(255, 250, 230);
	padding: 40.0px;
}
/**
 * ECサイト：王冠アイコン.
 */
.online-shop .icon-crown {
	font-size: 333.3%;
	left: 5.0px;
	height: 1.0em;
	position: absolute;
	top: 5.0px;
	width: 1.0em;
	z-index: 998;
}
.online-shop .icon-crown:before {
	height: 1.0em;
	line-height: 1.0;
	margin: 0;
	width: 1.0em;
}
.online-shop .icon-crown.rank-1 {
	color: rgb(218, 165, 32);
}
.online-shop .icon-crown.rank-2 {
	color: rgb(192, 192, 192);
}
.online-shop .icon-crown.rank-3 {
	color: rgb(207, 141, 76);
}
.online-shop .icon-crown span {
	color: rgb(255, 255, 255);
	display: inline-block;
	font-size: 25.0%;
	left: 42.0%;
	position: absolute;
	top: 48.0%;
	width: 100.0%;
	z-index: 999;
}
.online-shop .rank-1-border {
	border-color: rgb(218, 165, 32) !important;
	border-style: solid !important;
}
/** ---------------------------------------------------------------------------------------------------- */
/**
 * ECサイト：TOP：メイン画像.
 */
.online-shop.top-main {
	letter-spacing: -0.40em;
	padding: 20.0px 0;
}
.online-shop.top-main .col-left {
	display: inline-block;
	height: 316.0px;
	letter-spacing: normal;
	vertical-align: top;
	width: 768.0px;
}
.online-shop.top-main .col-right {
	display: inline-block;
	height: 316.0px;
	letter-spacing: normal;
	position: relative;
	vertical-align: top;
	width: 232.0px;
}
.online-shop.top-main .col-right > a {
	display: block;
	position: absolute;
}
.online-shop.top-main .col-right > a:nth-of-type(1) {
	right: 0;
	top: 0;
}
.online-shop.top-main .col-right > a:nth-last-of-type(1) {
	bottom: 0;
	right: 0;
}
.online-shop.top-main .carousel-indicators li {
	background-color: rgb(211, 211, 211);
	border-color: rgb(211, 211, 211);
}
.online-shop.top-main .carousel-indicators li.active {
	background-color: rgb(255, 162, 29);
	border-color: rgb(255, 162, 29);
}
.online-shop.top-main .carousel-control {
	 background: rgb(207, 207, 207) none;
	 bottom: 50.0%;
	 color: rgb(255, 255, 255);
	 font-weight: normal;
	 height: 46.0px;
	 line-height: 46.0px;
	 margin-top: -43.0px;
	 text-align: center;
	 text-shadow: none;
	 top: 50.0%;
	 width: 46.0px;
	 padding-top: 15px;
}

/**
 * ECサイト：TOP：カテゴリバナー.
 */
.online-shop .top-categories .category-banner {
	margin-top: -1.0px;
}
.online-shop .top-categories .category-banner:nth-of-type(2n) {
	margin-left: -1.0px;
}

/**
 * ECサイト：TOP：新着情報.
 */
.online-shop .top-new-arrival {
	line-height: 4.0;
	max-height: 345.0px;
	overflow-y: auto;
	padding: 10.0px;
	white-space: nowrap;
}
.online-shop .top-new-arrival .arrival-item {
	text-indent: 15.0px;
	margin-bottom: 3.0px;
}
.online-shop .top-new-arrival .arrival-item:nth-last-of-type(1) {
	margin-bottom: 0;
}
.online-shop .top-new-arrival .arrival-item a {
	color: rgb(255, 162, 29) !important;
}
.online-shop .top-new-arrival .arrival-date {
	display: inline-block;
	text-align: left;
	width: 9.0em;
}

/**
 * ECサイト：TOP：人気ランキング.
 */
.online-shop .top-ranking {
	margin: 0 -44.0px 0 -30.0px;
}
.online-shop .top-ranking .ranking-item {
	color: rgb(255, 162, 29) !important;
	display: block;
	margin: 0 auto;
	position: relative;
}
.online-shop .top-ranking .ranking-item .ranking-item-image {
	border: 1.0px solid rgb(234, 234, 234);
	display: block;
	height: 208.0px;
	text-align: center;
	width: 318.0px;
}
.online-shop .top-ranking .ranking-item .ranking-item-image > img {
	max-height: 180.0px;
	max-width: 180.0px;
}

/**
 * ECサイト：TOP：キャンペーン.
 * ECサイト：TOP：オニザキのイチオシ商品.
 */
.online-shop #block-campaign .carousel-inner,
.online-shop #block-specialty .carousel-inner {
	min-height: 100.0%;
}

/** ---------------------------------------------------------------------------------------------------- */
/**
 * ECサイト：商品一覧.
 */
.online-shop .product-list {
	font-size: 75.0%;
}
.online-shop .product-list .category-title {
	background: transparent url(../img/common/bg_product_title.png) no-repeat left bottom scroll;
	color: rgb(255, 102, 51);
	font-size: 200.0%;
	font-weight: bold;
	line-height: 1.8;
	height: 70.0px;
	margin: 0;
}
.online-shop .product-list .category-lead-text {
	line-height: 2.5;
}
.online-shop .product-list .category-nav {
	border-top: 1.0px solid rgb(232, 232, 232);
	font-size: 110.0%;
	height: 58.0px;
	line-height: 58.0px;
	margin: 0 auto;
	max-width: 100.0%;
}
.online-shop .product-list .category-nav:nth-last-of-type(1) {
	border-bottom: 1.0px solid rgb(232, 232, 232);
}
.online-shop .product-list .category-nav .navbar .nav.navbar-nav a {
	-moz-border-radius: 2.0px;
	-webkit-border-radius: 2.0px;
	border-radius: 2.0px;
	padding: 5.0px 15.0px;
}
.online-shop .product-list .category-nav .navbar .nav.navbar-nav a:hover,
.online-shop .product-list .category-nav .navbar .nav.navbar-nav a:active,
.online-shop .product-list .category-nav .navbar .nav.navbar-nav a:focus {
	background-color: transparent;
	color: rgb(0, 0, 0);
	text-decoration: underline;
}
.online-shop .product-list .category-nav .navbar .nav.navbar-nav .active a {
	background-color: rgb(255, 162, 29) !important;
	color: rgb(255, 255, 255) !important;
}
.online-shop .product-list .category-nav .navbar .nav.navbar-nav .active a .fa {
	color: rgb(255, 255, 255) !important;
}
.online-shop .product-list .category-control .item-search-num {
	font-size: 150.0%;
	font-weight: bold;
}
.online-shop .product-list .list-item {
	border: 1.0px solid rgb(232, 232, 232);
	margin: 0 7.0px 15.0px 15.0px;
	padding: 0 10.0px;
	position: relative;
	width: 242.0px;
}
.online-shop .product-list .list-item p {
	margin: 0;
}
.online-shop .product-list .list-item .item-info {
	margin-bottom: 1.0em;
}
.online-shop .product-list .list-item a {
	display: block;
}
.online-shop .product-list .list-item .image-wrapper {
	border-bottom: 1.0px solid rgb(232, 232, 232);
	display: block;
	height: 182.0px;
	margin: 0 -10.0px 10.0px -10.0px;
	position: relative;
        text-align: center;
}
.online-shop .product-list .list-item .image-wrapper img {
	max-height: 180.0px;
	max-width: 240.0px;
	vertical-align: middle;
}
.online-shop .product-list .list-item .lead {
	line-height: 1.6;
	margin: 10.0px 0;
}
.online-shop .product-list .list-item .price-info {
	display: table-cell;
	padding: 0;
	vertical-align: bottom;
	width: 220.0px;
}
.online-shop .product-list .list-item .price-info .inner-pre {
	padding-right: 5.0px;
}
.online-shop .product-list .list-item .special-price {
	white-space: nowrap;
}
.online-shop .product-list .list-item .special-price .fs-x-large,
.online-shop .product-list .list-item .special-price .fs-large {
	font-size: 175.0%;
}
/** ---------------------------------------------------------------------------------------------------- */
/**
 * ECサイト：商品詳細.
 */
.online-shop .product-detail .category {
	background: transparent url(../img/common/bg_product_title.png) no-repeat left bottom scroll;
	color: rgb(255, 102, 51);
	font-size: 100.0%;
	line-height: 1.8;
	margin: 0;
	padding: 0 0 20.0px 5.0px;
}
.online-shop .product-detail .img-main {
	border: 1.0px solid rgb(234, 234, 234);
	font-size: x-small;
	height: 300.0px;
	margin: 0;
	padding: 0;
	text-align: center;
	width: 300.0px;
}
.online-shop .product-detail .img-main img {
	max-height: 298.0px;
	max-width: 298.0px;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.online-shop .product-detail .img-sub {
	border: 1.0px solid rgb(234, 234, 234);
	font-size: x-small;
	height: 98.0px;
	margin: 10.0px 0 0 0;
	padding: 0;
	text-align: center;
	width: 98.0px;
}
.online-shop .product-detail .img-sub img {
	max-height: 96.0px;
	max-width: 96.0px;
	position: relative;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.online-shop .product-detail .img-sub.active {
	border: 2.0px solid rgb(192, 192, 192);
}
.online-shop .product-detail .img-sub.active img {
	max-height: 94.0px;
	max-width: 94.0px;
}
.online-shop .product-detail .img-sub:nth-of-type(2),
.online-shop .product-detail .img-sub:nth-of-type(5) {
	margin-left: 3.0px;
	margin-right: 3.0px;
}
.online-shop .product-detail .customer-voice-title {
	background: transparent url(../img/common/bg_customer_voice_title.png) no-repeat center bottom scroll;
	font-size: 150.0%;
	line-height: 1.8;
	margin: 0;
	padding: 0 0 20.0px 0;
	text-align: center;
}
.online-shop .product-detail .customer-voicies {
	max-height: 423.0px;
	overflow-y: auto;
}
.online-shop .product-detail .customer-voicies .customer-voice:nth-of-type(n+2) {
	margin-top: 7.0px !important;
}
.online-shop .product-detail .customer-voicies .customer-voice .ellipsis {
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 100.0%;
}
.online-shop .product-detail .post-customer-voicie {
	border: 2.0px dotted rgb(255, 102, 51);
	padding: 20.0px;
}
.online-shop .product-detail .sns-buttons > iframe,
.online-shop .product-detail .sns-buttons > div {
	display: inline-block;
	vertical-align: middle;
}
.online-shop .product-detail .sns-buttons > iframe {
	margin-top: 5.0px;
}
.modal-image-gallery .image-area img.g-img  {
	height: 600.0px;
	width: 600.0px;
}
.modal-image-gallery .image-area img.g-img  {
	max-height: 600.0px;
	max-width: 600.0px;
}
/** ---------------------------------------------------------------------------------------------------- */
/**
 * ECサイト：レシピ：タイトルバー.
 */
.online-shop .recipe-title {
	background: transparent url(../img/recipe/bg_recipe_title.png) no-repeat left top scroll;
	display: block;
	height: 36.0px;
	margin: 0 0 20.0px 0;
	overflow: none;
	width: 100.0%;
}

/**
 * ECサイト：レシピ：点線(下線).
 */
.online-shop.recipe-border-bottom,
.online-shop .recipe-border-bottom {
	border-bottom: 2.0px dotted rgb(154, 206, 217);
}

/**
 * ECサイト：レシピ：リード文.
 */
.online-shop .recipe-lead {
	font-size: 88.8%;
	margin: 20.0px 0;
}

/**
 * ECサイト：レシピ：検索フォーム.
 */
.online-shop form.recipe-search-form .form-control {
	border: 1px solid rgb(154, 206, 217);
	-webkit-box-shadow: inset 0 1px 1px rgba(154, 206, 217, .075);
			box-shadow: inset 0 1px 1px rgba(154, 206, 217, .075);
	-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
		 -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
			transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.online-shop form.recipe-search-form .form-control:focus {
	border-color: rgb(154, 206, 217);
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(154, 206, 217, 0.075), 0 0 8px rgba(146, 214, 207, .6);
		box-shadow: inset 0 1px 1px rgba(154, 206, 217, 0.075), 0 0 8px rgba(146, 214, 207, .6);
}

/**
 * ECサイト：レシピ：オススメレシピ.
 */
.online-shop .recipe-recommend {
	background-color: rgb(255, 250, 230);
	padding: 15.0px;
}
.online-shop .recipe-recommend > h2,
.online-shop .recipe-recommend > h3 {
	background: transparent url(../img/common/bg_block_title.png) no-repeat left bottom scroll;
	color: rgb(255, 102, 51);
	display: block;
	font-weight: bold;
	line-height: 2.0;
	margin: 0 auto 20.0px auto;
	text-align: center;
	width: 8.0em;
}
.online-shop .recipe-recommend a {
	color: rgb(255, 102, 51) !important;
	display: block;
	margin: 0 auto 10.0px auto;
	text-align: left;
	width: 220.0px;
}
.online-shop .recipe-recommend a > img {
	display: block;
	margin: 0 auto 10.0px auto;
	width: 220.0px;
}
/** ---------------------------------------------------------------------------------------------------- */
/**
 * ECサイト：レシピ：TOP：ナビ.
 */
.online-shop .recipe-top .recipe-nav.navbar {
	background-image:
		url(../img/recipe/bg_recipe_nav.png),
		url(../img/recipe/bg_recipe_nav.png);
	background-repeat:
		no-repeat,
		no-repeat;
	background-position:
		left top,
		left bottom;
	font-size: 88.8%;
	min-height: 78.0px;
}
.online-shop .recipe-top .recipe-nav.navbar .nav.navbar-nav {
	margin: 4.0px 0;
	width: 100.0%;
}
.online-shop .recipe-top .recipe-nav.navbar .nav.navbar-nav > li {
	height: 70.0px;
}
.online-shop .recipe-top .recipe-nav.navbar .nav.navbar-nav > li > a {
	background: transparent !important;
	vertical-align: middle;
}
.online-shop .recipe-top .recipe-nav.navbar .nav.navbar-nav > li > a:hover,
.online-shop .recipe-top .recipe-nav.navbar .nav.navbar-nav > li > a:focus {
	text-decoration: underline;
}

/**
 * ECサイト：レシピ：TOP：新着情報.
 */
.online-shop .recipe-top.recipe-new-arrival {
	white-space: nowrap;
}
.online-shop .recipe-top.recipe-new-arrival h2 {
	border-bottom: 2.0px dotted rgb(154, 206, 217);
	line-height: 1.8;
	margin: 0 0 10.0px 0;
}
.online-shop .recipe-top.recipe-new-arrival .recipe-new-arrival-inner {
	max-height: 212.0px;
	overflow-y: auto;
}
.online-shop .recipe-top.recipe-new-arrival .arrival {
	line-height: 1.6;
	padding: 7.0px 0;
}
.online-shop .recipe-top.recipe-new-arrival .arrival:nth-of-type(n+2) {
	border-top: 1.0px dotted rgb(215, 215, 215);
}
.online-shop .recipe-top.recipe-new-arrival .arrival a {
	color: rgb(255, 162, 29) !important;
	font-weight: bold;
}

/**
 * ECサイト：レシピ：TOP：カテゴリ.
 */
.online-shop .recipe-top.recipe-top-category h2 {
	border-bottom: 2.0px dotted rgb(230, 116, 18);
	line-height: 1.8;
	margin: 0 0 10.0px 0;
}
.online-shop .recipe-top.recipe-top-category .lead {
	font-size: 88.8%;
	line-height: 1.6;
	margin: 15.0px 0;
}
.online-shop .recipe-top.recipe-top-category .category-item {
	font-size: 88.8%;
	margin-bottom: 10.0px;
	padding: 0;
}
.online-shop .recipe-top.recipe-top-category .category-item .lead {
	margin: 10.0px 0;
}
.online-shop .recipe-top.recipe-top-category .category-item a {
	display: block;
}
.online-shop .recipe-top.recipe-top-category .category-item > a:nth-of-type(n+2) {
	margin-top: 0.5em;
}
.online-shop .recipe-top.recipe-top-category .category-item > span,
.online-shop .recipe-top.recipe-top-category .category-item a > span {
	display: block;
	padding: 0 15.0px;
}
.online-shop .recipe-top.recipe-top-category .category-item a > span .fa {
	color: rgb(255, 102, 51) !important;
}
.online-shop .recipe-top.recipe-top-category .category-item img {
	display: block;
	margin: 0 auto 10.0px auto;
	max-width: 172.0px;
}
.online-shop .recipe-top.recipe-top-category .category-item.product a {
	border: 1.0px solid rgb(215, 215, 215);
	font-weight: bold;
	line-height: 1.2;
	margin: 0 0 0 15.0px;
	padding: 5.0px 5.0px 5.0px 0;
	width: 90.0%;
}
.online-shop .recipe-top.recipe-top-category .category-item.product a:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}
.online-shop .recipe-top.recipe-top-category .category-item.product:nth-of-type(2) a {
	margin-left: auto;
	margin-right: auto;
}
.online-shop .recipe-top.recipe-top-category .category-item.product:nth-of-type(3) a {
	margin-left: auto;
	margin-right: 15.0px;
}
.online-shop .recipe-top.recipe-top-category .category-item.product a img {
	margin: 0 5.0px 0 0;
}
.online-shop .recipe-top.recipe-top-category .category-item.product a > span {
	display: table-cell;
	padding: 0;
	text-align: left;
	vertical-align: middle;
}

/**
 * ECサイト：レシピ：レシピリスト一覧.
 */
.online-shop .recipe-list {
	font-size: 75.0%;
}
.online-shop .recipe-list .category-nav {
	border-color: rgb(232, 232, 232);
	border-style: solid;
	border-width: 1.0px 0;
	height: 58.0px;
	line-height: 58.0px;
	margin: 0 auto;
	max-width: 100.0%;
}
.online-shop .recipe-list .category-control .item-search-num {
	font-size: 150.0%;
	font-weight: bold;
}
.online-shop .recipe-list .list-item {
	border: 1.0px solid rgb(232, 232, 232);
	margin: 0 7.0px 15.0px 15.0px;
	padding: 0 10.0px 20.0px 10.0px;
	position: relative;
	width: 242.0px;
}
.online-shop .recipe-list .list-item p {
	margin: 0;
}
.online-shop .recipe-list .list-item .item-info {
	margin-bottom: 1.0em;
}
.online-shop .recipe-list .list-item a {
	display: block;
}
.online-shop .recipe-list .list-item .image-wrapper {
	border-bottom: 1.0px solid rgb(232, 232, 232);
	display: block;
	height: 180.0px;
	margin: -1.0px -10.0px 10.0px -10.0px;
}
.online-shop .recipe-list .list-item .image-wrapper img {
	max-height: 180.0px;
	max-width: 240.0px;
	vertical-align: middle;
}
.listRecipe_btn {
	margin: 15px 0;
}
.category_name_font {
	font-size: 27px;
	font-weight: bold;
	border-bottom: 3px dotted #A5DED7 !important;
	margin: 0 0 5.0px 0;
	padding-bottom: 10.0px;
}
.category_name_font_other {
	font-size: 27px;
	font-weight: bold;
	border: none;
	border-bottom: 3px dotted #A5DED7 !important;
	margin: 63.0px 0 5.0px 0;
	padding-bottom: 10.0px;
}
.category_name_subFont {
	font-size: 15px;
	margin-bottom: 5px;
}
.recipe_list_search_form {
	margin-top: 20px;
}
.recipe_category_banner {
	margin-bottom: 30px;
}

/**
 * ECサイト：レシピ：レシピ詳細.
 */
.online-shop .recipe-detail {
	font-size: 75.0%;
}
.online-shop .recipe-detail .recipe-how-to {
	line-height: 1.6;
}
.online-shop .recipe-detail .recipe-impression {
	border: 2.0px dotted rgb(255, 102, 51);
}
.online-shop .recipe-detail .customer-voicies {
	max-height: 385.0px;
	overflow-y: auto;
}
/** ---------------------------------------------------------------------------------------------------- */
/**
 * ECサイト：購入フロー：進捗バー.
 */
.online-shop .shopping-progress {
	font-size: 88.8%;
	margin-top: 30.0px;
	padding: 0;
}
.online-shop .shopping-progress .progress-box {
	background-color: rgb(255, 255, 255);
	border: 1.0px solid rgb(0, 0, 0);
	line-height: 2.0em;
	margin: 0;
	padding: 20.0px 0;
	position: relative;
	text-align: center;
	white-space: nowrap;
}
.online-shop .shopping-progress .progress-box.progress-current {
	font-weight: bold;
}
.online-shop .shopping-progress .progress-box.progress-current:before {
	content: "";
	border-style: solid;
	border-width: 14.0px 14.0px 0 14.0px;
	border-color: rgb(255, 255, 255) transparent transparent transparent;
	bottom: -14.0px;
	height: 0;
	left: 50.0%;
	margin-left: -14.0px;
	position: absolute;
	width: 0;
	z-index: 0;
}
.online-shop .shopping-progress .progress-box.progress-current:after {
	content: "";
	border-style: solid;
	border-width: 15.0px 15.0px 0 15.0px;
	border-color: rgb(0, 0, 0) transparent transparent transparent;
	bottom: -15.0px;
	height: 0;
	left: 50.0%;
	margin-left: -15.0px;
	position: absolute;
	width: 0;
	z-index: -1;
}
.online-shop .shopping-progress .progress-box > .number {
	background-color: rgb(192, 192, 192);
	color: rgb(255, 255, 255);
	display: inline-block;
	float: left;
	height: 2.0em;
	margin: 0 -2.0em 0 1.0em;
	width: 2.0em;
}
.online-shop .shopping-progress .progress-box.progress-current > .number {
	background-color: rgb(255, 0, 0);
}
.online-shop .shopping-progress .progress-separater {
	color: rgb(192, 192, 192);
	margin: 0;
	padding: 20.0px 0;
	text-align: center;
}

/**
 * ECサイト：購入フロー：進捗番号.
 */
.online-shop .shopping-progress-sequence {
	background-color: rgb(255, 0, 09);
	color: rgb(255, 255, 255);
	display: inline-block;
	font-size: 75.0%;
	font-weight: normal;
	height: 2.0em;
	line-height: 2.0em;
	margin: 0 10.0px 0 0;
	text-align: center;
	vertical-align: middle;
	width: 2.0em;
}
/** ---------------------------------------------------------------------------------------------------- */
/**
 * ECサイト：MYページ：ナビゲーションバー.
 */
.online-shop .mypage-navi {
	font-size: 100.0%;
	margin-top: 20.0px;
	padding: 0;
}
.online-shop .mypage-navi .mypage-navi-box {
	border: 1.0px solid rgb(255, 102, 51);
	line-height: 2.0em;
	margin: 0;
	padding: 20.0px 10.0px;
	position: relative;
	white-space: nowrap;
}
.online-shop .mypage-navi .mypage-navi-box.mypage-current {
	background-color: rgb(255, 102, 51);
	color: rgb(255, 255, 255);
}
.online-shop .mypage-navi .mypage-navi-box.mypage-current a {
	color: rgb(255, 255, 255) !important;
}
.online-shop .mypage-navi .mypage-navi-box.mypage-current:before {
	content: "";
	border-style: solid;
	border-width: 15.0px 15.0px 0 15.0px;
	border-color: rgb(255, 102, 51) transparent transparent transparent;
	bottom: -15.0px;
	height: 0;
	left: 50.0%;
	margin-left: -15.0px;
	position: absolute;
	width: 0;
	z-index: -1;
}

/** ---------------------------------------------------------------------------------------------------- */
/**
 * ECサイト：新着一覧.
 */
.shop_news_view {
	margin-top: 20px;
	border-top: solid 10px #FDFAE6;
	border-bottom: solid 7px #FDFAE6;
	border-left: solid 10px #FDFAE6;
	border-right: solid 10px #FDFAE6;
}
.shop_news_page {
	margin-top: 20px;
}
.shop_news_contents {
	margin-top: 10px;
}
.shop_news_contents:after {
	content: "";
	clear: both;
	display: block;
	border-bottom: solid 3px #FDFAE6;
}
.shop_news_title {
	font-size: 20px;
	font-weight:bold;
	color: #FF723A;
}
.shop_news_date {
	font-size: 13px;
	margin: 0;
	margin-top: 5px;
}

/** ---------------------------------------------------------------------------------------------------- */
/**
 * ECサイト：レシピ：おすすめbloc
 */
.recipe_recommend {
	margin-top: 40px;
	background-color: #FFFAE6;
	padding-top: 10px;
}

.recipe_recommend h3 {
	font-size: 27px;
	font-weight: bold;
	color: #FF6633;
}

.recipe_recommend_title {
	margin-bottom: 20px;
}

.recipe_recommend_info {
	width: 223px;
	margin: 0 15px 40px 15px;
	float: left;
}

.recipe_recommend_info a {
	color: #FF6633;
}

.recipe_recommend_comments {
	margin: 10px 0;
}

#clear {
	clear: both;
}

/** ---------------------------------------------------------------------------------------------------- */
/**
 * ECサイト：レシピ：印刷範囲
 */
@media print{
	#recipe-print {
		display:none;
	}
	.print_none {
		display:none;
	}
}