@charset "UTF-8";
@keyframes zoom {
   0% {
      transform: scale(1.5);
   }
   100% {
      transform: scale(1);
   }
}


@media screen and (min-width: 641px){

/* sec-title: タイトル ----*/
	.sec{
		height: 100vh;
	}
	#sec-title{
		position: relative;
		overflow: hidden;
	}
	#sec-title::before {
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		background: url("images/event_image.jpg") no-repeat center center;
		background-size: cover;
		-webkit-animation: zoom 15s 1;
		animation: zoom 15s 1;
		animation-fill-mode: forwards;
	}
	#sec-title .container{
		position: absolute;
		top:0;
		bottom: 0;
		left: 50%;
		transform: translateX(-50%);
	}
	#sec-title h2{
		padding-top: 50px;
		font-family: gill-sans-nova, sans-serif;
		font-weight: 300;
		font-style: normal;
		font-size: 120px;
		color: #A54646;
		line-height: 1;
	}
	#sec-title .image-remake{
		position: absolute;
		right: 0;
		bottom: 300px;
		width: 203px;
		height: 238px;
		z-index: 2;
	}
	#sec-title .image-4r{
		position: absolute;
		right: 0;
		bottom: -40px;
		width: 558px;
		height: 365px;
		z-index: 1;
	}
	
/* sec-main: メイン ----*/	
	#sec-main{
		background: #fff;
		position: relative;
		padding: 50px 0;
		overflow: hidden;
		min-width: 1100px;
	}
	
	#sec-main .title-text1{
		position: relative;
		display: inline-block;
		font-size: 34px;
		vertical-align: middle;
	}
	#sec-main .title-block1{
		font-family: maru-maru-gothic-asr-stdn, sans-serif;
		font-weight: 400;
		font-style: normal;
	}
	
	#sec-main .title-text1:after {
		content: '';
		position: absolute;
		top: 50%;
		display: inline-block;
		width: 50px;
		height: 1px;
		background-color: #707070;
		margin-left: 20px;
	}
	#sec-main .title-text2{
		display: inline-block;
		font-size: 18px;
		margin-left: 80px;
		vertical-align: middle;
	}
	#sec-main .title-block2{
		margin-top: 50px;
		text-align: right;
		font-family: maru-maru-gothic-asr-stdn, sans-serif;
		font-weight: 400;
		font-style: normal;
	}
	#sec-main .title-block2 p{
		display: inline-block;
		text-align: left;
		font-size: 18px;
		line-height: 3em;
	}
	#sec-main .title-block2 span[data-ruby] {
		position: relative;
	}
	#sec-main .title-block2 span[data-ruby]::before {
		content: attr(data-ruby);
		position: absolute;
		top: -13px;
		left: 0;
		right: 0;
		margin: auto;
		font-size: 14px;
		line-height: 1;
		text-align: center;
	}
	
	#sec-main .event-main{
		position: relative;
		padding-top: 80px;
		width: calc((100% - 1000px)/2 + 1000px);
		margin: 0 0 0 auto;
		padding:80px 0 0 20px;
	}
	
	#sec-main .event-title{
		color: #A54646;
		font-family: gill-sans-nova, sans-serif;
		font-weight: 300;
		font-style: normal;
		font-size: 80px;
		border-bottom: 1px solid #A54646;
		line-height: 1.2;
	}
	
	#sec-main .area-block{
		margin-top: 20px;
		padding-top:30px;
		padding-bottom: 40px;
		display: table;
		width: 100%;
	}
	
	#sec-main .area-block.line{
		border-top: 1px solid #A54646;
		padding-bottom: 20px;
	}
	
	#sec-main .area-left{
		display: table-cell;
		vertical-align: top;
		width: 300px;
	}
	#sec-main .area-left .area-name{
		color: #A54646;
		font-size: 60px;
		line-height: 1;
		font-family: gill-sans-nova, sans-serif;
		font-weight: 300;
		font-style: normal;
	}
	
	#sec-main .area-right{
		display: table-cell;
		vertical-align: top;
		padding-top: 10px;
	}
	#sec-main .area-right .date{
		color: #A54646;
		font-size: 36px;
		line-height: 1;
		font-family: gill-sans-nova, sans-serif;
		font-weight: 300;
		font-style: normal;
	}
	#sec-main .area-right .date span{
		font-size: 20px;
	}
	#sec-main .area-right .venue{
		margin-top: 6px;
		color: #A54646;
		font-size: 16px;
		font-family:"ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";
	}
	#sec-main .area-right .venue a{
		color: #A54646;
	}
	#sec-main .area-right .access{
		margin-top: 20px;
		padding-top: 20px;
		color: #A54646;
		font-size: 40px;
		line-height: 1;
		font-family: gill-sans-nova, sans-serif;
		font-weight: 300;
		font-style: normal;
		border-top: 1px solid #A54646;
	}
	#sec-main .area-right .info{
		margin-top: 25px;
		font-size: 14px;
		font-family:"ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";
	}
	#sec-main .area-right .map{
		margin-top: 25px;
		width: 530px;
	}
	
	


}



