@charset "shift_jis";

/* CSS Document */

.pcOnly{display: block;}
.spOnly{display: none;}

html{
	min-width: 1000px;
}
body{
	min-width: 1000px;
	min-height: 100vh;
}
body {
  display: flex;
  flex-direction: column;
}
div#wrapper {
	min-width: 1000px;
	width:100%;
  display: flex;
	display:-webkit-box;
  display:-ms-flexbox;
  display: -ms-flex;
  display: -webkit-flex;
  flex-direction: column;
	-webkit-flex-direction: column;
  min-height: 100vh;
}
#contents{
	flex: 1 1 auto;
}
.footWrap{
	margin-top: auto;
  position: relative;
}
#footer{
	min-width: 1000px;
}

/*----------------------------------------
	ヘッダー
-----------------------------------------*/
.sub_area_inner p.title_gray{
	text-align: left;
  color: #aaa;
  font-size: 12px;
}
.eventmenu p.title_blk {
    font-size: 13px;
    font-weight: bold;
}

#mainImgArea h1 img{
		display: block;
}


/*----------------------------------------
	パーツ
-----------------------------------------*/
h2.title_ppl,h2.title_navy{
	background: #000066;
	color: #fff;
	padding: 15px 20px;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 30px;
}
h2.title_left_bdr,
h3.title_left_bdr{
	color: #333!important;
	padding: 0 0 0 15px!important;
	border-left: 4px solid #010066;
	background-color: transparent!important;
	position: relative;
	margin-bottom: 20px;
	font-size: 18px;
	color: #000066;
  line-height: 1.3;
	font-weight: bold;
}

h2.title_left_bdr:after,
h3.title_left_bdr:after{
	content: "";
	width: 100%;
	height: 1px;
	position: absolute;
	bottom: -5px;
	left: -4px;
	border-bottom: 1px dotted #010066;
}
@media screen and (min-width:768px) {
  #navSp{
    display: none !important;
  }
}
@media screen and (max-width:767px) {
	.pcOnly{display: none;}
	.spOnly{display: block;}
	img{
		max-width: 100%;
		height: auto;
	}
	body{
		font-size: 87.5%;
		line-height: 1.7;
		display: block;
	}

/* --------------------------------------
	コンテンツ
-------------------------------------- */
	html, body{
		min-width: 0;
	}
	div#wrapper {
		min-width: 0;
		display: block;
	}
	div#contents {
		width: 100%;
		min-width: 0;
	}
	#right_box {
		float: none;
		width: 100%;
	}
	#right_box .right_boxInnerA01,
	.right_boxInner {
		width: 100%;
		margin: auto;
	}
	#right_box .spIn, .spIn {
		width: 94%!important;
		margin-left: auto;
		margin-right: auto;
	}
	.contactBtnBoxA01, .contactBtnBoxA02 {
		width: 100%;
	}
	.contactBtnBoxA01 p, .contactBtnBoxA02 p {
		width: 94%;
		margin:0 auto 15px;
		line-height: 1.7;
	}
	#contentNavA01 {
		width: 100%;
		display: block;
		margin-bottom: 0;
	}
/* --------------------------------------
	タイトル
-------------------------------------- */
	.commonTitleA01 h1,
	.commonTitleA01 .title_head{
		font-size: 22px;
		font-weight: bold;
		width:94%;
		margin: auto;
		padding: 10px 0 10px;
	}
	h2.title_ppl{
		font-size: 16px;
		color: #333;
		background-color: #e6e5ff;
		padding: 13px 15px;
		margin-bottom: 20px;
	}
	h2.title_navy,
	h2.title_navySp{
		font-size: 16px;
		color: #fff;
		padding: 13px 15px;
		margin-bottom: 20px;
		background: #000066;
	}
	h2.title_left_bdr,
	h3.title_left_bdr{
		font-size: 18px;
		margin-bottom: 20px;
		padding: 0 0 0 10px!important;
	}
	h2.title_left_bdr:after,
	h3.title_left_bdr:after{
		display: none;
	}

/*----------------------------------------
	パンクズ
-----------------------------------------*/

	#breadCrumbArea {
		margin: 0 0 10px;
		padding-bottom: 5px;
		border-bottom: 1px solid #ededed;
	}
	#breadCrumbArea #breadCrumbBox {
		width: 94%;
		margin: 0 3%;
		color: #999999;
	}

