@charset "utf-8";

/************************************************
 ブロック用
************************************************ */
/*** 目次 ***

▼ブロック共通
リスト
タイトル
ヘッダー上、フッター下のブロックエリア

▼各機能ブロックの指定
-新着情報
-現在のカゴの中
-カテゴリ
-ガイドリンク
-ログイン（サイド用）
-検索
-カレンダー
-おすすめ商品
    * 商品詳細のオススメ商品   [whobought_area]
*/


/* ==============================================
ブロック共通
    * #container から指定することで、ヘッダー・フッターには適用していない。
/* ============================================= */
.side_column {
    overflow-x: hidden; /* IE6 表示乱れ防止 */
}
.side_column .block_body,
#main_column .block_body {
    border-top: none;
}
.side_column .block_body .box {

    width: 145px;
}

/* 外枠
----------------------------------------------- */
#container .block_outer {
    padding: 0 15px 10px; /* #container の背景色を欠けさせないため敢えて padding */
}
#container #main_column .block_outer {
    padding: 0 0 20px;
}
#container #main_column .block_outer.mb50 {
    padding: 0 0 50px;
}
#container .side_column .block_outer {
    padding: 0 0 10px;
}

/* リスト
----------------------------------------------- */
/* ログイン 検索条件 */
#container .block_outer .block_body dl.formlist {
    margin-bottom: 8px;
}
#container .block_outer .block_body dl.formlist dd {
    margin-bottom: 5px;
}
#container .block_outer .block_body dl.formlist dt {
    margin-bottom: 3px;
    padding-left: 15px;
    background: url("../img/icon/ico_arrow_03.gif") no-repeat left;
    font-size: 90%;
}
#container .block_outer .block_body dl.formlist span {
    vertical-align: top;
}


/* タイトル
----------------------------------------------- */
/* タイトルの背景 白 */
#login_area h2,
#search_area h2,
#calender_area h2,
#cart_area h2,
#cart h2 {
    padding: 5px 0 8px 10px;
    border-style: solid;
    border-color: #f90 #ccc #ccc;
    border-width: 1px 1px 0;
    background: url('../img/background/bg_tit_bloc_01.jpg') repeat-x left bottom;
    font-size: 14px;
}
#category_area h2 {
    border-bottom: 1px solid #cdcdcd;
    font-size: 15px;
    padding-bottom: 5px;
    margin-bottom: 15px;
}
#category_area h2 span {
    background: url("../img/background/ico_arrow_side_category.gif") no-repeat 100% 7px;
    padding-right: 16px;
}

/* タイトルの背景 */
#googlemap_area h2,
#campaign_area h2,
#recommend_area h2,
#news_area h2 {
    border-bottom: 1px solid #cdcdcd;
    font-size: 15px;
    font-weight: bold;
    padding: 0 0 5px 30px;

}

#news_area h2 {
    background: url("../img/background/ico_tit_news.gif") no-repeat 0 5px;
    margin-bottom: 13px;
}

#campaign_area h2 {
    background: url("../img/background/ico_tit_campaign.gif") no-repeat 0 5px;
    margin-bottom: 20px;
}

#googlemap_area h2 {
    background: url("../img/background/ico_tit_shop.gif") no-repeat 0 1px;
    margin-bottom: 20px;
}


/* ***********************************************
▼各機能ブロックの指定
/*********************************************** */

/* ===============================================
▼メインスライダー
=============================================== */
#main_slider {
    clear: both;
    margin-bottom: 30px;
}

#main_slider #slider .bx-wrapper {
    margin-bottom: 20px;
}

#main_slider #slider #owl-slide li {
    margin: 0 5px;
    width: 100px !important;
}

#main_slider #slider #owl-slide .owl-buttons {
    position: relative;
}

#main_slider #slider #owl-slide .owl-buttons div {
    height: 110px;
    text-indent: -9999px;
    position: absolute;
    width: 30px;
    top: -110px;
}

#main_slider #slider #owl-slide .owl-buttons .owl-prev {
    background: url("../img/button/btn_main_image_prev.gif") no-repeat 0 0;
    left: -80px;
}

#main_slider #slider #owl-slide .owl-buttons .owl-next {
    background: url("../img/button/btn_main_image_next.gif") no-repeat 0 0;
    right: -80px;
}