@media screen and (max-width: 640px) {

/* sec-title: タイトル ----*/
	.sec{
		height: 480px;
	}
	#sec-title{
		position: relative;
		overflow: hidden;
	}
	
	#sec-title::before {
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		background: url("images/event_image.jpg") no-repeat center left;
		background-size: cover;
		-webkit-animation: zoom 15s 1;
		animation: zoom 15s 1;
		animation-fill-mode: forwards;
	}
	#sec-title .container{
		position: absolute;
		top:0;
		bottom: 0;
		left: 0;
		right:0;
	}
	#sec-title h2{
		padding-top: 60px;
		font-family: gill-sans-nova, sans-serif;
		font-weight: 300;
		font-style: normal;
		font-size: 54px;
		color: #A54646;
		line-height: 1;
	}
	#sec-title .image-remake{
		position: absolute;
		right: 10px;
		bottom: 148px;
		width: 120px;
		height: 140px;
		z-index: 2;
	}
	#sec-title .image-4r{
		position: absolute;
		right: 10px;
		bottom: -20px;
		width: 279px;
		height: 183px;
		z-index: 1;
	}
	
	
/* sec-main: メイン ----*/	
	#sec-main{
		background: #fff;
		position: relative;
		padding: 30px 0;
	}
	
	#sec-main .title-text1{
		display: block;
		font-size: 21px;
		vertical-align: middle;
	}
	#sec-main .title-block1{
		font-family: maru-maru-gothic-asr-stdn, sans-serif;
		font-weight: 400;
		font-style: normal;
	}
	#sec-main .title-text2{
		position: relative;
		font-size: 18px;
		vertical-align: middle;
		padding-left:50px;
		margin-left: 1em;
	}
	#sec-main .title-text2::before {
		content: '';
		position: absolute;
		top: 50%;
		left:0px;
		display: inline-block;
		width: 40px;
		height: 1px;
		background-color: #707070;
	}
	
	#sec-main .title-block2{
		margin-top: 50px;
		text-align: right;
		font-family: maru-maru-gothic-asr-stdn, sans-serif;
		font-weight: 400;
		font-style: normal;
	}
	#sec-main .title-block2 p{
		display: inline-block;
		text-align: left;
		font-size: 18px;
		line-height: 3em;
	}
	#sec-main .title-block2 span[data-ruby] {
		position: relative;
	}
	#sec-main .title-block2 span[data-ruby]::before {
		content: attr(data-ruby);
		position: absolute;
		top: -13px;
		left: 0;
		right: 0;
		margin: auto;
		font-size: 14px;
		line-height: 1;
		text-align: center;
	}
	
	#sec-main .event-main{
		position: relative;
		padding-top:80px;
	}
	
	#sec-main .event-title{
		color: #A54646;
		font-family: gill-sans-nova, sans-serif;
		font-weight: 300;
		font-style: normal;
		font-size: 48px;
		border-bottom: 1px solid #A54646;
		line-height: 1.2;
	}
	
	#sec-main .area-block{
		margin-top: 20px;
		padding-top:10px;
		padding-bottom: 40px;
		width: 100%;
	}
	
	#sec-main .area-block.line{
		border-top: 1px solid #A54646;
		padding-bottom: 20px;
	}
	
	#sec-main .area-left{
		vertical-align: top;
	}
	#sec-main .area-left .area-name{
		color: #A54646;
		font-size: 42px;
		line-height: 1;
		font-family: gill-sans-nova, sans-serif;
		font-weight: 300;
		font-style: normal;
	}
	
	#sec-main .area-right{
		vertical-align: top;
		padding-top: 20px;
	}
	#sec-main .area-right .date{
		color: #A54646;
		font-size: 24px;
		line-height: 1;
		font-family: gill-sans-nova, sans-serif;
		font-weight: 300;
		font-style: normal;
	}
	#sec-main .area-right .date span{
		font-size: 20px;
	}
	#sec-main .area-right .venue{
		margin-top: 6px;
		color: #A54646;
		font-size: 16px;
		font-family:"ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";
	}
	#sec-main .area-right .venue a{
		color: #A54646;
		display: block;
	}
	#sec-main .area-right .access{
		margin-top: 20px;
		padding-top: 20px;
		color: #A54646;
		font-size: 24px;
		line-height: 1;
		font-family: gill-sans-nova, sans-serif;
		font-weight: 300;
		font-style: normal;
		border-top: 1px solid #A54646;
	}
	#sec-main .area-right .info{
		margin-top: 20px;
		font-size: 14px;
		font-family:"ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";
	}
	#sec-main .area-right .map{
		margin-top: 20px;
		width: 100%;
		max-width: 530px;
	}
	
	
}