/*----------------------------------------
	footer
-----------------------------------------*/
	.footWrap{
		position: relative;
	}
	#footer {
		min-width: 0;
		margin-top: 50px;
	}
	
	#footer02 {
		margin-top: 20px;
		min-width: 0;
		margin-top: 50px;
	}
	
	#footer .footerInner {
		width: 94%;
		padding: 20px 3%;
	}
	#footer .footerNav_info,
	#footer .footerNav_about,
	#footer .footerNav_eve-full {
		float: none;
		width: 100%;
		margin: 0 0 20px;
		overflow: hidden;
	}
	#footer .footerNav_site {
		float: none;
		width: 100%;
		overflow: hidden;
	}
	#footer .footerNav_about ul {
		float: left;
		width: 50%;
	}
	#footer .footerNav_info ul,
	#footer .footerNav_site ul{
		overflow: hidden;
	}
	#footer .footerNav_info ul li,
	#footer .footerNav_site ul li{
		float: left;
		width: 49%;
		margin-right: 2%;
	}
	#footer .footerNav_site ul li br{
		display: none;
	}
	#footer .footerNav_info ul li:nth-child(2n),
	#footer .footerNav_site ul li:nth-child(2n){
		margin-right: 0%;
	}
	#footer p {
		color: #fff;
		font-size: 15px;
	}
	#footer  a {
		display: inline-block;
		padding: 5px 0 0 0;
		font-size: 13px;
	}
	
/* --------------------------------------
	parts
-------------------------------------- */
	
	.contactBtnBoxA01 ul, .contactBtnBoxA02 ul {
		width: 94%;
		padding: 0;
	}
	.contactBtnBoxA01 li, .contactBtnBoxA02 li {
    float: left;
		width: 49%!important;
	}
	.contactBtnBoxA01 li.mail, .contactBtnBoxA02 li.mail {
		margin-right: 2%;
	}
	.contactBtnBoxA01 li a, .contactBtnBoxA02 li a {
    display: block;
    width: 94%;
    line-height: 1.1;
    border: 0;
    font-weight: bold;
		text-align: center;
		border-radius: 8px;
		font-size: 14px;
		padding: 45px 3% 10px;
		height: 30px;
		background-repeat: no-repeat;
	}
	.contactBtnBoxA01 li.mail a:before, .contactBtnBoxA02 li.mail a:before,
	.contactBtnBoxA01 li.store a:before, .contactBtnBoxA02 li.store a:before {
		display: none;
	}
	.contactBtnBoxA01 li.tel, .contactBtnBoxA02 li.tel {
		display: none;
	}
	.contactBtnBoxA01 li.mail a, .contactBtnBoxA02 li.mail a {
		background-image:  url(/images/top/mail-35a.png);
    background-position: top 7px center;
		background-size: 35px;
	}
	.contactBtnBoxA01 li.store a, .contactBtnBoxA02 li.store a {
		background-image:  url(/images/top/icon_location.png);
		background-size: 35px;
    background-position: top 8px center;
		padding: 55px 3% 0px;
	}
	
/* ----------------------------------
	インクルード：イベント用品を探す
---------------------------------- */
	#list_category02 .commonTitleA01 h2 {
			padding: 10px 4% 10px;
			font-size: 16px;
	}
	#eventSearchArea {
		margin-top:45px;
		width: 100%;
	}
	#list_category02 .list_categoryBox {
		width: 100%;
		overflow: hidden;
		border-bottom: 1px solid #ccc;
	}
	#list_category02 .list_categoryBox ul {
		width: 100%;
		margin-top: 0;
	}
	#list_category02 .list_categoryBox li {
		display:block;
		line-height: 0;
		width: 100%;
		margin-left: 0;
		border: 0;
		border-top: 1px solid #ccc;
		background-color: #fff;
	}
	#list_category02 .list_categoryBox li .featureBlock {
		display: block;
		position: relative;
		padding: 3% 4%;
		line-height: 1.5;
	}
	#list_category02 .list_categoryBox li:hover {
		background-color: #fff;
		opacity: 0.8;
	}
	#list_category02 .list_categoryBox dl{
		display: table;
		background: url(/common/images/top/sp_icon_arrow_blu.png) no-repeat right center;
    background-size: 8px;
	}
	#list_category02 .list_categoryBox dt {
		display: table-cell;
		vertical-align: middle;
		width: 25%;
		height: auto;
		float: none;
		padding-right: 10px;
	}
	#list_category02 .list_categoryBox dt img {
		width: 100%;
		height: auto;
	}
	#list_category02 .list_categoryBox dd {
		float: none;
		display: table-cell;
		vertical-align: middle;
	}
	#list_category02 .list_categoryBox dd .listTitleA01 {
		font-weight:bold;
	}

