@charset “UTF-8”;
/* =============================================================================

CSS Information

 File name:	layout.css

 Style Info:	レイアウト設定

 ※ スマフォファースト。CSSの上書きはPC側(device.css)で。

============================================================================= */

/* font-family: 'Noto Sans JP', sans-serif; */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');

html {
	font-size: 12px;
}

body {
	overflow-x: hidden;
	position: relative;
	background: #FFF;
	color: #333;
	font-size: 1.16666rem;
	font-family: 'Noto Sans JP', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	line-height: 1.6;
}

.font_mincho {
	font-family: '游明朝', YuMincho, 'Hiragino Mincho ProN W3', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
}

a {
	cursor: pointer;
	color: #333;
	text-decoration: underline;
}

a:visited {
	color: #333;
}

a:hover {
	color: #999;
	text-decoration: none;
}

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

em {
	font-weight: bold;
}

strong {
	font-weight: bold;
}

.clearfix {}

.clearfix::after {
	content: '';
	display: block;
	clear: both;
	height: 0;
}

.fs-l-header p, .fs-l-footer p {
	margin: 0;
}

/* -----------------------------------------------------------------------------

 Future shop コマースクリエーター style [スタートアップテーマ(PC/タブレット)ベース]

----------------------------------------------------------------------------- */

.fs-l-header {
	padding-top: 210px;
}

.fs-body-top .fs-l-header {
	padding-top: 190px;
}

.fs-l-header--min {
	padding-top: 130px;
	border-bottom: none;
}

.fs-l-footer {
	margin-top: 60px;
	background: none;
	border-top: none;
}

.fs-body-top .fs-l-footer {
	margin-top: 0;
}

/* -------------------------------------------------------------------------------

 header

------------------------------------------------------------------------------- */

.header_wrapper {
	position: relative;
}

.header {
	position: fixed;
	z-index: 999999;
	top: 0;
	left: 0;
	width: 100%;
	box-sizing: border-box;
	background: #FFF;
}

.header_line {
	overflow: hidden;
	/*  height: 1.8em;  */
	padding: 2px;
	background: #333;
	color: #FFF;
	text-align: center;
	transition: 0.4s;
}

.header_inner {
	position: relative;
	padding: 20px 20px 15px;
	transition: 0.4s;
}

.header .logo_area {
	width: 300px;
	max-width: 55%;
	margin: 20px auto 0;
	transition: 0.4s;
}

.header .logo_area img {
	width: 100%;
}

/* PC/SP 共通：utility navi
----------------------------------------------------------- */

.unavi {
	position: relative;
	float: right;
	display: -webkit-flex;
	display: flex;
	justify-content: space-between;
	width: 200px;
	max-width: 40%;
}

.unavi li {}

.unavi li label, .unavi li a {
	position: relative;
	display: block;
	padding: 4px;
	text-decoration: none;
}

.unavi li label::before, .unavi li a::before {
	content: '';
	display: block;
	width: 34px;
	height: 34px;
	margin: 0 auto 4px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 85% auto;
}

.unavi .search label::before {
	background-image: url(../common/icon_search.svg);
}

.unavi .login a::before {
	background-image: url(../common/icon_login.svg);
}

.unavi .cart a::before {
	background-image: url(../common/icon_cart.svg);
}

.unavi .cart {
	position: relative;
}

.unavi .cart em {
	position: absolute;
	right: -4px;
	top: 22px;
	min-width: 18px;
	height: 18px;
	border-radius: 50%;
	background: #333;
	color: #FFF;
	font-size: 1rem;
	text-align: center;
	line-height: 18px;
}

/* ログイン/ログアウト：ナビ非表示 */
.logout.my_false, .login.my_true, .register.my_true, .mypage.my_false {
	display: none;
}

/* search
------------------------------------------------------------- */

.search_area {
	position: relative;
	margin-bottom: 10px;
	padding: 2px 40px 2px 2px;
	border: 1px solid #CCC;
	background: #FFF;
}

/* open/close */
.search_btn {
	position: absolute;
	visibility: hidden;
}