/*
 *  Core Owl Carousel CSS File
 *  v1.3.3
 */

/* clearfix */
.owl-carousel .owl-wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
/* display none until init */
.owl-carousel{
    display: none;
    position: relative;
    margin: auto;
    width: 800px;
    -ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
    display: none;
    position: relative;
    -webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
    overflow: hidden;
    position: relative;
    padding-left: 10px;
    width: 100%;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
    -webkit-transition: height 500ms ease-in-out;
    -moz-transition: height 500ms ease-in-out;
    -ms-transition: height 500ms ease-in-out;
    -o-transition: height 500ms ease-in-out;
    transition: height 500ms ease-in-out;
}

.owl-carousel .owl-item{
    float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
    cursor: pointer;
}
.owl-controls {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

/* mouse grab icon */
.grabbing {
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility:    hidden;
    -ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}


/* ===============================================
▼トップキャンペーン
=============================================== */
#campaign_area img {
    float: left;
    display: block;
    margin: 0 20px 10px 0;
}

#campaign_area p {
    text-align: right;
}

#campaign_area p a {
    background: #000;
    color: #fff;
    padding: 3px 17px 5px;
}

#campaign_area p a:hover {
    background: #666;
    text-decoration: none;
}

/* ===============================================
▼トップGoogleマップ
=============================================== */
#googlemap_area .block_body {
    border: 1px solid #cdcdcd;
}


/* ===============================================
▼サイドバナー
=============================================== */
#sidebanner_top a,
#sidebanner_bottom a {
    display: block;
    margin-bottom: 20px;
}

/* ===============================================
▼下層ページメインイメージ
=============================================== */
#page_main_image {
    clear: both;
    margin-bottom: 40px;
}

/* ===============================================
▼パンクズリスト
=============================================== */
#main_column .breadcrumb {
    color: #808080;
    font-size: 8.3px;
    padding: 0;
    margin-bottom: 15px;
}


.LC_Page_Products_Detail #main_column .breadcrumb {
    float: left;
    width: 400px;
}

#main_column .breadcrumb a {
    color: #808080;
}


/* ===============================================
▼新着情報
=============================================== */
#news_area .news_contents {
    max-height: 110px;
    height: auto !important; /* hack? */
    height: 110px; /* hack? */
    overflow: auto;
    overflow-y: scroll;
}
#news_area dl.newslist {
    clear: both;
}
#news_area dl.newslist:last-child { /* IE9 未満では無効 (影響度合いが低いので黙殺) */
    background: none;
}
#news_area dl.newslist dt {
    color: #888888;
    margin-right: 10px;
    float: left;
    margin-bottom: 3px;
}
#news_area dl.newslist dd {
    margin-bottom: 3px;
}
#news_area dl.newslist dd a {
    color: #000;
    text-decoration: underline;
}

#news_area dl.newslist dd a:hover {
    color: #888888;
    text-decoration: none;
}


/* ===============================================
▼現在のカゴの中
=============================================== */
#cart_area .information {
    padding: 10px;
}
#cart_area .postage {
    margin-top: 10px;
    padding-top: 10px;
    background: url("../img/background/line_dot_01.gif") repeat-x top;
}
#cart_area .postage .point_announce {
    padding: 2px 0 2px 20px;
    background: url("../img/icon/ico_price.gif") no-repeat left top;
}



/* ===============================================
▼カテゴリ
=============================================== */
#container #category_area .block_body {
}

#category_area li {
    padding-left: 0px;
}
#category_area li.level1 {
    margin-bottom: 20px;
}
#category_area li.level1 p {
    margin: 6px 0px;
}
#category_area li.level1 p {
    font-weight: bold;
}
#category_area li.level1 li {
    padding-left: 7px;
}
#category_area li.level1 li p {
    background: url("../img/icon/ico_category.gif") 3px 7px no-repeat;
    font-weight: normal;
    padding-left: 10px;
}
#category_area li a {
    color: #000;
    display: block;
    padding: 0;
    text-decoration: none;
}
#category_area li a:hover {
    color: #666;
}
#category_area li.level1 li a {
    color: #888888;
}
#category_area li.level1 li a:hover {
    color: #cdcdcd;
}


a.onlink:link {
    color: #f00;
    text-decoration: underline;
}
a.onlink:visited {
    color: #f00;
}
a.onlink:hover {
    color: #f00;
}


