@charset "UTF-8";
/* 汎用タイトル（アイコン＋画像）※h3相当 */
/* 汎用タイトル（アイコン＋プレーンテキスト）※h3相当 */
/* 汎用タイトル（アイコン＋明朝体）※h4相当 */
/* 汎用タイトル（アイコン＋ゴシック体）※h5相当 */
/* テキストリンク */
/* ボタンリンク（橙色） */
/* 背景グラデ枠（お品書き、ブログサイドの背景などに使用） */
/* 料金表示 */
/* 画像切り替え（ベージュ背景 slider） */
/* 画像切り替え（ローディング） */
/* 画像切り替え（ページング） */
/* 画像切り替え（左右ボタン） */
/*	ページ内リンク用ボタン
----------------------------------------------------------- */
/*	float 解除
----------------------------------------------------------- */
/*	イベント、みやび便り（ブログ）一覧レイアウト
----------------------------------------------------------- */
/* トップページ、店舗トップ、イベント、ブログで使用 */
/* ===================================================================
CSS information

 file name  :event.css
 author     :Ability Consultant
style info  :イベント情報
=================================================================== */
/*-----------------------------------------------------------
	ページ専用指定
-----------------------------------------------------------*/
#event #main_title h2 {
	background-image: url(../event/images/bg_title.jpg);
}

#event #main_title span {
	background-image: url(../event/images/title.jpg);
}

#event #contents {
	margin-bottom: 30px;
}

/* -----------------------------------------------------------
	各レイアウト
----------------------------------------------------------- */
/* タイトル部分 */
.con_detail {
	margin-bottom: 50px;
	-webkit-box-shadow: 0 8px 6px -6px #ccc;
	-moz-box-shadow: 0 8px 6px -6px #ccc;
	box-shadow: 0 8px 6px -6px #ccc;
}