.search_wrapper {
	position: absolute;
	top: 101%;
	left: 0;
	width: 100%;
	height: 0;
	padding: 40px 20px;
	background: #FFF;
	opacity: 0;
	transition: 0.4s;
}

.search_btn:checked ~ .search_wrapper {
	height: auto;
	opacity: 1;
	z-index: 99999;
}

.search_wrapper .search_area {
	max-width: 500px;
	margin: 0 auto;
	padding-right: 70px;
}

.search_area input[type="text"], .search_area button {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: transparent;
	border: none;
	border-radius: 0;
	font: inherit;
	outline: none;
}

.search_area button {
	overflow: hidden;
	position: absolute;
	top: 2px;
	right: 2px;
	width: 40px;
	height: 40px;
	background: url('data:image/svg+xml,%3Csvg%20enable-background%3D%22new%200%200%2034%2034%22%20viewBox%3D%220%200%2034%2034%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m22.9%2021.6c2-2.3%203.2-5.3%203.2-8.6%200-7.1-5.8-13-13-13s-13.1%205.9-13.1%2013.1%205.9%2013.1%2013.1%2013.1c3.2%200%206.1-1.1%208.3-3l10.3%2010.5c.2.2.5.3.8.3s.5-.1.7-.3c.4-.4.4-1.1%200-1.5zm-20.8-8.5c0-6.1%204.9-11%2011-11%206%200%2010.9%204.9%2010.9%2011%200%206-4.9%2010.9-10.9%2010.9-6.1%200-11-4.9-11-10.9z%22%20fill%3D%22%23ccc%22%2F%3E%3C%2Fsvg%3E') center center no-repeat;
	background-size: 70% auto;
	text-indent: 100%;
	white-space: nowrap;
}

.search_wrapper .search_area button {
	width: 66px;
	height: 44px;
	margin: -2px -2px -2px 0;
	background: #333;
	color: #FFF;
	text-indent: 0;
}

/* menu
------------------------------------------------------------- */

/* menu open btn */
.menu_btn_area {
	position: absolute;
	bottom: 10px;
	right: 0px;
	width: 50px;
	height: 50px;
}

.menu_btn_area .layer {
	position: absolute;
}

input[type="checkbox"]#menu_btn {
	position: absolute;
	visibility: hidden;
	bottom: 0;
}

/* ハンバーガーメニュー */
.menu_open_btn {
	display: block;
	width: 40px;
	height: 40px;
	padding: 5px;
	z-index: 2147483647;
}

.menu_open_btn span {
	position: relative;
	display: block;
	width: 22px;
	height: 2px;
	margin: 19px auto 0;
	background: #333;
	transition: 0.4s;
}

.menu_open_btn span::before, .menu_open_btn span::after {
	position: absolute;
	content: '';
	left: 0;
	width: 30px;
	height: 2px;
	background: #333;
	transition: 0.4s;
}

.menu_open_btn span::before {
	top: -10px;
}

.menu_open_btn span::after {
	bottom: -10px;
	width: 14px;
}

/* ハンバーガーメニューを変形 */
input[type="checkbox"]#menu_btn:checked + .menu_open_btn span {
	background: transparent;
}

input[type="checkbox"]#menu_btn:checked + .menu_open_btn span::before {
	top: 25%;
	transform: rotate(45deg);
}

input[type="checkbox"]#menu_btn:checked + .menu_open_btn span::after {
	width: 30px;
	bottom: 25%;
	transform: rotate(-45deg);
}

/* レイヤー */
input[type="checkbox"]#menu_btn:checked ~ .layer {
	position: fixed;
	content: '';
	width: 100%;
	height: calc(100% - 118px);
	background: rgba(51, 51, 51, .5);
	top: 118px;
	right: 0;
	visibility: visible;
	z-index: 2147483645;
}

/* menu：オープン/クローズ */
.menu_wrapper {
	position: fixed;
	top: 118px;
	right: -360px;
	width: 320px;
	max-width: 80%;
	height: calc(100% - 118px);
	transition: 0.1s ease-in-out;
}

input[type="checkbox"]#menu_btn:checked ~ .menu_wrapper {
	overflow: auto;
	z-index: 2147483646;
	right: 0;
}