/* ===============================================
▼ガイドリンク
=============================================== */
#guide_area {
    border: none;
}
#guide_area li {
    margin-bottom: 5px;
    letter-spacing: -0.05em;
}
ul.button_like li {
    margin: 0;
    padding: 0 0 1px 0;
    background: url("../img/background/bg_btn_list.jpg") bottom repeat-x;
}
ul.button_like li a {
    margin: 0;
    padding: 10px 15px 10px 10px;
    border: 1px solid;
    border-bottom: none;
    border-color: #ccc;
    display: block;
    background: url("../img/icon/ico_arrow_02.gif") no-repeat right;
    text-decoration: none;
    outline: none;
}


/* ===============================================
▼ログイン（サイド用）
※ヘッダー用はbloc_alpha.css内に記述
=============================================== */
#container div#login_area .block_body {
    padding: 10px;
}

#container div#login_area .block_body p {
    margin-bottom: 5px;
}

#container div#login_area .block_body .btn {
    text-align: center;
}
#container .login_area dl.formlist {
}
#container .login_area dl.formlist dt {
}
#container .login_area dl.formlist dd {
}
#container div#login_area .block_body .mini {
    margin-top: 5px;
    letter-spacing: -0.01em;
}


/* ===============================================
▼検索
=============================================== */
.LC_Page_Products_Detail #container div#search_area {
    float: right;
    margin-bottom: 10px;
    width: 320px;
}

#container div#search_area .block_body {
    text-align: right;
    margin-bottom: 0px;
}
#container div#search_area .block_body input {
    vertical-align: middle;
    margin-left: 5px;
    margin-bottom: 0px;
}


/* ===============================================
▼カレンダー
=============================================== */
#calender_area {
    background-color: transparent;
    border: none;
}
#calender_area .block_body {
    padding: 10px 0;
    background-color: #f1f9fc;
}
#calender_area table {
    background: #fff;
    border: none;
    width: 150px;
    margin: 0 auto 5px;
    font-size: 90%;
}
#calender_area table td {
    padding: 1px 3px;
    border-top: 1px solid #ccc;
    border-right: none;
    text-align: center;
}
#calender_area th {
    padding: 1px 3px;
    background: #fff;
    border: none;
    text-align: center;
}
#calender_area table .month {
    margin-bottom: 5px;
    padding-left: 12px;
    background: url("../img/icon/ico_arrow_04.gif") no-repeat left;
    font-size: 120%;
}
#calender_area .off {
    color: #f00;
}
#calender_area .today {
    background-color: #FFF99D;
    font-weight: bold;
}
#calender_area .information {
    margin-left: 10px;
    font-size: 90%;
}


/* ===============================================
▼おすすめ商品
=============================================== */
/*
   tplファイルのマークアップが同じ項目
   メインカラム用
   サイドカラム用           [side_column]
   商品詳細のオススメ商品   [whobought_area]
=============================================== */
/* 共通
----------------------------------------------- */
#recommend_banner_area .bnr_free_shipping {
    margin-bottom: 20px;
}

#recommend_banner_area #search_area {
    margin-bottom: 20px;
}

#recommend_area .block_body {
    margin-right: -35px;
    position: relative;
}

#recommend_area a,
#whobought_area a {
    display: block;
    text-decoration: none;
}

#recommend_area a:hover,
#whobought_area a:hover {
    color: #888;
}

#recommend_area .productImage a,
#whobought_area .productImage a {
    display: block;
}

#recommend_area .productImage_inner,
#whobought_area .productImage_inner {
    display: table-cell;
    height: 190px;
    width: 190px;
    text-align: center;
    vertical-align: middle;
}

* html #recommend_area .productImage_inner,
* html #whobought_area .productImage_inner {/* IE 6 */
display:inline;
zoom:1;
}

*:first-child+html #recommend_area .productImage_inner,
*:first-child+html #whobought_area .productImage_inner {/* IE 7 */
display:inline;
zoom:1;
}


/* 商品ステータス */
#recommend_area .block_body ul.status_icon,
#whobought_area .product_item ul.status_icon {
    margin-bottom: 0px;
    margin-right: -10px;
    position: relative;
}
#recommend_area .block_body ul.status_icon li,
#whobought_area .product_item ul.status_icon li {
    margin-right: 10px;
    margin-bottom: 5px;
    float: left;
}