/* ----------------------------------
	アンカー
---------------------------------- */
	#contentNavA01,
	.anchorArea{
		background-color: #ededed;
		padding: 3% 3% 3%;
		margin-bottom: 40px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.anchorArea ul,#contentNavA01 ul{
		width: 100%;
		overflow: hidden;
	}
	.anchorArea ul li,#contentNavA01 li {
		background-color: #fff;
		border: 2px solid #ededed;
		width: 50%;
		vertical-align: middle;
		float: left;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		display: table;
		padding: 0;
		min-height: 53px;
	}
	.anchorArea ul li a,#contentNavA01 li a{
		padding: 5px 3% 5px 30px;
		background: url(/images/icon/arrow/under-13a.png) no-repeat left 10px center;
		background-size: 13px;
		color: #333333;
		font-size: 13px;
		vertical-align: middle;
		width: 100%;
		display: table-cell;
	}
	.anchorArea ul li a:hover{
		text-decoration: none;
		opacity: 0.8;
	}
	#contentNavA01 li:hover {
		background-color:#fff;
	}
	.anchorArea ul li:nth-child(2n){
		margin-right: 0;
	}
	
	/* ------------------------------

	リスト

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

	.commonLinkBlock_ar01,
	.commonListBlock_ar01 li {
		display: block;
		padding: 0;
		border-bottom: 1px solid #e4e4e4;
		background: url(/common/images/top/sp_icon_arrow_blu.png) no-repeat right center;
    background-size:6px;
	}

	.commonLinkBlock_ar01 a,
	.commonListBlock_ar01 li a {
		display: block;
		padding: 12px 3px;
	}
	.commonLinkBlock_ar01 a:hover,
	.commonListBlock_ar01 li a:hover {
		background-color:transparent;
	}
	
/* ------------------------------

	TOPへ戻る

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

	.content_pagetop{
		text-align: right;
	}
	.content_pagetop a {
    background: url(/images/icon/icon_01.png) no-repeat left center;
    padding-left: 15px;
    background-size: 10px;
    font-size: 12px;
	}
	
	
	
/* ------------------------------
error
------------------------------ */
	#error .commonLinkBlock_ar01 {
		margin-top: 10px;
		text-align: right;
		background: none;
		border: 0;
	}
	#error .commonLinkBlock_ar01 a {
		display: inline-block;
		padding: 0 15px 0 0;
		background: url(/common/images/top/sp_icon_arrow_blu.png) no-repeat right center;
		background-size: 8px;
		font-size: 14px;
	}
}

/* ------------------------------
リスト
------------------------------ */
.commonLinkBlock_ar01 a:hover,
.commonListBlock_ar01 li a:hover {
	background-color:transparent;
}


/* 空のセル .noCell */

#contentNavA01 .noCell { border: none;}
#contentNavA01 .noCell:hover {
	background-color: transparent;
	cursor: default;
}

/* --------------------------------------
	レコメンドタグ
-------------------------------------- */
.recommend_wrap {
  margin-top: 80px;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  padding: 15px 0;
}
#right_box > .recommend_wrap {
  margin:0 auto 30px;
}
.recommend_wrap .recommend_inner + .recommend_inner{
  margin-top: 50px;
  padding-top: 15px;
  border-top:1px solid #ccc;
}
h2.ttl_recommend {
  font-weight: bold;
  margin-bottom: 20px;
  font-size: 18px;
}
.dv_recommend{
  overflow: hidden;
}
.dv_recommend .dv_rc_items{
  float: left;
  width: 18%;
  margin-right: 2%;
}
.dv_recommend .dv_rc_items img{
  display: block;
  width: 100%;
  padding-bottom: 15px;
}
@media screen and (min-width: 769px){
  /*PCでは、アイテムを5個以上表示しない*/
  .dv_recommend .dv_rc_items:nth-child(n+8){
    display: none;
  }
}
@media screen and (max-width: 768px){
	.recommend_wrap {
		margin-top: 50px;
	}	
  .recommend_wrap .recommend_inner + .recommend_inner{
    margin-top: 30px;
  }
  .dv_recommend .dv_rc_items{
    width: 49%;
    margin-top: 2%;
  }
  .dv_recommend .dv_rc_items:nth-child(2n){
    margin-right: 0;
  }
  .dv_recommend .dv_rc_items img{
    padding-bottom: 5px;
  }
}

/* --------------------------------------
	attentionInfo
-------------------------------------- */
#attentionInfoWrap {z-index: 1000;}
.attentionInfo {
	box-sizing: border-box;
	margin: 0;
	width: 100%;
}
/*paragraph*/
.attentionInfo p {
	padding:4px;
	text-align: center;
	font-size: 117%;
}
.attentionInfo._Yellow p {
	background-color: #fdd65d;
	color: #473602;
}
.attentionInfo._Gray p {
	background-color: #f2f0ec;
	color: #330000;
}
.attentionInfo._Red p {
	background-color: #fceef2;
	color: #c7121c;
}
.attentionInfo._deepRed p {
	background-color: #cf000e;
	color: #fff;
}
.attentionInfo p span:not([class]) {font-size: 90%;}
/*Anchor*/
.attentionInfo._Yellow a {color:#473602;}
.attentionInfo._Gray a {color:#330000}
.attentionInfo._Red a {color:#c7121c;}
.attentionInfo._deepRed a {color:#fff;}
/* SP */
@media screen and (max-width: 768px){
	.attentionInfo {
		width: 100%;
		min-width: auto;
	}
	.attentionInfo p {
		padding: 0;
    text-align: center;
		font-size: 103%;
	}
	.attentionInfo a {
		display: block;
		padding: 2px;
		line-height: 2;
	}
}

/* event header positionAdjust */
.scrl #headerArea {top: 0 !important;}