@charset "utf-8";




/*----------------------------------------
	for PC
----------------------------------------*/


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

	h1{
		position:absolute;
		display:block;
		margin:0;
		bottom:50px;
		left:70px;
		width:500px;
	}

	h1 img{
		display:block;
		width:100%;
	}



	#catch{
		position:absolute;
		top:20%;
		right:150px;
	}

	#logo_shibusawa{
		position:absolute;
		top:110px;
		right:20px;
		width:230px;
	}

	#logo_shibusawa img{
		width:100%;
	}

	/*大阪杯*/
	/*.privilege{
		position:absolute;
		bottom:90px;
		right:30px;
		width:290px;
		display:block;
		transition: all 0.2s ease;
	}

	.privilege:hover{
		transform:scale(1.05);
	}

	.privilege img{
		width:100%;
	}*/

	/*ムービー*/
	.privilege{
		position:absolute;
		bottom:20px;
		right:0px;
		width:290px;
		display:block;
		transition: all 0.2s ease;
		border:2px solid #185a00;
		border-right:0px;
		box-shadow:2px 2px 2px rgba(0,0,0,0.3);
		/*display:none;*/
	}


	.privilege:hover{
		transform:scale(1.05);
		-moz-transform-origin: 100% 50%;
    -webkit-transform-origin: 100% 50%;
		transition-timing-function:linear;
	}

	.privilege .text{
		position:absolute;
		display:block;
		bottom:0;
		left:0px;
		background-color:rgba(4, 23, 5, 0.9);
		width:100%;
		padding:5px 0;
		text-align:center;
		color:#fff;
	}

	.privilege img{
		display:block;
		width:100%;
	}

	.bnr_cp{
		position:absolute;
		bottom:200px;
		right:0px;
		width:290px;
		display:block;
		transition: all 0.2s ease;
		border:2px solid #185a00;
		border-right:0px solid #185a00;
		box-shadow:2px 2px 2px rgba(0,0,0,0.3);
	}

	.bnr_cp img{
		display:block;
	}


	.bnr_cp:hover{
		transform:scale(1.05);
		-moz-transform-origin: 100% 50%;
		-webkit-transform-origin: 100% 50%;
				transition-timing-function:linear;
	}


	.bnr_cp:before{
		right:auto;
		left:-20px;
	}

	.bnr_tokuban{
		position:absolute;
		bottom:270px;
		right:0px;
		width:290px;
		display:block;
		transition: all 0.2s ease;
		border:2px solid #185a00;
		border-right:0px solid #185a00;
		box-shadow:2px 2px 2px rgba(0,0,0,0.3);
	}

	.bnr_tokuban img{
		width:100%;
		display:block;
	}

	.bnr_tokuban:hover{
		transform:scale(1.05);
		-moz-transform-origin: 100% 50%;
		-webkit-transform-origin: 100% 50%;
				transition-timing-function:linear;
	}

	.bnr_tokuban.update_non:before{
		right: auto;
left: -20px;
	}


	.top #visual{
		background-attachment:scroll;
		background-size:cover;

	}

	.top #visual_bler{
		background-attachment:scroll;
		background-size:cover;
	}


	/*CONTENT*/


	.top #content{
		background-color:#024001;
		/*padding:400px 0;*/
		color:#fff;
		padding-bottom:0px;
		box-shadow:0px 0px 0px rgba(0,0,0,0.6);
		border-top:1px solid #ddd;
	}



	.top section{
		padding:0 0 0;
		background:url('../img/top/bg_section.jpg');
		background-size:cover;
				border-bottom:2px solid #185a00;
				position:relative;
				overflow:hidden;
	}

	.top .section_inner{
		min-width:920px;
		max-width:1220px;
		padding:60px 40px;
		margin:0 auto 0;
	}


	.top .section_inner .img{
		width:50%;
		float:right;
		box-shadow:1px 1px 2px rgba(0,0,0,0.4);
	}

	.top .section_inner .text{
		width:47%;
		float:left;
		font-size:17px;
		line-height:1.7;
		position:relative;
		z-index: 2;
	}

	.top .section_inner .text h3{
		font-size:38px;
		line-height:1.2;
		padding:0 0 15px;
		margin-bottom:15px;
		display:block;
		position:relative;
	}

	.top h3 .min_head{
		font-size:16px;
	}

	.top .section_inner .img img{
		width:100%;
		display:block;
	}

	.top section.about:before{
		content:'';
		display:block;
		right:0px;top:0px;
		background: transparent url('../img/top/img_about.png');
		width:60%;
		background-position:left center;
		background-size:cover;
		height:100%;
		position:absolute;
	}

	.top #photos{
		width:4000px;
		height:302px;
		background-image:url('../img/top/photos.png');
		background-repeat:repeat-x;
		background-size:3200px;
		background-position:center bottom;
		/*transform: rotate(-4deg);
	-moz-transform: rotate(-4deg);
	-webkit-transform: rotate(-4deg);*/
	margin-left:-40%;
	margin-top:-20px;
	/*margin-bottom:-60px;*/

	position:relative:
	z-index:0;
	}

	.top section.half_cover:before{
		content:'';
		display:block;
		padding:0 0 0;
		background:url('../img/top/bg_section_half.png');
		background-size:cover;
		border-bottom:2px solid #185a00;
		position:absolute;
		overflow:hidden;
		width:100%;

		height:406px;
		z-index:1;

	}


	.top .update_list{
		width:100%;
		margin-top:1em;
	}

	.top .update_list li a{
		width:47%;
		background-color:rgba(0, 33, 0 ,0.6);
		color:#ffffc1;
		font-size:14px;
		text-align:center;
		padding:5px 1%;
		float:left;
		border-radius:20px;
		display:block;
	}

	.top .update_list li a:hover{
		background-color:rgba(255,255,255,0.8);
		color:#060;
	}


	.top .update_list li:nth-of-type(2n+2) a{
		margin-left:1%;
		margin-bottom:1%;
	}

