@charset "utf-8";
/*フレームの共通部分制御スタイル*/


/*-----------------------------------------------*/
/* header                                        */
/*-----------------------------------------------*/
.site-copy {
	font-size: 12px;
	font-size: 1.2rem;
	font-family:"minchou-wf";
	margin-bottom:10px;
}
/*header sub menu*/
#header-sub-menu-div {
	background-color: #EFEFE9;
}
#header-sub-menu li a {
	font-size: 12px;
	font-size: 1.2rem;
	display: block;
	color: #444;
	line-height: 120%;
}
#header-sub-menu li a:hover {
	color: #F85A62;
}
.navbar-brand:before {
	margin-right:5px;
	vertical-align:middle;
	display: inline-block;
	content:url(../basic-img/icon-tougei.png);
	}
#header-sub-menu li:nth-child(1) a:before {
	margin-right:5px;
	vertical-align:middle;
	display: inline-block;
	content:url(../basic-img/icon-01.png);
	}
#header-sub-menu li:nth-child(2) a:before {
	margin-right:5px;
	vertical-align: middle;
	display: inline-block;
	content:url(../basic-img/icon-02.png);
	}
#header-sub-menu li:nth-child(3) a:before {
	margin-right:5px;
	vertical-align: middle;
	display: inline-block;
	content:url(../basic-img/icon-03.png);
	}
#header-sub-menu li:nth-child(4) a:before {
	margin-right:5px;
	vertical-align: middle;
	display: inline-block;
	content:url(../basic-img/icon-04.png);
	}
#header-sub-menu li:nth-child(5) a:before {
	margin-right:5px;
	vertical-align: middle;
	display: inline-block;
	content:url(../basic-img/icon-05.png);
	}
/*contact-menu*/
#contact-menu {
	margin-bottom: 0px;
	}
.navbar {
  position: relative;
  min-height:inherit;
  margin-bottom: 0px;
  border:none;
}
/*サイトタイトル*/
#site-title {
	margin-top: 20px;
	margin-bottom:30px;
}
/*globale-nav*/
#globale-nav {
	max-width: 1100px;
	margin-left: auto;
	margin-right: auto;
	/*font-family: "minchou-wf";*/
}
#globale-nav ul {}
#globale-nav ul li a {
	color: #000;
}
#globale-nav ul li a:hover {
	color: #F85A62;
}
/*ページ上部へ*/
.page-top {
	margin: 0;
	padding: 0;
	text-decoration: none;
	display: none ;
}
.page-top p {
	margin: 0 ;
	padding: 0 ;
	position: fixed ;
	right: 0px ;
	bottom: 0px ;
}
.page-top a span {
	color: #FFFFFF;
}
.move-page-top {
	display: block;
	background-color: #68292C;
	width: 50px;
	height: 50px;
	color: #fff;
	line-height: 50px;
	text-decoration: none;
	text-align: center;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0.5;
}
.move-page-top:hover {
	opacity:1 ;
	background: #F85A62;
}
/*footer*/
#footer-div {
	background-color: #EFEFE9;
	padding-top: 20px;
}
#footer-link-list div > a {
	display: block;
	background-color: rgba(255,255,255,0.70);
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 150%;
}
#footer-link-list ul {
	margin-left: 0px;
	padding-left: 0px;
	margin-top: 10px;
}
#footer-link-list li {
	margin-left: 0px;
	list-style-type: none;
	padding-left: 0px;
	margin-bottom: 10px;
	font-size: 10px;
	font-size: 1.0rem;
	line-height: 150%;
}
#contact-div {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 175%;
}
#contact-div strong {
	display:block;
}
#copyright-div {
	background-color: #333333;
	color: #FFFFFF;
	font-size: 12px;
	font-size: 1.2rem;
	padding-top: 5px;
	padding-bottom: 5px;
}
/*中ページ共通*/
#contents-mv {
	position: relative;
	margin-bottom: 40px;
	overflow:hidden;
}
#title-div {
	color:#FFFFFF;
	width:100%;
}
#breadcrumb-list {
	color: #FFFFFF;
	font-size: 12px;
	font-size: 1.2rem;
	margin-top: 10px;
	margin-bottom: 10px;
}
#breadcrumb-list a {
	color: #FFFFFF;
}
#breadcrumb-list a:hover {
	color: #F85A62;
}
#breadcrumb-list a:after {
	content:">";
	margin-right:10px;
	margin-left:10px;
}
#page-title {
	margin-top: 0px;
	margin-bottom: 10px;
	font-family:"minchou-wf","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif
}