@media only screen and (max-width: 1000px) {
  .con_detail {
	margin-bottom: 30px;
}
}
.con_detail .box h3 {
	background: url(../images/common/bg_st_line.png) 0 bottom repeat-x;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

@media only screen and (max-width: 640px) {
  .con_detail .box h3 {
	padding-bottom: 8px;
}
}
.con_detail .box h3 span {
	display: block;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "Times New Roman", Times, Garamond, Georgia, serif;
	font-size: 150%;
	font-weight: normal;
	background: url(../images/common/ic_st_mark_02.png) 0 7px no-repeat;
	padding-left: 30px;
}

@media only screen and (max-width: 640px) {
  .con_detail .box h3 span {
	font-size: 130%;
	font-weight: bold;
	padding-left: 25px;
}
}

/* 画像切り替え */
.con_detail {
	background: #eee9cb url(../images/common/bg_line_wrp_pat.png) 0 top repeat-x;
	padding: 40px 30px 10px;
	background-color: #fff;
	padding-bottom: 25px;
}

@media only screen and (max-width: 640px) {
  .con_detail {
	padding: 25px 15px 15px;
}
}
.con_detail .box {
	overflow: hidden;
	*zoom: 1;
}

.con_detail .box .photo {
	float: left;
	width: 50%;
	padding-bottom: 35px;
}

@media only screen and (max-width: 800px) {
  .con_detail .box .photo {
	float: none;
	width: 100%;
}
}
@media only screen and (max-width: 640px) {
  .con_detail .box .photo {
	float: none;
	width: 100%;
	padding-bottom: 25px;
}
}
.con_detail .box .photo .wrp .bx-wrapper {
	margin: 0 auto !important;
	max-width: 100% !important;
	max-height: 100% !important;
	position: relative;
}

.con_detail .box .photo .wrp .bx-wrapper img {
	width: 100%;
	height: auto;
	/*auto又は100%に指定・縦横比を維持する*/
}

.con_detail .box .photo .wrp .bx-wrapper .bxslider {
	min-width: 90%;
	min-height: 90%;
}

.con_detail .box .photo .wrp ul li span {
	display: block;
	margin-top: 10px;
}

@media only screen and (max-width: 800px) {
  .con_detail .box .no_photo {
	display: none;
}
}

/* 開催中アイコン */
.con_detail .box .photo {
	position: relative;
}

.con_detail .box .photo .ic_session {
	position: absolute;
	top: -10px;
	left: 10px;
	z-index: 2000;
}

.con_detail .box .photo .ic_session img {
	width: 80% !important;
	background: none !important;
	border: none !important;
}

@media only screen and (max-width: 800px) {
  .con_detail .box .photo .ic_session img {
	width: 90% !important;
}
}
@media only screen and (max-width: 640px) {
  .con_detail .box .photo .ic_session img {
	width: 70% !important;
}
}
@media only screen and (max-width: 480px) {
  .con_detail .box .photo .ic_session img {
	width: 60% !important;
}
}

.con_detail .box .bx-loading {
	width: 100%;
	height: 100%;
	background: url(../images/common/slider_loader.gif) center center no-repeat;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}

.con_detail .box .bx-pager {
	position: absolute;
	bottom: -40px;
	left: 0;
	z-index: 1000;
}

@media only screen and (max-width: 1000px) {
  .con_detail .box .bx-pager {
	left: 0;
	bottom: -40px;
}
}
@media only screen and (max-width: 640px) {
  .con_detail .box .bx-pager {
	bottom: -30px;
}
}
.con_detail .box .bx-pager .bx-pager-item,
.con_detail .box .bx-pager .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.con_detail .box .bx-pager a {
	display: block;
	width: 12px;
	height: 12px;
	margin-right: 10px;
	background: url(../images/common/slider_thum_sp.png) 0 top no-repeat;
	text-indent: -9999px;
	outline: 0;
}

@media only screen and (max-width: 1000px) {
  .con_detail .box .bx-pager a {
	margin-right: 20px;
}
}
.con_detail .box .bx-pager a:hover,
.con_detail .box .bx-pager a.active {
	background: url(../images/common/slider_thum.png) 0 bottom no-repeat;
}

@media only screen and (max-width: 640px) {
  .con_detail .box .bx-pager a:hover,
  .con_detail .box .bx-pager a.active {
	background: url(../images/common/slider_thum_sp.png) 0 bottom no-repeat;
}
}
@media only screen and (max-width: 640px) {
  .con_detail .box .bx-pager a {
	margin-right: 8px;
}
}
.con_detail .box .bx-controls-direction a {
	position: absolute;
	top: 50%;
	z-index: 10000;
	display: block;
	overflow: hidden;
	margin-top: -25px;
	padding-top: 50px;
	width: 25px;
	height: 0;
}

.con_detail .box .bx-controls-direction a.bx-prev {
	left: 5px;
	background: url(../images/common/slider_btn_prev.png) 0 0 no-repeat;
}

.con_detail .box .bx-controls-direction a.bx-next {
	right: 5px;
	background: url(../images/common/slider_btn_next.png) 0 0 no-repeat;
}

@media only screen and (max-width: 640px) {
  .con_detail .box .bx-controls-direction a {
	width: 20px;
	padding-top: 40px;
	margin-top: -20px;
}

  .con_detail .box .bx-controls-direction a.bx-prev {
	-webkit-background-size: 20px, 20px;
	-moz-background-size: 20px, 20px;
	-o-background-size: 20px, 20px;
	background-size: 20px, 20px;
}

  .con_detail .box .bx-controls-direction a.bx-next {
	-webkit-background-size: 20px, 20px;
	-moz-background-size: 20px, 20px;
	-o-background-size: 20px, 20px;
	background-size: 20px, 20px;
}
}

/* 内容部分 */
.con_detail .box .inner {
	float: right;
	width: 47%;
	margin-bottom: 20px;
}

@media only screen and (max-width: 800px) {
  .con_detail .box .inner {
	float: none;
	width: 100%;
}
}
.con_detail .box .inner .ic {
	margin-bottom: 10px;
}

.con_detail .box .inner .date {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	color: #645512;
	font-size: 130%;
	font-weight: bold;
	margin-bottom: 15px;
}

@media only screen and (max-width: 640px) {
  .con_detail .box .inner .date {
	font-size: 120%;
}
}
.con_detail .box .inner .txt {
	margin: 0 auto 15px;
}

.con_detail .box .inner .price {
	text-align: right;
	margin-bottom: 10px;
}

.con_detail .box .inner .price p {
	display: inline;
}

.con_detail .box .inner .price .num {
	color: #c30000;
	font-size: 160%;
}

.con_detail .box .inner .price .num span {
	font-size: 70%;
	padding-left: 5px;
}

.con_detail .box .inner .price .tax {
	font-size: 100%;
}