.top .btn_detail {
    color: #fff;
		display:inline-block;
		margin-top:1em;
    /*background-color: #ffffff;*/
    border: #fff solid 2px;
    padding: 8px 20px;
    transition: all 0.1s ease;
    -webkit-transition: all 0.1s ease;
    -moz-transition: all 0.1s ease;
}

.top .btn_detail:hover {
    color: #002d00;
    background-color: #fff;
    animation: b09_electric_blinkIn 0.1s step-end 0 2;
    -webkit-animation: b09_electric_blinkIn 0.1s step-end 0 2;
    -moz-animation: b09_electric_blinkIn 0.1s step-end 0 2;
    transition: all 0.2s ease 0s;
    -webkit-transition: all 0.2s ease 0s;
    -moz-transition: all 0.2s ease 0s;
}

@-webkit-keyframes b09_electric_blinkIn {
    from,
    to {
        background-color: #f8f8f8;
        color: #002d00;
    }
    50% {
        background-color: #ffffff;
        color: #002d00;
    }
}

@-moz-keyframes b09_electric_blinkIn {
    from,
    to {
        background-color: #f8f8f8;
        color: #002d00;
    }
    50% {
        background-color: #ffffff;
        color: #002d00;
    }
}


	.top .flex-direction-nav{
	display:none;
	}

	.top .flex-control-nav{
	display:none;
	}


	/**/

	.top #moment_tw{

		background-color:#fff;

	}

	.top #moment_tw .inner{
		width:680px;
		margin:0 auto 0;
		padding:30px 0;

	}

	.top #moment_tw .MomentHeader{
		border-top:0!important;
	}

	/*SPEC*/

	.top #spec{
		position:relative;
		background:#fff url('../img/top/bg_spec.jpg') no-repeat;
		background-size:cover;
		background-position:center bottom;
	}

	.top #spec .spec_inner{
		width:980px;
		margin:0 auto 0;
		padding:70px 0;
		color:#185a00;
	}

	.top #spec .package{
		float:left;
		display:block;
	}

	.top #spec .textBox{
		width:600px;
		float:right;
		padding-top:10px;
	}

	.top #spec .textBox h5{
		font-size:34px;
		margin-bottom:10px;
	}

	.top #spec .textBox h5 span{
		font-size:14px;
	}

	.top #spec .textBox h6{
		font-size:18px;
		margin-top:10px;
	}

	.top #spec .textBox dt{
		width:31%;
		float:left;
	}

	.top #spec .textBox dd{
		width:40%;
		float:left;
	}

	.top #spec .box_campaign{
		margin-top:10px;
		background-color:rgba(255,155,0,0.6);
		padding:10px;
		border-radius:5px;
		display:block;
	}

	.top #spec .box_campaign.color_privilege{
		background-color:rgba(255, 46, 0, 0.89);
		color:#fff;
	}

	.top #spec .box_campaign .tit{
		text-align:center;
		width:30%;
		float:left;
	}

	.top #spec .box_campaign .txt{
		width:65%;
		float:left;
		padding-left:3%;
		border-left:1px solid #185a00;
	}

	.top #spec .box_campaign .txt dt{
		width:60%;
	}

	.top #spec .box_campaign .txt dd{
		width:40%;
	}


	.top #spec .btn_reserve{
		display:inline-block;
		padding:8px 20px;
		margin:20px 0 0;
		border:3px solid #d00;
		color:#d00;
		font-weight:500;
		font-size:16px;
	}

	.top #spec .btn_reserve:hover{
		background-color:#d00;
		color:#fff;
	}

}