/*-----------------------------------------------------------------------*/
/* Lサイズ、デスクトップ : Medium Devices, Desktops */
@media all and (min-width : 768px) {
	/*ヘッダーメニュー*/
	#header-sub-menu {
		display: table;
		margin-bottom: 0px;
	}
	#header-sub-menu li {
		display: table-cell;
		vertical-align: top;
	}
	#header-sub-menu li a {
		padding-top: 10px;
		padding-right: 10px;
		padding-bottom: 10px;
		padding-left: 10px;
	}
	#contact-menu {
		width: 154px;
		border-left: 1px solid #FFFFFF;
	}
	#contact-menu li {
		display: inline-block;
		width: 50%;
		float: left;
		border-right: 1px solid #FFFFFF;
		display: inline-block;
		float: left;
	}
	#contact-menu li a {
		display: block;
		padding-top: 13px;
		padding-right: 10px;
		padding-bottom: 12px;
		padding-left: 10px;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
		display: block;
		}
	#contact-menu li:nth-child(1) a {
		background-image: url(../basic-img/icon-06.png);
		background-repeat: no-repeat;
		background-position: center center;
	}
	#contact-menu li:nth-child(2) a {
		background-image: url(../basic-img/icon-07.png);
		background-repeat: no-repeat;
		background-position: center center;
	}
	.navbar-default .navbar-collapse,
	.navbar-default .navbar-form {
		border:none;
	}
	/*グローバルナビ*/
	#globale-nav ul li {
		display: inline-block;
		border-left: 1px solid #DDD;
		float: left;
	}
	#globale-nav ul li:first-child {
		border-left:none;
	}
	#globale-nav ul li a {
		display: block;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-right: 18px;
		padding-left: 18px;
	}
	#globale-nav .active {
		background-color: #EFEFE9;
	}
	/*メガドロプダウン*/
	.visible-lg {
		display: block!important;
	}
	.main-navigation-drop-wrapper {
		position: absolute;
		z-index: 20;
		background-color: #EFEFE9;
		display: none;
		width: 100%;
		max-width: 100%;
		border-bottom: solid 1px #ccc;
		box-shadow: 0 3px 3px rgba(0, 0, 0, 0.3);
		padding: 20px 0;
		/*font-size: 90%;*/
	}
	.main-navigation-drop-wrapper ul {
		padding-left:0px !important;
	}
	.main-navigation-drop-wrapper li {
	width: 25%;
	float: left;
	margin-bottom: 20px;
	display:inline-block;
	list-style-type: none;
	}
	.main-navigation-drop-wrapper li a {
	display: block;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #FFFFFF;
	border-radius: 10px;
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
	height: 80px;
	vertical-align: middle;
	}
	/*footer*/
	#footer-link-list a {
			color:#444;
	}
	#footer-link-list a:hover {
			color: #F85A62;
	}
	#footer-link-list:after {
		margin: 0 10px 0 0;
		content: " ";
		display: inline-block;
		width: 100%;
		height: auto;
		padding-top:18%;
		background-image: url("../basic-img/footer-img.png");
		background-size: contain;
		vertical-align: middle;
		background-repeat: no-repeat;
		background-position: center bottom;
	}
	#contact-div div:not(:first-child) {
		border-left: 1px solid #CCCCCC;
	}
	#header-sub-menu li a {
		font-size: 12px;
		font-size: 1.2rem;
		display: block;
		color: #444;
		line-height: 120%;
	}
	#footer-sub-menu li a:hover {
		color: #F85A62;
	}
	#footer-sub-menu li:nth-child(1) a:before {
		margin-right:5px;
		vertical-align:middle;
		display: inline-block;
		content:url(../basic-img/icon-01.png);
		}
	#footer-sub-menu li:nth-child(2) a:before {
		margin-right:5px;
		vertical-align: middle;
		display: inline-block;
		content:url(../basic-img/icon-02.png);
		}
	#footer-sub-menu li:nth-child(3) a:before {
		margin-right:5px;
		vertical-align: middle;
		display: inline-block;
		content:url(../basic-img/icon-03.png);
		}
	#footer-sub-menu li:nth-child(4) a:before {
		margin-right:5px;
		vertical-align: middle;
		display: inline-block;
		content:url(../basic-img/icon-04.png);
		}
	#footer-sub-menu li:nth-child(5) a:before {
		margin-right:5px;
		vertical-align: middle;
		display: inline-block;
		content:url(../basic-img/icon-05.png);
		}
	#footer-sub-menu li:nth-child(6) a {
		background-image: url(../basic-img/icon-06.png);
		background-repeat: no-repeat;
		background-position: center center;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
		width:40px;
	}
	#footer-sub-menu li:nth-child(7) a {
		background-image: url(../basic-img/icon-07.png);
		background-repeat: no-repeat;
		background-position: center center;
		text-indent:100%;
		white-space:nowrap;
		overflow:hidden;
		width:40px;
	}
	#copyright-div address {
		margin-right: 10px;
		margin-bottom: 0px;
		display: inline;
	}
	#copyright-div small {
		display:block;
		text-align: right;
	}
	/*中ページ共通*/
	#title-div {
		position: absolute;
		top: 0;
		left: 0;
		background-color: rgba(0,0,0,0.60);
	}
	#mv-img {}
	.ratio-mv-top {/*カテゴリトップ用*/
		height:430px;
	}
	.ratio-mv {/*カテゴリ中用*/
		height:300px !important;
	}
	/*カテゴリのサブナビ*/
	#cate-navi li {
		margin-bottom: 10px;
	}
	#cate-navi li a {
		display: block;
		padding-top: 5px;
		padding-bottom: 5px;
		padding-left: 5px;
		padding-right: 5px;
		color:#333;
	}
	#cate-navi li a:hover {
		background-color: #EFEFE9;
		color: #F85A62;	
	}
}
@media all and (min-width : 1200px) {
	/*内容*/
	#main-div {
		float:left;
		/*width:81.81818181818183%;900pxの％換算*/
		width:900px;
	}
	#sub-navi-div {
		float:right;
		width:170px;
	}
}
@media all and (max-width : 1199px) {
	/*内容*/
	#main-div {
		float:none;
		width:100%;
	}
	#sub-navi-div {
		display:none;
	}
}
/* Mサイズ、デスクトップ : Medium Devices, Desktops */
@media all and (max-width : 1099px) {
	#globale-nav ul li:first-child {
		border-left:none;
		display:none;
	}
	#globale-nav ul {
		display:table;
		margin-bottom:0px;
	}
	#globale-nav ul li {
		display:table-cell;
		float:none;
		width:12.5%;
		text-align: center;
		vertical-align: middle;
	}
	#globale-nav ul li a {
		display: block;
		width:100%;
		height:70px;
		/*height:100%;
		padding-top: 10px;
		padding-bottom: 10px;*/
		padding-right: 6px;
		padding-left: 6px;
	}
}
@media all and (max-width : 977px) {
	#globale-nav ul {
		display:table;
		margin-bottom:0px;
	}
	#globale-nav ul li {
		display:table-cell;
		float:none;
		width:12.5%;
		text-align: center;
		vertical-align: middle;
		height:100%;
	}
	#globale-nav ul li a {
		display: block;
		width:100%;
		height:70px;
		/*height:100%;
		padding-top: 10px;
		padding-bottom: 10px;*/
		padding-right: 1px;
		padding-left: 1px;
	}
	#contact-div div:first-child img {
		margin-left: auto;
		margin-right: auto;
	}
}

