@charset "UTF-8";

/*======================================
	base
=======================================*/
* {
	margin: 0;
	padding: 0;
	line-height: 1.6;
	font-family: '游ゴシック体','Yu Gothic',YuGothic,'メイリオ','ヒラギノ角ゴシック Pro','Hiragino Kaku Gothic Pro',Meiryo,Osaka,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
}
*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}
body {
	margin: 0;
	padding: 0;
	background-color: #fff;
	font-size: 15px;
	color: #333;
}
a:link {
	color: #04c;
	text-decoration: underline;
}
a:visited {
	color: #536877;
	color: #04c;

	text-decoration: underline;
}
a:hover {
	color: #cd4730;
	text-decoration: underline;
}
a img {
	border: 0;
}
a:hover img {
	opacity: 0.7;
}

/* 訪問色を変更しないアンカ */
a.colfix:link,
a.colfix:visited {
	color: #04c;
}
a.colfix:hover {
	color: #cd4730;
}

ul,ol,dl {
	list-style-type: none;
}
div,p,form,h1,h2,h3,h4 {
	margin: 0;
	padding: 0;
}

hr {
	/*
	display: none;
	*/
	margin: 0.5em 0 1em;
}
strong * {
	font-weight: bold;
}
strile * {
	text-decoration: line-through;
}
b {
	font-weight: bold;
}

/* テーブル */
tr {
	background-color: #fff;
}

/* リスト系テーブル */
table.list {
	margin-bottom: 0.5em;
	border-collapse: collapse;
}
/*
table.list tr {
	background-color: #fff;
}
*/
table.list th {
	background-color: #eee;
	text-align: center;
	border:	solid 1px #999;
	padding: 0.5em 1em;
	font-weight: normal;
	font-size: 100%;
	font-weight: bold;
}
table.list td {
	border:	solid 1px #999;
	padding: 0.5em 1em;
	text-align: left;
	word-break: break-all;
	font-size: 100%;
}

/* 詳細系テーブル */
table.detail {
	margin-bottom: 1em;
	border-collapse: collapse;
}
table.detail th {
	background-color: #eee;
	text-align: right;
	border:	solid 1px #999;
	padding: 0.5em 1em;
	font-weight: normal;
	font-size: 100%;
	font-weight: bold;
	width: 10em;
}
table.detail td {
	border:	solid 1px #999;
	padding: 0.5em 1em;
	text-align: left;
	word-break: break-all;
	font-size: 100%;
	background-color: #fff;
}

/* 枠なし */
table.noborder {
	margin-bottom: 0;
	border-collapse: collapse;
}
table.noborder td {
	border:	none;
	padding: 1px 3px;
	vertical-align: top;
}


/* 入力 */
table.input p.note {
	color: #999;
	margin-top: 0.2em;
	margin-bottom: 0.5em;
}
table.input span.note {
	color: #999;
}
table.input p.note {
	color: #999;
	margin-top: 0.3em;
	margin-bottom: 0;
}
table.input span.hissu {
	font-size: 80%;
	color: #f63;
	padding-right: 0.5em;
	vertical-align: middle;
}


/*======================================
	clearfix
=======================================*/
.clearfix:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix{
  zoom:1;
}



/*======================================
	header
=======================================*/

#pc-header *,
#sp-header *{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}
#pc-header a{
	color: #333;
	text-decoration: none;
}
#sp-header{
	display: none;
}

#pc-header{
	position: relative;
	max-width: 1100px;
	width: 100%;
	margin: 0 auto;
}
#pc-header .page_topimg{
	position: absolute;
	top: 55px;
	right: 0;
	left: 0;
	text-align: center;
}

.pc-hdcont{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-top: 19px;
}
.pc-hdcont .pc-right{
	padding-top: 10px;
	text-align: right;
}
.pc-hdcont .pc-right .pc-ensite{
	margin-bottom: 35px;
}