.header_slim input[type="checkbox"]#menu_btn:checked ~ .layer ,
.header_slim .menu_wrapper {
	top: 66px;
	height: calc(100% - 66px);
}


.menu_wrapper {
	padding: 10px 15px 10px;
	background: #FFF;
}

.btn_sp li {
	margin-bottom: 10px;
}

.btn_sp a {
	display: block;
	padding: 20px 10px;
	background: #333;
	color: #FFF;
	text-align: center;
	text-decoration: none;
}

.btn_sp .login a, .btn_sp .logout a {
	background: #999;
}

.btn_sp .mypage a {
	background: #9d985e;
}

.menu_area {
	display: -webkit-flex;
	display: flex;
}

.menu_area .menu_sp:first-child {
	width: 60%;
}

.menu_area .menu_sp:last-child {
	width: 40%;
}

.menu_sp {
	margin-bottom: 20px;
	line-height: 2;
}

.menu_sp dt {
	font-size: 1.25rem;
}

.menu_sp dd {
	margin-left: 1em;
}

.menu_sp a {
	text-decoration: none;
}

/* -----------------------------------------------------------------------------

 navi

----------------------------------------------------------------------------- */

/* PC
----------------------------------------------------------- */

.navi_area {
	padding: 0 20px;
	border-top: 1px solid #EEE;
	/*	border-bottom: 1px solid #EEE;	*/
	line-height: 1.2;
}

.navi {
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	max-width: 1200px;
	margin: 0 auto;
	text-align: center;
}

.fs-body-top .navi {
	margin-bottom: -1px;
}

.navi li {
	position: relative;
}

.navi a {
	text-decoration: none;
}

.navi > li > a, .navi > li > span {
	cursor: pointer;
	display: block;
	padding: 1.5em 1em;
	border-bottom: 2px solid #FFF;
}

.navi > li > a:hover {
	border-bottom: 2px solid #333;
}

/* dropdown */
.navi li .navi_drop {
	position: absolute;
	display: none;
	width: 210px;
	top: calc(100% - 10px);
	left: 50%;
	margin-left: -100px;
	box-sizing: border-box;
}

.navi li:hover .navi_drop {
	display: block;
}

.header_slim .navi li .navi_drop {
	top: calc(100% - 5px);
}

.navi li .navi_drop .inner {
	position: relative;
	height: auto;
	padding: 15px;
	border: 1px solid #CCC;
	border-top: 2px solid #333;
	background: #FFF;
	text-align: center;
	line-height: 2.5;
	z-index: 2147483647;
}

.navi li .navi_drop .inner::before {
	position: absolute;
	content: '';
	top: -7px;
	left: 50%;
	margin-left: -4.5px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 4.5px 5px 4.5px;
	border-color: transparent transparent #333333 transparent;
}

/* drop inner */
.navi_drop .sub_navi {
	margin-bottom: 8px;
}

.navi_drop .link_all {
	display: inline-block;
	padding: 10px 1em 0;
	border-top: 2px dotted #333;
}

/* -----------------------------------------------------------------------------

メインコンテンツ : fs-l-main / fs-l-pageMain / side

※ fs で始まるクラスはショップ全体にかかわるので、変更するときは注意 ※
※ 変更する時はそのページの body のクラス名を調べてページだけ適応する ※

----------------------------------------------------------------------------- */

.fs-c-breadcrumb {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 10px;
	font-size: 1rem;
}

.fs-c-breadcrumb__list {
	display: -webkit-flex;
	display: flex;
	padding: 5px 0;
}

.fs-c-breadcrumb__listItem {
	display: block;
	white-space: nowrap;
	padding-right: .8em;
}

.fs-c-breadcrumb__listItem:last-child {
	white-space: normal;
}

.fs-c-breadcrumb__listItem:last-child::befor {
	padding: 0 4px;
}

.fs-c-breadcrumb__listItem a {}

.fs-l-main {
	display: -webkit-flex;
	display: flex;
	display: block;
	clear: both;
	max-width: 1200px;
	margin: 20px auto;
	padding: 0 15px;
}