/* Sサイズ、タブレット : Small Devices, Tablets */
@media all and (max-width : 767px) {
	#header-block a {
	color: #444;
	}
	#header-block .container {
		padding-left:0px;
		padding-right:0px;
	}
	.navbar-brand {
		font-family:"minchou-wf";
		font-weight: bolder;
	}
	.navbar-nav {
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
	}
	.navbar-nav li {
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 0px;
		margin-left: 0px;
		border-top: 1px solid #CCC;
	}
	#globale-nav ul {
		border-top: 1px solid #DDD;
	}
	#globale-nav ul li {
		display: inline-block;
		border-left: 1px solid #DDD;
		border-bottom: 1px solid #DDD;
		float: left;
		width:50%;
	}
	#globale-nav ul li:first-child {
		display:none;
	}
	#globale-nav ul li a {
	display: block;
	height:100% !important;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	}
	/*footer*/
	#footer-sub-menu {
		display:none;
	}
	#copyright-div address {
		display:block;
		margin-bottom: 0px;
	}
	/*中ページ共通*/
	#title-div {
		background-color: rgba(0,0,0,1.00);
	}
	.ratio-mv-top {/*カテゴリトップ用*/
	height:300px;
	}
	.ratio-mv {/*カテゴリ中用*/
	height:200px !important;
	}
	/*カテゴリのサブナビ*/
	#sub-navi-div {
		display:block;
	}
	#sub-navi-div h6{
	padding: 10px;
	border-top: 5px solid #68292C;
	background-color: #EFEFE9;
	margin-left: -15px;
	margin-right: -15px;
	margin-bottom: 0px;
	}
	/*#sub-navi-div h6:before {
		content: '● ';
		color:#68292C;
	}
	#sub-navi-div h6:after {
		content: ' ●';
		color:#68292C;
	}*/
	#cate-navi {
		margin-bottom:40px;
		margin-left:-35px;
		margin-right:-15px;
	}
	#cate-navi ul {
		border-top: 1px solid #CCCCCC;
	}
	#cate-navi li {
		margin-bottom: 0px !important;
		border-bottom: 1px solid #CCCCCC;
		position:relative;
	}
	#cate-navi li a {
		display: block;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 10px;
		padding-right: 20px;
	}
	#cate-navi li:after {
	content: "\f061";
	position: absolute;
	top: 50%;
	right: 10px;
	display: inline-block;
	margin-top: -14px;
	font-family:FontAwesome;
	font-size:14px;
	color:#CCC;
	}
}



