@charset "utf-8";
/* CSS Document */

    body {
        background: #fff;
        color: #000;
        position: relative;
    }
	/*main*/
	main {
		background-color: #dbd1b9;
	}
	main .inner{
		margin:0 auto;
	}
	main section{
		background-color: #ede8dc;
	}
video {
  max-width: 100%;
}

    body {
		min-width: 1360px;
    }
    * {
        margin: 0;
        padding: 0;
    }
    p {
        line-height:1.5em;
    }
	
	/*header*/
	header {
		width:100%;
	}
	header .title {
		max-width:1400px;
		margin: 0 auto;
		padding:20px 5% 19px;
	}
	header .title img{
		margin-right:44px;
	}
	header .title h1{
		display: inline-block;
	}
	header .navi {
		height:64px;
		padding:10px 0;
	}
	header .navi ul {
		width:1070px;
	}
	header .navi ul li {
		width:148px;
		line-height:64px;
	}
	header .navi ul li {
		float:left;
		border-left:1px solid #fff;
		text-align: center;
	}
	header .navi ul li:nth-child(6) {
		border-right:1px solid #fff;
	}
	header .navi ul li.sns {
		width:64px;
		float:left;
		border-left:0;
		margin-left:15px;
		line-height:auto;
	}
	/*header*/
	
	.mv {
		width:100%;
		height:544px;
		margin-bottom:40px;
		background-color: #002317;
	}
    .slick-dots
    {
        bottom: 5px;
    }
	
	/*main*/
	main .inner{
		width:1360px;
	}
	main section{
		padding:40px 0;
		margin-bottom:40px;
	}
	main section > dl {
		display: table;
	}
	main section > dl > dt{
		display: table-cell;
		position: relative;
		width:215px;
	}
	main section > dl > dt h2{
		font-size:24px;
		text-align: center;
		position: absolute;
        top: 50%;
        left: 0%;
        width: 100%;
        -webkit-transform: translate(0%, -50%);
        transform: translate(0%, -50%);
        transform: translate(0%, -50%);
        font-family: "Yu Mincho", "YuMincho","小塚明朝 Pro R","小塚明朝 Std R","Hiragino Mincho ProN","ＭＳ Ｐ明朝", "ＭＳ 明朝","MS PMincho",メイリオ,Meiryo,serif;
		font-weight:normal;
	}
	main section > dl > dd{
		display: table-cell;
		width:calc(100% - 316px);
		padding:0 50px;
		border-left:1px solid #fff;
	}
	/*main*/
	
	/*info*/
	#info {
		float:left;
		width:calc(100% - 540px);
		min-height:420px;
	}
	#info > dl {
		min-height:420px;
	}
	#info > dl > dd p{
		text-indent:-6.7em;
		padding-left:6.7em;
		padding-bottom:30px;
	}  
	#info .more,
	#works .more {
        position:absolute;
        bottom:0px;
        left:0px;
		right:0;
        margin:auto;
		width: 152px;
	}
	/*info*/
	
	/*twitter*/
	#twitter {
		float:right;
		width:500px;
		height:500px;
	}
	.twitter-timeline {
		max-height:500px!important;
	}
	/*twitter*/
	
	/*gaiyo*/
	#gaiyo {
		clear:both;
		width:100%;
	}
	#gaiyo .gaiyo01{
		font-size:18px;
		line-height:2em;
		margin-bottom:1em;
	}
	#gaiyo .gaiyo02{
		font-size:18px;
		text-indent:-3em;
		padding-left:3em;
		margin-bottom:0.5em;
	}
	#gaiyo .gaiyo03{
		font-size:18px;
		text-indent:-4em;
		padding-left:4em;
		margin-bottom:1em;
	}
	#gaiyo .gaiyo04{
		font-size:16px;
	}
	#gaiyo .conference{
		padding-top:35px;
		margin-top:35px;
		padding-bottom:35px;
		margin-bottom:35px;
	}
	#gaiyo .conference h3{
		margin:0px 0 15px 0px;
		padding:5px 10px;
		font-size:18px;
	}
	#gaiyo .conference h4{
		font-size:20px;
		margin-top:25px;
	}
	#gaiyo .conference li {
		margin-bottom:24px;
		line-height: 1.5em;
        text-indent: -2em;
        padding-left: 2em;
	}
	
	#gaiyo .conference .btn {
		width:570px;
		margin: 20px 0 0px;
	}
    #gaiyo .conference .btn a,
    #gaiyo .conference .btn_pre{
        height:60px;
        font-size:18px;
        line-height:60px;
    }
    #gaiyo .conference .btn a:hover{
		background-color: #666666;
    }
    #gaiyo .conference a.apply {
		margin-left:0.5em;
    }
    #gaiyo .conference a.apply:hover{
		background-color: #b53d42;
    }
	
	#gaiyo .guide{
		width:674px;
	}
	#gaiyo .guide h3{
		padding:8px 0 8px 20px;
		font-size:18px;
	}
	#gaiyo .guide p{
		min-height:190px;
		padding:20px 20px 20px 220px;
        background:url(../image/guide.jpg) left 20px center no-repeat;
	}
	/*gaiyo*/
	
	/*ticket*/
	#ticket h3{
		color:#9d2227;
		font-size:20px;
		margin-top:25px;
	}
	#ticket h3 + p{
		line-height:1.5em;
	}
	/*ticket*/
	
	/*movie*/
	#movie ul li{
		float:left;
		text-align: center;
		margin-right:35px;
	}
	#movie ul li:last-child{
		margin-right:0px;
	}
	#movie ul li p{
		margin-top:12px;
	}
	#movie ul + p{
		margin-top:20px;
		font-size:18px;
	}
	/*movie*/
	
	#movie01{float:left;width:45%;}
	#movie02{float:right;width:44%;}
	
	/*works*/
	#works ul li h3{
		margin-top:10px;
	}
	#works ul li p{
		font-size:14px;
	}
	#works ul li:nth-child(1) img{
		padding:0px 0px 0px;
	}
	#works ul li:nth-child(2) img{
		padding:30px 20px 0px;
	}
	#works ul li:nth-child(3) img{
		padding:78px 20px 0px;
	}
	#works ul li:nth-child(4) img{
		padding:73px 20px 0px;
	}
	#works ul li:nth-child(5) img{
		padding:126px 0px 0px;
	}
	#works ul li:nth-child(6) img{
		padding:5px 0px 0px;
	}
	#works ul li:nth-child(7) img{
		padding:40px 8px 0px;
	}
	#works ul li:nth-child(8) img{
		padding:127px 8px 0px;
	}
	#works ul li:nth-child(9) img{
		padding:31px 8px 0px;
	}
	#works ul li:nth-child(10) img{
		padding:0px 40px 0px;
	}
	#works ul li:nth-child(n + 6) {
		margin-top:32px;
	}
	/*works*/
	
	/*access*/
	#access .access__map{
		float:left;
		width:500px;
		margin-right:40px;
	}
	#access .access__detail{
		float:right;
		width:calc(100% - 540px);
	}
	#access h3{
		font-size:18px;
		margin-bottom:5px;
	}
	#access h4{
		margin:40px 0 15px 0px;
		padding:5px 10px;
		font-size:18px;
	}
	/*access*/
	
	/*contact*/
	#contact h3{
		font-size:18px;
		margin-bottom:5px;
	}
	#contact .contact__left{
		width:540px;
		float:left;
	}
	#contact .contact__right{
		float:left;
		width:400px;
	}
	/*contact*/
	
	/*sponsor*/
	#sponsor {
		width:100%;
		padding:70px 0 40px;
	}
	#sponsor h2{
		font-size:24px;
		margin-bottom:24px;
	}
	#sponsor ul {
		width:740px;
		margin:0px auto 75px;
	}
	#sponsor ul li{
		float:left;
		width:400px;
		padding:0px 10px;
	}
	#sponsor ul li:last-child{
		width:300px;
	}
	#sponsor ul li img{
		margin-bottom:10px;
	}
	#sponsor p {
		line-height:1.5em;
	}
	/*sponsor*/
	
	/*footer*/
	footer{
		height:260px;
		padding-top:15px;
	}
	#foot_nv {
		padding-bottom:50px;
	}
	#foot_logo {
        margin: 30px 0 10px;
    }
	#foot_up {
        position: fixed;
        right: 5%;
        bottom: 25px;
    }
	/*footer*/
	
	/*subpage*/
	.sub .pankuzu {
		width:1360px;
		margin:0 auto;
		padding:5px 0 50px;
	}
	.sub main {
		padding-bottom:76px;
	}
	.sub section {
		width:1360px;
	}
	.sub section h2 {
		font-size:32px;
		width:1280px;
		height:100px;
		line-height:100px;
		padding:0 40px;
	}
	.sub section h4 {
		font-size:20px;
		line-height:28px;
		padding:0 0 10px;
	}
	.sub section .info__body {
		padding: 40px 40px 100px;
	}
	.sub section .info__body p {
		margin-bottom:1em;
	}
	.sub section .info__body li img {
		margin-bottom: -2em;
	}
    .sub section .info__body .return {
        width:570px;
        height:60px;
        margin:80px auto 0;
    }
    .sub section .info__body .list {
        width:570px;
        height:60px;
        margin:80px auto -40px;
    }
    .sub section .info__body .return a,
    .sub section .info__body .list a{
        height:60px;
        border-radius: 10px;
        -webkit-border-radius: 10px;
        -moz-border-radius: 10px;
        font-size:20px;
        line-height:60px;
    }
    .sub section .info__body .list a:hover{
        background-color: #095d40;
    }
    .sub section .info__body .return a:hover{
        background-color: #830d12;
    }
	
	.sub .works__body {
        padding-bottom:20px;
	}
	.sub .works__body ul {
        clear: both; 
	}
	.sub .works__body ul li{
		float:left;
		width:50%;
	}
	.sub .works__body ul:after {
        content: "."; 
        display: block; 
        height: 0; 
        font-size:0;	
        clear: both; 
        visibility:hidden;
    }
	.sub .works__body h3 + p{
		margin:20px 0 0px;
		text-indent: 1em;
	}
	#works__chapter02 ul li:nth-child(3),
	#works__chapter05 ul li{
		width:100%;
	}
	
	#works__chapter01 ul li:nth-child(2) {
		padding-top:66px;
	}
	#works__chapter02 ul li:nth-child(1) {
		padding-top:10px;
	}
	#works__chapter03 ul li:nth-child(1) {
		width:551px;
	}
	#works__chapter03 ul li:nth-child(2) {
		width:729px;
		padding-top:33px;
	}
	#works__chapter04 ul li:nth-child(1) {
		width:560px;
		padding-top:233px;
	}
	#works__chapter04 ul li:nth-child(2) {
		width:720px;
	}
	/*subpage*/
	
	.fo24{font-size:24px;}
	.fo20{font-size:20px;}
	.fo14{font-size:14px;line-height: 21px;display: inline-block;}
	.fo12{font-size:12px;line-height: 18px;display: inline-block;}
	.fo10{font-size:10px;line-height: 15px;display: inline-block;}
	
    .sp {
        display: none;
    }
    .sp2 {
        display: none;
    }

	.nw{white-space: nowrap}

	/*header*/
	header .navi {
		width:100%;
		background-color: #9d2227;
	}
	header .title h1 a{
        pointer-events: none;
	}
	.sub header .title h1 a{
		pointer-events: auto;
	}
	header .navi ul {
		margin: 0 auto;
	}
	header .navi ul li {
		float:left;
		border-left:1px solid #fff;
		text-align: center;
	}
	header .navi ul li a{
		display:block;
		color:#fff;
		text-decoration: none;
	}
	/*header*/

	/*twitter*/
	#twitter {
		background: none;
		padding: 0;
	}
	/*twitter*/

	/*gaiyo*/
	#gaiyo .conference{
		border-top:1px solid #FFF;
		border-bottom:1px solid #FFF;
	}
	#gaiyo .conference h3{
		display: inline-block;
		background-color: #a1884d;
		color:#fff;
	}
	#gaiyo .conference h4{
		color:#9d2227;
	}
	#gaiyo .conference li:first-letter {
		background-color:#a1884d;
		color:#fff;
		padding:1px 5px;
	}
    #gaiyo .conference .btn a{
        display:block;
        width:100%;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        text-align:center;
        color:#FFFFFF;
        text-decoration: none;
        background: #666666;
    }
    #gaiyo .conference a.apply {
        display:inline;
        border-radius: 4px;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        text-align:center;
        color:#FFFFFF;
        text-decoration: none;
        background: #9d2227;
		padding: 2px 1em;
    }
    #gaiyo .conference .btn_pre{
        display:block;
        width:100%;
        border-radius: 8px;
        -webkit-border-radius: 8px;
        -moz-border-radius: 8px;
        text-align:center;
        color:#FFFFFF;
        text-decoration: none;
        background: #666666;
    }
	#gaiyo .guide{
		background-color:#fff; 
	}
	#gaiyo .guide h3{
		color:#fff;
		background-color:#a1884d;
	}
	/*gaiyo*/
	
	/*works*/
	#works ul li{
		float:left;
		text-align: center;
	}
	/*works*/
	
	/*access*/
	#access h3{
		font-weight:bold;
	}
	#access h4{
		display: inline-block;
		background-color: #a1884d;
		color:#fff;
	}
	/*access*/

	/*contact*/
	#contact h3{
		font-weight:bold;
	}
	/*contact*/

	/*sponsor*/
	#sponsor {
		background-color: #fff;
	}
	#sponsor {
		display:block;
		text-align: center;
	}
	#sponsor h2{
        font-family: "Yu Mincho", "YuMincho","小塚明朝 Pro R","小塚明朝 Std R","Hiragino Mincho ProN","ＭＳ Ｐ明朝", "ＭＳ 明朝","MS PMincho",メイリオ,Meiryo,serif;
	}
	/*sponsor*/

	/*footer*/
	footer{
		width:100%;
		background-color: #003c27;
		color:#fff;
		text-align: center;
	}
	footer a{
		color:#fff;
	}
	.foot_nv {
		text-align: center;
		line-height: 1.75em;
	}
	.foot_nv a{
		white-space: nowrap;
	}
	#foot_logo {
        text-align: center;
    }
	#foot .font_barlow {
  		text-align: center;
		font-family: "Hiragino Kaku Gothic ProN", "sans-serif";
    }
	/*footer*/
	
	/*subpage*/
	.sub section {
		margin:0 auto;
		padding:0;
		background-color: #ede8dc;
	}
	.sub section h2 {
        font-family: "Yu Mincho", "YuMincho","小塚明朝 Pro R","小塚明朝 Std R","Hiragino Mincho ProN","ＭＳ Ｐ明朝", "ＭＳ 明朝","MS PMincho",メイリオ,Meiryo,serif;
		font-weight:normal;
		background-color: #aa915a;
        color:#FFF;
	}
	.sub section h4 {
        font-family: "Yu Mincho", "YuMincho","小塚明朝 Pro R","小塚明朝 Std R","Hiragino Mincho ProN","ＭＳ Ｐ明朝", "ＭＳ 明朝","MS PMincho",メイリオ,Meiryo,serif;
		font-weight:normal;
	}
	.sub section .info__body {
		background-color: #ede8dc;
	}
	.sub section .read_name {
		text-align: right
	}
	.sub .works__body ul li{
		text-align: center;
	}

    .sub section .info__body .return a{
        display:block;
        width:100%;
        background-color: #9d2227;
        text-align:center;
        color:#FFF;
        text-decoration: none;
    }
    .sub section .info__body .list a{
        display:block;
        width:100%;
        background-color: #003c27;
        text-align:center;
        color:#FFF;
        text-decoration: none;
    }
	/*subpage*/

.red{color:#F00;}

ul:after {
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
}