/* トップページとカテゴリページフリーページ */
.fs-body-top .fs-l-main {
	max-width: 100%;
	margin: 0 auto;
	padding: 0;
}

.fs-body-category .fs-l-main, .fs-body-custom .fs-l-main {}

.fs-l-pageMain {
	width: 100%;
	max-width: 100%;
}

/* カテゴリリスト/商品リスト */
.fs-c-subgroupList {
	margin: 15px 0;
}

.fs-c-productList {}

/* カート 会員登録など */
.fs-body-cart .fs-l-main, .fs-body-cart-login .fs-l-main, .fs-body-customerDetails .fs-l-main, .fs-body-register .fs-l-main, .fs-body-my-top .fs-l-main {}

/* 商品ページ */
.product_comment-1 table {
	margin: 0 auto;
}

.product_comment-1 table {
	margin: 0 auto;
}

.product_comment-1 .item_wrapper, .product_comment-1 .bg_police, .product_comment-1 .bg_price {
	margin: 0 auto;
}

.product_comment-1 img {
	display: block;
	margin: 0 auto;
}

/* -----------------------------------------------------------------------------

 footer

----------------------------------------------------------------------------- */

.footer_company a, .footer_guide a, .footer a {
	color: #FFF;
}

.footer_company a:hover, .footer_guide a:hover, .footer a:hover {
	color: #999;
}

/* page top
-----------------------------------------------------------*/

.page_top_fx {
	position: fixed;
	overflow: hidden;
	bottom: 10px;
	right: 10px;
	z-index: 99999;
}

.page_top_fx a {
	display: block;
	cursor: pointer;
	width: 50px;
	height: 50px;
	padding-top: 20px;
	background: url('data:image/svg+xml,%3Csvg%20enable-background%3D%22new%200%200%2036%2020%22%20height%3D%2220%22%20viewBox%3D%220%200%2036%2020%22%20width%3D%2236%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m35.6%2018.1c0%20.5-.2.9-.5%201.3-.7.7-1.8.7-2.5%200l-14.8-15.2-14.8%2015.2c-.7.7-1.8.7-2.5%200s-.7-1.8%200-2.5l16.1-16.4c.7-.7%201.8-.7%202.5%200l16%2016.4c.3.3.5.8.5%201.2z%22%20fill%3D%22%23333%22%2F%3E%3C%2Fsvg%3E') 50% 25% no-repeat;
	background-size: 40% auto;
	text-align: center;
	text-decoration: none;
}

.page_top_fx a:hover {
	background-image: url('data:image/svg+xml,%3Csvg%20enable-background%3D%22new%200%200%2036%2020%22%20height%3D%2220%22%20viewBox%3D%220%200%2036%2020%22%20width%3D%2236%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22m35.6%2018.1c0%20.5-.2.9-.5%201.3-.7.7-1.8.7-2.5%200l-14.8-15.2-14.8%2015.2c-.7.7-1.8.7-2.5%200s-.7-1.8%200-2.5l16.1-16.4c.7-.7%201.8-.7%202.5%200l16%2016.4c.3.3.5.8.5%201.2z%22%20fill%3D%22%23999%22%2F%3E%3C%2Fsvg%3E');
}

/* footer_company
----------------------------------------------------------- */

.footer_company {
	overflow: hidden;
	padding: 30px 15px;
	background: url(../common/footer_bg01.jpg) center top;
	background-size: auto 100%;
	color: #FFF;
}

.fcompany_inner {
	max-width: 1200px;
	margin: 0 auto;
}

.fcompany_inner {
	display: -webkit-flex;
	display: flex;
}

.fcompany_inner .info_block {
	width: 30%;
	margin-bottom: 0;
	margin-right: 3%;
	padding-right: 3%;
	border-right: 1px solid #FFF;
}

.fcompany_inner .text_block {
	flex: 1;
}

.footer_company h2 {
	margin-bottom: 20px;
	font-size: 2rem;
}

.footer_company > h2 {
	font-size: 1.5rem;
	text-align: center;
}