/*----------------------------------------
	for SP
----------------------------------------*/


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


	h1{
		position:absolute;
		display:block;
		margin:0;
		bottom:12%;
		left:2%;
		width:58%;
	}

	h1 img{
display:block;
width:100%;
	}



	#catch{
		position:absolute;
		top:26%;
		right:2%;
		width:50%;
	}

	#catch img{
		display:block;
		width:100%;
	}

	#logo_shibusawa{
		position:absolute;
		top:19%;
		right:3%;
		width:100px;
	}

	#logo_shibusawa img{
		width:100%;
	}



	/*.privilege{
		position:absolute;
		bottom:60px;
		right:1%;
		width:39%;
		display:block;
		z-index:80;
	}


	.privilege img{
		width:100%;
	}*/


	/*ムービー*/
	.privilege{
		position:absolute;
		bottom:14%;
		right:0;
		width:38%;
		display:block;
		z-index:80;
	}

	/*.privilege:after{
		content:'';
		display:block;
		position:absolute;
		background:transparent url('../img/top/movie_flame.png') center top no-repeat;
		background-size:100%;
		width:118%;padding-top:70%;
		top:0;left:0;
	}*/

	.privilege .text{
		position:absolute;
		display:block;
		bottom:0;
		left:0px;
		background-color:rgba(4, 23, 5, 0.9);
		width:100%;
		padding:2px 0;
		text-align:center;
		color:#fff;
		font-size:7px;
	}

	.privilege img{
		width:100%;
	}

	.bnr_cp{
		position:absolute;
		bottom:0px;
		width:100%;
		display:block;
		transition: all 0.2s ease;
		box-shadow:2px 2px 2px rgba(0,0,0,0.3);
	}

	.bnr_cp:before{
		right:5px;
	}

	.bnr_cp img{
		display:block;
		width:100%;
	}


	.bnr_tokuban{
		position:absolute;
		bottom:0;
		width:100%;
		display:block;
		transition: all 0.2s ease;
		box-shadow:2px 2px 2px rgba(0,0,0,0.3);
		background-color:#fff;
	}

	.bnr_tokuban:before{
		right:5px;
	}

	.bnr_tokuban img{
		display:block;
		width:55%;
		margin:0 auto 0;
	}


	.top #visual{
		background-attachment:scroll;
		background-size:cover;

	}

	.top #visual_bler{
		background-attachment:scroll;
		background-size:cover;
	}

	.top #visual{
		background-attachment:scroll;
		background-size:100%;
	}

	.top #visual_bler{
		background-attachment:scroll;
		background-size:100%;
	}


	/*CONTENT*/


	.top #content{
		background-color:#024001;
		/*padding:400px 0;*/
		color:#fff;
		padding-bottom:0px;
		overflow:hidden;
		position:relative;
		box-shadow:0px 0px 0px rgba(0,0,0,0.6);
		border-top:1px solid #ddd!important;
	}



	.top section{
		padding:0 0 0;
		/*background:url('../img/top/bg_section.jpg');*/
				border-bottom:2px solid #185a00;
				position:relative;
	}

	.top .section_inner{
		width:90%;
		margin:0 auto 0;
	}


	.top .section_inner .img{
		width:100%;
		float:right;
		box-shadow:1px 1px 2px rgba(0,0,0,0.4);
	}

	.top .section_inner .text{
		width:100%;
		/*float:left;*/
		font-size:17px;
		line-height:1.7;
	}

	.top .section_inner .text h3{
		font-size:24px;
		line-height:1.2;
		padding:0 0 0.4em;
		margin-bottom:0.5em;
		display:block;
		position:relative;
	}

	.top h3 .min_head{
		font-size:12px;
	}

	.top .section_inner .img img{
		width:100%;
		display:block;
	}

	.top section.about{
		padding-bottom:60%;
	}

	.top section.about:before{
		content:'';
		display:block;
		left:-10%;bottom:6%;
		background: transparent url('../img/top/img_about.png');
		width:110%;
		background-position:left center;
		background-size:cover;
		height:40%;
		position:absolute;
	}


	.top .update_list{
		width:100%;
		margin-top:1em;
	}

	.top .update_list li a{
		width:100%;
		background-color:rgba(0, 33, 0 ,0.6);
		color:#ffffc1;
		font-size:13px;
		text-align:center;
		padding:8px 1%;
		float:left;
		border-radius:20px;
		display:block;
				margin-bottom:1%;
	}

	.top .update_list li a:hover{
		background-color:rgba(255,255,255,0.8);
		color:#060;
	}


	.top .update_list li:nth-of-type(2n+2) a{
	}

	.top .btn_detail {
	    color: #fff;
			display:block;
	    /*background-color: #ffffff;*/
	    border: #fff solid 2px;
	    padding: 8px 20px;
			font-size:14px;
	    transition: all 0.1s ease;
	    -webkit-transition: all 0.1s ease;
	    -moz-transition: all 0.1s ease;
			width:60%;
			margin:10px auto 30px;
			text-align:center;
	}


	.top .flex-direction-nav{
	display:none;
	}

	.top .flex-control-nav{
	display:none;
	}


	/**/

	.top #moment_tw{

		background-color:#fff;
		z-index:1;
		position:relative;

	}

	.top #moment_tw .inner{
		width:80%;
		margin:0 auto 0;
		padding:5% 0;

	}

	.top #moment_tw .MomentHeader{
		border-top:0!important;
	}



	/*SPEC*/

	.top #spec{
		position:relative;
		background:#fff url('../img/top/bg_spec.jpg') no-repeat;
		background-size:cover;
		background-position:center bottom;
	}

	.top #spec .spec_inner{
		margin:0 auto 0;
		padding:10% 0;
		color:#185a00;
	}

	.top #spec .package{
		display:block;
		width:50%;
		margin:0 auto 0;
		box-shadow:1px 1px 3px rgba(0,0,0,0.4);
	}

	.top #spec .textBox{
		width:90%;
		padding-top:10px;
		margin:0 auto 0;
	}

	.top #spec .textBox h5{
		font-size:20px;
		margin-bottom:10px;
		margin-top:20px;
	}

	.top #spec .textBox h5 span{
		display:block;
		font-size:11px;
		line-height:1.3;
		margin-top:0.5em;
	}

	.top #spec .textBox h6{
		font-size:14px;
		margin-top:14px;
	}

	.top #spec .textBox dt{
		width:31%;
		float:left;
		font-size:13px;
	}

	.top #spec .textBox dt.twoline,.top #spec .textBox dd.twoline{
		line-height:1.2;
	}

	.top #spec .textBox dd{
		width:69%;
		float:left;
				font-size:13px;
	}

	.top #spec .box_campaign{
		margin-top:15px;
		background-color:rgba(255,155,0,0.6);
		padding:10px;
		border-radius:5px;
	}

	.top #spec .box_campaign.color_privilege{
		display:block;
		background-color:rgba(255, 46, 0, 0.89);
		color:#fff;
	}

	.top #spec .box_campaign .tit{
		text-align:center;
		width:100%;
		border-bottom:1px solid #185a00;
		padding-bottom:0.5em;
		margin-bottom:0.5em;
	}

	.top #spec .box_campaign .tit br{
		display:none;
	}

	.top #spec .box_campaign .txt{
		width:100%;
		font-size:12px;

	}

	.top #spec .box_campaign .txt dt{
		width:60%;
	}

	.top #spec .box_campaign .txt dd{
		width:40%;
	}


	.top #spec .btn_reserve{
		display:block;
		padding:8px 20px;
		margin:20px auto 0;
		border:3px solid #d00;
		color:#d00;
		font-weight:500;
		font-size:16px;
		width:60%;
		text-align:center;

	}

	.top #spec .btn_reserve:hover{
		background-color:#d00;
		color:#fff;
	}


	.top #photos{
		width:2600px;
		height:190px;
		background-image:url('../img/top/photos.png');
		background-repeat:repeat-x;
		background-size:2600px;
		background-position:center bottom;
	margin-left:-40%;
	margin-top:20px;
	/*margin-bottom:-60px;*/
	}

}