#recommend_area .block_body h3,
#whobought_area .product_item h3 {
    font-weight: normal;
    margin-bottom: 5px;
}

/* 価格 */
#recommend_area .block_body .pricebox,
#whobought_area .product_item .pricebox {
    margin: 0;
    text-align: right;
    font-size: 12px;
    font-weight: bold;
    position: absolute;
    right: 19px;
    bottom: 19px;
}

#recommend_area .block_body dd,
#whobought_area .product_item dd {
    display: inline-block;
    padding-bottom: 10px;
}

#recommend_area .relative_cat,
#whobought_area .relative_cat {
    margin-bottom: 5px;
}

#recommend_area .relative_cat dd,
#whobought_area .relative_cat dd {
    margin-bottom: 5px;
}

#recommend_area .product_item .icon_num,
#whobought_area .product_item .icon_num {
    left: -7px;
    top: -11px;
    position: absolute;
    z-index: 100;
}

/* サイドカラム用 */
.side_column #recommend_area .product_item {
    margin-bottom: 10px;
}


/* 画像
----------------------------------------------- */
/* メインカラム用 */
#main_column #recommend_area .block_body .productImage,
#whobought_area .product_item .productImage {
    margin-bottom: 10px;
}
/* サイドカラム用 */
.side_column #recommend_area .block_body .productImage {
    float: none;
    text-align: center;
    width: auto;
}


/* 左右の振り分け
----------------------------------------------- */
#main_column #recommend_area .product_item_wrap,
#whobought_area .product_item_wrap {
    margin-right: -35px;
    position: relative;
}

#main_column #recommend_area .product_item,
#whobought_area .product_item {
    border: 1px solid #CDCDCD;
    float: left;
    margin: 0 35px 30px 0;
    position: relative;
    width: 228px;
}

#main_column #recommend_area .product_item_inner,
#whobought_area .product_item_inner {
    padding: 19px;
}


/* 商品説明テキスト
----------------------------------------------- */
/* メインカラム用 1カラム時*/
#main_column.colnum1 #recommend_area .block_body .productContents {
    float: right;
    width: 74%;
}

/* メインカラム用 2カラム時*/
#main_column.colnum2 #recommend_area .block_body .productContents,
#main_column.colnum2 #whobought_area .productContents {
    padding-bottom: 20px;
}

/* メインカラム用 3カラム時*/
#main_column.colnum3 #recommend_area .block_body .productContents,
#main_column.colnum3 #whobought_area .productContents {
    float: right;
    width: 67%;
}

/* サイドカラム用 */
.side_column #recommend_area .block_body .productContents {
    clear: both;
}


/* ボトム レコメンドエリア
----------------------------------------------- */

.bottom_recommend ul {
	border: solid 1px #cdcdcd;
	padding: 20px 20px 0px;
}

.bottom_recommend ul li {
	float: left;
	margin-bottom: 20px;
}

.bottom_recommend ul li.mr {
	margin-right: 14px;
}

.bottom_recommend ul li a img {
	border: solid 1px #cdcdcd;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow:0px 6px 8px -5px #b7b1b9;
	-moz-box-shadow:0px 6px 8px -5px #b7b1b9;
	-webkit-box-shadow:0px 6px 8px -5px #b7b1b9;
	transition: 1s;
}

.bottom_recommend ul li a:hover img {
	filter:alpha(opacity=40);
	-moz-opacity: 0.4;
	opacity: 0.4;
}

.bottom_recommend ul li p {
	margin-top: 10px;
	font-weight: bold;
}

.bottom_recommend ul li p img {
	vertical-align: middle;
	margin-right: 5px;
}

/* ===============================================
▼トップ バナー表示(高島屋オンライン福袋20171101～)
=============================================== */

#top_takashimaya_fukubukuro p {
	margin-bottom: 10px;
	font-size: 14px;
}

#top_takashimaya_fukubukuro a:hover ,
#top_takashimaya_fukubukuro a:hover img {
  opacity: 0.8;
	-webkit-transition: all .5s;
	transition: all .5s;
}

#top_takashimaya_fukubukuro .mb20 {
	margin-bottom: 20px;
}