.pc-hdcont .pc-right .menu1{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	font-size: 11px;
	margin-bottom: 13px;
}
.pc-hdcont .pc-right .menu1 li{
	margin-left: 20px;
	padding-bottom: 1px;
	text-align: right;
}
.pc-hdcont .pc-right .menu1 li a{
	padding: 1px 2px 2px 10px;
	background: url(http://www.creative-tsuruoka.jp/usr-data/template/PC7a-PN-01-6_11/common-img/ico_headArrow.png) no-repeat 0 0;
}
.pc-hdcont .pc-right .menu1 li.logo a {
	background: url(http://www.creative-tsuruoka.jp/usr-data/template/PC7a-PN-01-6_11/common-img/ico_useLogo.png) no-repeat 0 0 !important;
	padding-left: 20px;
	font-size: 12px;
	font-weight: bold;
}
.pc-hdcont .pc-right .menu1 li.fb a {
	background: url(http://www.creative-tsuruoka.jp/usr-data/template/PC7a-PN-01-6_11/common-img/ico_fb.png) no-repeat 0 0 !important;
	padding-left: 19px;
	font-size: 12px;
	font-weight: bold;
}
.pc-hdcont .pc-right .menu1 li a:hover{
	text-decoration: underline !important;
}

.pc-hdcont .pc-right .menu2{
	width: 945px;
	display: flex;
	/* flex-wrap: wrap; */
	justify-content: flex-end;
	font-size: 15px;
	color: #000 !important;
}
.pc-hdcont .pc-right .menu2 li{
	margin: 0 10px;
}
.pc-hdcont .pc-right .menu2 li:last-child{
	margin: 0 0 0 10px;
}
.pc-hdcont .pc-right .menu2 li a{
	display: block;
	padding: 12px 10px 13px 10px;
	cursor: pointer;
	font-size: 15px;
	font-weight: normal;
	text-decoration: none;
	line-height: 1em;
	border-bottom: 2px #CCC solid;
}
.pc-hdcont .pc-right .menu2 li a:hover{
	border-bottom: 2px #000 solid;
}

.head_main_link{
	position: relative;
}
.head_sub_link{
	overflow: hidden;
	width: 100%;
	position: absolute;
	top: 42px;
	left: 0;
	z-index: 1000;
	margin-left: 0;
	min-height: 0;
	height: 0;
	transition: min-height 0.5s;
	text-align: left;
	background: rgba(255, 255, 255, 0.8);
}
.head_sub_link li{
	margin: 0 !important;
}

.pc-hdcont .pc-right .menu2 li:nth-child(1) .head_sub_link{
	width: 350px;
}
.pc-hdcont .pc-right .menu2 li:nth-child(3) .head_sub_link{
	width: 220px;
}

#sp-header{
	position: relative;
}
#sp-header .sp-hdcont{
	position: fixed;
	width: 100%;
	height: 60px;
	background-color: transparent;
	background-image: url(http://www.creative-tsuruoka.jp/global-image/header/4-hdrimg.png?b7a7a53…);
	background-repeat: repeat-x;
	background-position: 0px 0px;
}
#sp-header .sp-hdcont .sp-logo{
	padding: 10px 0px 0px 10px;
	margin: 0;
}
#sp-header .sp-hdcont .sp-btn{
	position: absolute;
	bottom: 0;
	right: 20px;
}

#sp-header .sp-menu{
	width: 100%;
	position: fixed;
	opacity: 0;
	transition: 0.3s;
	padding: 35px 10px 10px 10px;
	background: #fff;
	z-index: 10000;
}
#sp-header .sp-menu.open-menu{
	top: 0 !important;
	opacity: 1;
	transition: 0.3s;
}
.sp-menu-list{
	border: solid 1px #E8E8E8 !important;
}
.sp-menu-list li:not(:last-child){
	border-bottom: solid 1px #E8E8E8;
}
.sp-menu-list li a{
	padding: 12px 20px 10px 20px;
	display: block;
	font-weight: normal;
	font-size: 16px;
	color: #777777;
	text-decoration: none;
}