.footer_company .company_navi li {
	margin-bottom: 10px;
	font-size: 1.333333333rem;
}

/* footer_guide
----------------------------------------------------------- */

.footer_guide {
	padding: 30px 20px 10px;
	border-bottom: 1px solid #666666;
	background: #333;
	color: #FFF;
}

.fguide_inner {
	max-width: 1200px;
	margin: 0 auto;
}

.fguide_inner .guide_block {
	margin-bottom: 30px;
}

.footer_guide h3 {
	position: relative;
	margin-bottom: 10px;
	font-size: 1.75rem;
	text-align: center;
}

.footer_guide h3::before {
	content: '';
	display: block;
	width: 34px;
	height: 34px;
	margin: 0 auto 4px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 85% auto;
}

.footer_guide .wrapping h3::before {
	background-image: url(../common/icon_wrapping.svg);
}

.footer_guide .delivery h3::before {
	background-image: url(../common/icon_delivery.svg);
}

.footer_guide .payment h3::before {
	background-image: url(../common/icon_ccard.svg);
}

.footer_guide p {
	text-align: center;
}

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

.footer {
	padding: 30px 15px 20px;
	border-bottom: 1px solid #666666;
	background: #333;
	color: #FFF;
}

.footer .footer_inner {
	max-width: 1200px;
	margin: 0 auto;
}

/* logo */
.footer .info_area {
	position: relative;
	margin: 0 -15px 30px;
	height: 100%;
	background: url(../common/footer_bg02.jpg) 50% 100% no-repeat;
	background-size: 100% auto;
	text-align: center;
}

.footer .info_area .logo {
	padding-bottom: 30px;
	background: #333;
}

.footer .info_area .logo img {
	width: 210px;
	max-width: 80%;
}

.footer .info_area .info_txt {
	padding: 130px 0 130px 30px;
	text-align: left;
}

.footer .info_area .info_txt h3 {
	margin-bottom: 20px;
	font-size: 1.5rem;
}

.footer .info_area .sns_list {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
}

/* fnavi */
.fnavi_area {
	margin: 0 auto 50px;
}

.fnavi_area {
	position: relative;
}

.fnavi_area {
	display: -webkit-flex;
	display: flex;
}

.fnavi_area .fnavi_block:first-child {
	width: 60%;
}

.fnavi_area .fnavi_block:last-child {
	width: 40%;
}

.fnavi_block h3 {
	margin-bottom: 20px;
	font-size: 1.33333rem;
}

.fnavi_block h3 label {
	cursor: default;
}

.fnavi li {
	margin-bottom: 15px;
}

.fnavi li a {
	display: block;
	text-decoration: none;
}

/* アコーディオン用：チェックを隠す */
.fnavi_block input {
	position: absolute;
	visibility: hidden;
	top: 0;
	right: 0;
}

/* fnavi_sp */
.fnavi_sp {
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	margin: 10px -10px;
	font-size: 1rem;
	line-height: 1.2;
}

.fnavi_sp li {
	border-right: 1px solid #FFF;
}

.fnavi_sp li:first-child {
	border-left: 1px solid #FFF;
}

.fnavi_sp li a {
	display: block;
	padding: 0 .5em;
	text-decoration: none;
}

/* icon_navi */
.icon_navi {
	margin-bottom: -10px;
	font-size: .916rem;
}

.icon_navi li {
	margin-bottom: 15px;
}

.icon_navi a, .icon_navi span {
	position: relative;
	display: block;
	padding-left: 35px;
	text-decoration: none;
}

.icon_navi a::before, .icon_navi span::before {
	position: absolute;
	content: '';
	display: block;
	top: 0;
	left: 0;
	width: 22px;
	height: 22px;
	margin: 0 auto 4px;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 96% auto;
}

.icon_navi .mail a::before {
	background-image: url(../common/icon_mail.svg);
}

.icon_navi .tel a::before {
	background-image: url(../common/icon_tel.svg);
	background-size: auto 100%;
}

.icon_navi .time span::before {
	background-image: url(../common/icon_time.svg);
}

.menu_wrapper .icon_navi .mail a::before {
	background-image: url(../common/icon_mail_bl.svg);
}