#top_takashimaya_fukubukuro .txt_c {
	text-align: center;
}

#top_takashimaya_fukubukuro .fs_b {
	font-size: 20px;
	font-weight: bold;
}

#top_takashimaya_fukubukuro .red {
	color: #f00;
  font-size: 24px;
  font-weight: bold;
}

#top_takashimaya_fukubukuro .sans {
	font-family:"Roboto Slab" , Garamond , "Times New Roman" , "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "ＭＳ Ｐ明朝" , "MS PMincho" , serif;
}

#top_takashimaya_fukubukuro .fs16 {
	font-size: 16px;
}

#top_takashimaya_fukubukuro .pr20 {
	padding-right: 20px;
}

#top_takashimaya_fukubukuro .pl20 {
	padding-left: 20px;
}

#top_takashimaya_fukubukuro .gotakashimaya {
	text-align: center;
	margin: 0 0 20px;
}

#top_takashimaya_fukubukuro .notice {
  text-align: center;
}

#top_takashimaya_fukubukuro .notice p {
  display: inline-block;
  text-align: left;
}

#top_takashimaya_fukubukuro .gotakashimaya a {
	padding: 10px 20px;
	display: inline-block;
	color: #fff;
	font-weight: bold;
	font-size: 24px;
	background: #957000;
	border: 2px solid #c89600;
	/* box-shadow */
	box-shadow:0px 6px 6px -3px #cccccc;
	-moz-box-shadow:0px 6px 6px -3px #cccccc;
	-webkit-box-shadow:0px 6px 6px -3px #cccccc;
}


/* ===============================================
▼トップ バナー表示(妊娠中のママのためのルイボスティー)
=============================================== */

#top_banner_rooibos a:hover {
	opacity: 0.6;
	-webkit-transition: all .5s;
	transition: all .5s;
}

#top_banner_rooibos a:hover img {
	opacity: 0.8;
	-webkit-transition: all .5s;
	transition: all .5s;
}

#top_banner_rooibos .mb10 {
	margin-bottom: 10px;
}

#top_banner_rooibos .txt_c {
	text-align: center;
}

#top_banner_rooibos .block_body2 {
  display: table;
  width: 100%;
  margin-top: 20px;
}

#top_banner_rooibos .block_body2 .left,
#top_banner_rooibos .block_body2 .right {
  display: table-cell;
  vertical-align: middle;
}

#top_banner_rooibos .block_body2 .left {
  text-align: center;
  width: 319px;
}

#top_banner_rooibos .block_body2 .right {
  padding: 15px;
}

#top_banner_rooibos .block_body2 .right .ribbon,
#top_banner_rooibos .block_body2 .right h3 {
  text-align: center;
  margin-bottom: 20px;
}

#top_banner_rooibos .block_body2 .right .ribbon img {
    width: 100%;
}

#top_banner_rooibos .block_body2 .right .link {
  text-align: right;
  margin-top: 20px;
}

#top_banner_rooibos .block_body2 .right .link a {
  color: #ea613f;
  font-size: 150%;
  font-weight: bold;
	text-decoration: none;
}

#top_banner_rooibos .block_body2 .right .link a:hover {
  text-decoration: underline;
}


/* ===============================================
▼トップ バナー表示(福袋店舗販売)
=============================================== */

/*クリアフィックス*/
.cf:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}

#container #main_column #fukubukuro {
  padding-bottom: 40px;
}

#fukubukuro img {
  max-width: 100%;
  height: auto;
}

#fukubukuro h3,
#fukubukuro p {
	color: #383c3c;
}

#fukubukuro a:hover {
  color: #373535;
	opacity: 0.6;
	-webkit-transition: all .5s;
	transition: all .5s;
}

#fukubukuro a:hover img {
	opacity: 0.8;
	-webkit-transition: all .5s;
	transition: all .5s;
}

#fukubukuro .red {
	color: #f00;
}

#fukubukuro h3,
#fukubukuro p {
	margin-top: 10px;
}

#fukubukuro h3 {
  text-align: center;
  font-size: 24px;
}

#fukubukuro .fs_b {
  font-size: 14px;
  font-weight: bold;
}

#fukubukuro .cf {
  display: table;
}

#fukubukuro .cf .leftbloc,
#fukubukuro .cf .rightbloc {
  display: table-cell;
  width: 50%;
  text-align: center;
  vertical-align: middle;
}

