@charset "UTF-8";


#main-content .txt-bold{ font-weight: bold; }
#main-content .sp-show{ display: none; }
.sp-pt5 {
	padding-top: 5px;
}
.sp-pt10 {
	padding-top: 10px;
}
#main-content .nm{ font-size: 12px; line-height: 18px: }
#main-content .ns{ font-size: 10px; line-height: 16px: }
#main-content .main{
	padding-top: 50px;
	padding-bottom: 50px;
	width: 940px;
	margin-left: auto;
	margin-right: auto;
}
#main-content .main > *+*{ margin-top: 40px; }
#main-content .main > *+a{ margin-top: 0; display: block; }
#main-content .evt-item{ border: 2px solid #e6dcbe; padding: 38px; border-radius: 8px; background-color: #ffffff; position: relative; overflow: hidden; }
#main-content .evt-item:before{ content: ''; position: absolute; border: 20px solid; border-color: #e6dcbe #e6dcbe transparent transparent; border-radius: 0 8px 0 0; right: -2px; top: -2px; }
#main-content .evt-item .evt-header{ margin-bottom: 5px; }
#main-content .evt-item .head{ font-size: 18px; line-height: 24px; font-weight: bold; }
#main-content .evt-item .head+*{ margin-top: 5px; }
#main-content .evt-item.evt-theme01 .head{ color: #e37e7e; }
#main-content .evt-item.evt-theme02 .head{ color: #48b0bb; }
#main-content .evt-item.evt-theme03 .head{ color: #ac0e28; }
#main-content .evt-item.evt-theme04 .head{ color: #ffa200; }
#main-content .evt-item .date{ color: #95764b; font-size: 20px; line-height: 26px; font-weight: bold; border-bottom: 1px dotted #cfc299; padding-bottom: 10px; margin-bottom: 15px; }
#main-content .evt-item .date .day{ font-size: 28px; line-height: 32px; }
#main-content .evt-item .photo{ width: 270px; float: left; }
#main-content .evt-item .photo > img{ width: 100%; height: auto; }
#main-content .evt-item .info{ color: #333333; }
#main-content .evt-item .copy{ color: #8c7254; }
.linkbtn    {
	display: inline-block;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #A4966E;
	padding-top: 5px;
	padding-right: 30px;
	padding-left: 30px;
	padding-bottom: 5px;
	border-radius: 10px;
	margin-top: 5px;
}
a {
  transition-property: opacity;
  transition-duration: 0.5s;
}
a:hover {
	opacity: 0.7;
}
#main-content .evt-item .l-right{
	float: right;
	width: 560px;
}
#main-content .evt-item .copy+.txt,
#main-content .evt-item .txt+.copy,
#main-content .evt-item .copy+.info,
#main-content .evt-item .info+.copy,
#main-content .evt-item .info+.txt{ margin-top: 5px; }
#main-content .evt-item .note{ border: 1px solid #e6dcbe; padding: 15px; color: #8c7254; }
#main-content .unique-evt{ padding: 0 38px 38px; background-color: #ffffff; border: 2px solid; border-radius: 8px; overflow: hidden; }
#main-content .unique-evt.evt-theme01{ border-color: #e37e7e; }
#main-content .unique-evt.evt-theme02{ border-color: #48b0bb; }
#main-content .unique-evt.evt-theme03{ border-color: #ac0e28; }
#main-content .unique-evt.evt-theme04{ border-color: #ffa200; }
#main-content .unique-evt > .head{ font-size: 20px; line-height: 26px; color: #ffffff; margin: 0 -38px 38px; text-align: center; padding: 10px; }
#main-content .unique-evt.evt-theme01 > .head{ background-color: #e37e7e; }
#main-content .unique-evt.evt-theme02 > .head{ background-color: #48b0bb; }
#main-content .unique-evt.evt-theme03 > .head{ background-color: #ac0e28; }
#main-content .unique-evt.evt-theme04 > .head{ background-color: #ffa200; }
#main-content .unique-evt > *+*{ margin-top: 20px; }
#main-content .unique-evt .evt-item .l-right{
	width: 480px;
}

    .cancel { position: relative; }
    .cancel > .area {background-color:rgba(0, 0, 0, 0.7);}
    .cancel > .txt { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); color: red; font-size: 1.4em; line-height: 1.5em; font-weight: bold; background-color:rgba(255, 255, 255, 0.9); padding: 5%; border: red 1px solid; text-align: center;}




@media screen and (max-width: 480px){
	#main-content .pc-show{ display: none; }
	#main-content .sp-show{ display: block; }
	#main-content img.sp-show{ display: inline; }
.sp-pt5 {
	padding-top: 5px;
}
.sp-pt10 {
	padding-top: 10px;
}
	#main-content .main{ padding: 20px 15px; width: 100%;}
	#main-content .main > *+*{ margin-top: 20px; }
	#main-content .evt-item{ border-width: 1px; padding: 14px; border-radius: 5px; }
	#main-content .evt-item:before{ border-width: 15px; right: -1px; top: -1px; border-radius: 0 5px 0 0; }
	#main-content .evt-item .date{ font-size: 18px; line-height: 24px; padding-bottom: 5px; margin-bottom: 10px; }
	#main-content .evt-item .date .day{ font-size: 24px; line-height: 28px; }
	#main-content .evt-item .head br{ display: none; }
	#main-content .evt-item .photo{ width: 100%; float: none; margin-top: 10px; }
	#main-content .evt-item .l-right{ float: none; width: auto; }
	#main-content .evt-item .txt-body{ margin-top: 10px; }
	#main-content .unique-evt{ padding: 0 14px 14px; border: 1px solid; border-radius: 5px; }
	#main-content .unique-evt > .head{ font-size: 18px; line-height: 24px; margin: 0 -14px 14px; text-align: left; padding: 5px 15px; }
	#main-content .unique-evt > *+*{ margin-top: 15px; }
	#main-content .unique-evt .evt-item .l-right{ width: auto; }
}