.menu_wrapper .icon_navi .tel a::before {
	background-image: url(../common/icon_tel_bl.svg);
	background-size: auto 100%;
}

.menu_wrapper .icon_navi .time span::before {
	background-image: url(../common/icon_time_bl.svg);
}

/* footer_copy
----------------------------------------------------------- */

.footer_copy {
	padding: 20px;
	font-size: 1rem;
	text-align: center;
}

/* sns
----------------------------------------------------------- */

.sns_list {
	display: -webkit-flex;
	display: flex;
	justify-content: center;
	padding: 15px;
}

.sns_list li {
	margin: 0 8px;
}

.sns_list li a {
	display: block;
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: 80% auto;
	text-decoration: none;
}

.footer_inner > .sns_list li a {
	width: 34px;
	height: 34px;
}

.sns_list li a:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
}

.sns_list li.fb a {
	background-image: url(../common/icon_sns_fb.svg);
	background-size: auto 80%;
}

.sns_list li.tw a {
	background-image: url(../common/icon_sns_tw.svg);
}

.sns_list li.insta a {
	background-image: url(../common/icon_sns_insta.svg);
}

.sns_list li.pin a {
	background-image: url(../common/icon_sns_pin.svg);
}

.sns_list li.line a {
	background-image: url(../common/icon_sns_line.svg);
}

.sns_list li.ytube a {
	background-image: url(../common/icon_sns_youtube.svg);
	background-size: 90% auto;
}

/* calener
-----------------------------------------------------------*/

.cal_area {
	margin-bottom: 15px;
}

.fcal_area .cal_area {
	margin-bottom: 40px;
}

.cal_wrapper .cal {
	width: 100%;
	margin-bottom: 8px;
	background: #cccccc;
	color: #333;
}

.cal_wrapper table.cal tr th p {
	padding: 4px;
	background: #999;
	color: #FFF;
	font-weight: normal;
	text-align: center;
}

.cal_wrapper table.cal tr th .cal_ui {
	display: none;
	display: display;
	float: right;
}

.cal_wrapper table.cal tr th .cal_ui input {
	margin-left: 2px;
	padding: 2px 8px;
	border-radius: 4px;
	border: solid 1px #CCC;
	background: #FFF;
}

.cal_wrapper table.cal tr th {
	border: 1px solid #FFF;
}

.cal_wrapper table.cal tr td {
	border: 1px solid #FFF;
	text-align: center;
}

.cal_wrapper table.cal tr.headline td {
	padding: 1px 2px;
	background: #EEE;
}

.cal_wrapper table.cal tr td div {
	position: relative;
	padding: 3px 2px;
	text-align: center;
}

.cal_wrapper table.cal tr td div span {
	display: none;
	position: absolute;
	top: 20px;
	left: 50%;
	padding: 8px;
	width: 100px;
	border: solid 1px #EEE;
	background: #FFF;
	box-shadow: 1px 1px 2px #999;
	z-index: 10;
	color: #333;
	text-align: center;
}

/* 日にちクラス指定 */
.cal_wrapper table.cal tr.headline td:first-child, .cal_wrapper table.cal tr td .Sun, .cal_wrapper table.cal tr.headline td:last-child, .cal_wrapper table.cal tr td .Sat {
	color: #cc6666;
	background: #EEE;
}

.cal_wrapper table.cal tr td .Today {
	font-weight: bold;
}

.cal_wrapper table.cal tr td .Deli {
	background: #EFE;
}

.cal_wrapper table.cal tr td .day {
	color: #a40000;
}

/*.cal_wrapper table.cal tr td:first-child ,
.cal_wrapper table.cal tr td:last-child ,*/
.cal_wrapper table.cal tr td .holyday {
	color: #FFF;
	background: #cc6666;
}

.cal_info span {
	display: inline-block;
	margin-right: 10px;
}

.cal_info i {
	display: inline-block;
	width: 15px;
	height: 15px;
	margin-right: 5px;
	background: #CCC;
	vertical-align: middle;
}

.cal_info i.holyday {
	background: #cc6666;
}