/*-------------------------------------------------------*/
/*プログラム側で使う共通スタイル（登録者には使わせない） */
/*-------------------------------------------------------*/
.sub_title {
	font-weight:normal !important;
}
/*パネル*/
.panel-item {
	/*margin-bottom: 20px;*/
	}
.panel-item > div {
    color: #000;
    display: block;
    background: #fff;
}
.panel-item-content-thumbnail {
	position: relative;
	overflow: hidden;
	background-image: url(../basic-img/no-img.png);
	background-position: center center;
	background-repeat: no-repeat;
}
.panel-item-content-thumbnail img {
	display: block;
	height: auto;
	width: 100%;
	position: absolute;
	top:0;
	left:0;
}
.panel-item .new {
	position: absolute;
	background-color: #FF0004;
	color: #FFFFFF;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	top:0;
	z-index:9;
}
.panel-item-content {
	position:relative;
}
#contents-body .panel-item-content {
		padding-bottom:10px;
	}
.panel-item-content a {}
.panel-item-content-category {
	display: block;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	text-align: center;
}
.panel-item-content-sub_title {
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	display: block;
}
.panel-item-content-title {
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	display: block;
	color: #67282C;
	/*overflow : hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;*/
}
.panel-item-date {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 5px;
	text-align: center;
	font-size: 12px;
	font-size: 1.2rem;
}
.panel-item .startday {
	background-color: #000000;
	display: block;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	color: #FFFFFF;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 125%;
}
.event {
	background-color: #887997;
	color: #FFFFFF;
	text-align: center;
}
.workshop {
	background-color: #899A76;
	color: #FFFFFF;
	text-align: center;	
}
/* Lサイズ、デスクトップ : Medium Devices, Desktops */
@media all and (min-width : 768px) {
	.panel-item-content:hover a {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: 3px solid rgba(248,90,98,0.80);
	}
	.panel-item-content a {
		display:none;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
	}
}
/* Sサイズ、タブレット : Small Devices, Tablets */
@media all and (max-width : 767px) {
	/*トップだけ*/
	#information .panel-item-content:hover a {
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border: 3px solid rgba(248,90,98,0.80);
	}
	#information .panel-item-content a {
		display:none;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
	}
	/*中はこちら*/
	#contents-body .panel-item-content a {
		padding-top: 5px;
		padding-right: 10px;
		padding-bottom: 5px;
		padding-left: 10px;
		border: 2px solid #B93039;
		border-radius: 10px;
		display: block;
		background-color: #FFFFFF;
		margin-bottom: 10px;
		margin-right: 10px;
		margin-left: 10px;
		text-align: center;
		float:none;
	}	
}

/*関連イベントの基本情報*/
.basic-data-list {
	/*margin-bottom: 20px;*/
	padding-left:0px !important;
}
.basic-data-list li {
	margin-left: 0px;
	margin-bottom: 10px;
	list-style-position: inside;
}
/*ギャラリー部分*/
.gallery-area > div {}
.gallery-area h6 {
	text-align:center;
	margin-bottom:0px;
	font-weight:normal !important;
	font-size: 12px;
	font-size: 1.2rem;
}
.gallery-area .product-div {
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	border: 1px solid #EEE;
}
.gallery-area .product-photo {
	margin-bottom:10px;
	display:table;
	width:100%;
}
.gallery-area .product-photo > div {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
.gallery-area .product-photo img {
	height:auto;
	width:100%;
}