#fukubukuro .cf .leftbloc p {
  display: inline-block;
  text-align: left;
}

#fukubukuro .cf .leftbloc p .fs_s {
  font-size: 10px;
}

#fukubukuro .rightbloc a {
	text-align: center;
	margin: 15px auto 0 auto;
	font-size: 28px;
	background: #c9171e;
	color: #fff;
	font-weight; bold;
	padding: 10px 0;
	width: 300px;
	border: 5px solid #d9333f;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#fukubukuro .goblog:hover {
	color: #fff;
}

.top_banner_area img {
	width: 100%;
	height: auto;
}

.top_banner_area a:hover img {
	opacity: 0.6;
	-webkit-transition: all .5s;
	transition: all .5s;
}

.top_banner_area .mt10 {
	margin-top: 10px;
}

.top_banner_area .mb10 {
	margin-bottom: 10px;
}

.top_banner_area .txt_c {
	text-align: center;
}

/* ===============================================
▼ヘッダー バナー表示(紅茶月間店頭キャンペーン)
=============================================== */

#header_bnr_banner_area {
  margin: 0 0 10px;
}

#header_bnr_banner_area p {
  text-align: center;
}

#header_bnr_banner_area a:hover,
#header_bnr_banner_area a:hover img {
	opacity: 0.6;
	-webkit-transition: all .5s;
	transition: all .5s;
}

/* ===============================================
▼トップ バナー表示(紅茶月間店頭キャンペーン)
=============================================== */

.monthly_campaign .img {
  margin-bottom: 10px;
}

.monthly_campaign h3 {
  font-size: 16px;
  margin: 10px 0;
}

.monthly_campaign .btm {
  text-align: center;
  margin-top: 10px;
}

.monthly_campaign .btm a {
  display: inline-block;
  color: #fff;
  background: #e50012;
  font-weight: bold;
  position: relative;
  padding: 5px 20px 5px 10px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
}

.monthly_campaign a:hover,
.monthly_campaign a:hover img {
	opacity: 0.6;
	-webkit-transition: all .5s;
	transition: all .5s;
}

.monthly_campaign .btm a::after {
  position: absolute;
  content: "";
  top: 50%;
  right: 10px;
  margin-top: -3px;
  width: 5px;
  height: 5px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

/* ===============================================
▼トップ バナー表示(アフタヌーンティーイベント開催のお知らせ)
=============================================== */

#eventbloc.pb40 {
  padding-bottom: 40px;
}

#eventbloc .mb10 {
  margin-bottom: 10px;
}

#eventbloc a:hover,
#eventbloc a:hover img {
	opacity: 0.6;
	-webkit-transition: all .5s;
	transition: all .5s;
}

#eventbloc .bnr a,
#eventbloc .bnr img {
  width: 760px;
  height: auto;
}

#eventbloc .outline {
  border: 5px solid #cdcdcd;
  padding: 10px;
  text-align: center;
  width: 80%;
  margin-right: auto;
  margin-left: auto;
  background: #f0f6da;
}

#eventbloc .outline p {
  display: inline-block;
  text-align: left;
}

#eventbloc .outline p span {
  color: #387d39;
  font-size: 15px;
  font-weight: bold;
}

#eventbloc .btn {
  text-align: center;
}

#eventbloc .btn a {
  display: inline-block;
  padding: 10px 30px;
  font-size: 18px;
  font-weight: bold;
  background: #9cbb1c;
  border: 5px solid #e9dacb;
  color: #946c45;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}

/* ===============================================
▼トップ バナー表示(高島屋お中元バナー)
=============================================== */

#top_takashimaya_ochugen2019 a:hover,
#top_takashimaya_ochugen2019 a:hover img {
	opacity: 0.6;
	-webkit-transition: all .5s;
	transition: all .5s;
}

#top_takashimaya_ochugen2019 .mb10 {
  margin-bottom: 10px;
}

#top_takashimaya_ochugen2019 .btn {
  text-align: center;
}

#top_takashimaya_ochugen2019 .btn a {
  display: inline-block;
  padding: 10px 30px;
  font-size: 18px;
  font-weight: bold;
  background: #004986;
  border: 5px solid #e9dacb;
  color: #fff;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}