.sp-close{
	position: absolute;
	top: 10px;
	right: 10px;
}




/*======================================
	footer
=======================================*/

#pc-footer *,
#sp-footer *{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}
#pc-footer a{
	color: #fff;
}
#sp-footer{
	display: none;
}

#pc-footer{
	color: #ffffff;
	background: #221814;
	padding: 40px 0 40px 0;
	text-align: center;
}
#pc-footer .ft_name{
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 3px;
}
#pc-footer .txt{
	font-size: 12px;
	line-height: 2;
}
#pc-footer .txt .contact{
	display: block;
	margin-bottom: 16px;
}
#pc-footer .copyright{
	font-size: 10px;
}

#sp-footer{
	color: #ffffff;
	background: #221814;
	padding: 15px 0;
}
#sp-footer *{
	color: #fff;
}
#sp-footer .ft_name{
	font-size: 13px;
	font-weight: bold;
	padding: 0 15px;
}
#sp-footer .txt{
	font-size: 11px;
	line-height: 2;
	padding: 0 15px;
	margin-bottom: 15px;
}
#sp-footer .copyright{
	padding-top: 15px;
	border-top: 1px dotted #fff;
	font-size: 8px;
	text-align: center;
}



/*======================================
	detail
=======================================*/
#page_event_detail #page_contents{
	max-width: 1100px;
	width: 100%;
	margin: 0 auto 150px;
}
#page_event_detail #breadcrumbsList{
	margin: 0 20px 0 0;
	padding: 0;
	list-style: none;
	text-align: right;
}
#page_event_detail #breadcrumbsList *{
	color: #444444;

}
#page_event_detail #breadcrumbsList li {
	font-size: 11px;
	display: inline;
	margin: 0 4px 0 0;
	padding: 0;
}
#page_event_detail #breadcrumbsList li a {
	font-size: 11px;
	margin: 0;
	padding: 0 13px 0 0;
	background: url(../../usr-data/template/PC7a-PN-01-6_11/common-img/ico_breadcrumbs.gif) no-repeat right;
}

#page_event_detail #sns_link{
	margin-top: 30px;
	margin-right: 20px;
	text-align: right;
}
#page_event_detail #sns_link ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
}
#page_event_detail #sns_link ul li{
	margin-left: 10px;
}

.event_detail{
	width: 95%;
	margin: 30px auto 0;
}

.detail_list dt{
	font-size: 120%;
	font-weight: bold;
	/* color: #d70c19; */
	color: #000;
	/* background: #d70c19; */
	padding: 8px 20px;
	margin-bottom: 15px;
	border: solid 1px #d70c19;
}
.detail_list dd{
	padding: 0 20px;
	margin-bottom: 40px;
}
.detail_list .event_img dd{
	display: flex;
	justify-content: space-between;
}
.detail_list .event_img dd .img{
	display: block;
	width: 32%;
}
.detail_list .event_img dd .img > span{
	display: block;
	margin-top: 10px;
}
.detail_list .event_img dd .img img{
	max-width: 100%;
	width: 100%;
}




@media screen and (max-width:599px){
	/* header */
	#pc-header{
		display: none;
	}
	#sp-header{
		display: block;
	}

	/* footer */
	#pc-footer{
		display: none;
	}
	#sp-footer{
		display: block;
	}

	/* detail */
	#sp_content_area{
		padding-top: 60px;
	}
	#page_event_detail #breadcrumbsList{
		margin-top: 20px;
		margin-right: 10px;
	}
	#page_event_detail #sns_link{
		margin-top: 10px;
		margin-right: 10px;
	}
	.event_detail{
		margin-top: 15px;
	}
	.detail_list .event_img dd{
		display: block;
	}
	.detail_list .event_img dd .img {
		width: 85%;
		margin: 0 auto 30px;
	}
}