@charset "UTF-8";

*{
	box-sizing: border-box;
}
#contents {
	background:none;
}

.tanezack_wrap {
	background: #fff;
}

.inner{
	position:relative;
}

.mv{
	background:#fff;
}

.mv .subtitle {
	position: relative;
	top: 4px;
	background:url(../img/tanezack/mv_bg01_pc.png) left top repeat-x;
	text-align: center;
	padding: 20px 0;
	z-index: 1;
}

.mv .background_area{
	background: #fabe00;
}

.mv .mv_area{
	background:url(../img/tanezack/mv_bg02_pc.png) center top no-repeat;
	background-position-y: -13px;
	margin: 0 auto;
}
.mv h2 {
	padding-right: 35px;
	padding: 18px 0 20px;
	position: relative;
    left: 287px;
}

.mv .img01, .mv .img02, .mv .text {
	position: absolute;
}

.mv .img01 {
	bottom: -30px;
	left: 4px;
	z-index: 1;
}

.mv .img02 {
	bottom: -30px;
	left: 815px;
	z-index: 1;
}

.mv .text {
	top: 42px;
	right: 158px;
	text-align: center;
}

/* #section01 */
#section01{
	padding: 34px 0 34px;
	background: #f08300;
}
#section01 .inner{
	padding: 68px 25px 94px 81px;
	background-image: url(../img/tanezack/sec01_bg_pc.png);
	background-repeat: no-repeat;
	background-position: center top;
	box-sizing: border-box;
}

#section01 h3{
/*	text-align:center;
	position: absolute;
	top: -67px;
	left: 50%;
	margin-left: -413px;
*/}

#section01 .left {
	text-align: center;
	width: 456px;
	padding: 28px 0 0 110px;
}

#section01 .left .left_img01 {
	width: 210px;
}
#section01 .left .left_img01 {
	float: left;
}
#section01 .left .left_img01 img {
	margin: 0 0 10px;
}
#section01 .left .left_img01 {
	position: relative;
}

#section01 .right {
	width: 584px;
	padding-top: 65px;
	margin-left: -130px;
	box-sizing: border-box;
}

#section01 .right h3{
}

#section01 .right p {
	margin-top: 22px;
}

#section01 .right a {
	display: block;
	margin-top: 30px;
}

/* #section03 */
#section03{
	background: url(../img/tanezack/sec02_bg01_pc.png) left top repeat;
	text-align: center;
	padding: 75px 0 40px;
	position: relative;
}

#section03:before{
	content: "";
	display: block;
	background: url(../img/tanezack/sec02_bg02_pc.png) left bottom repeat-x;
	width: 100%;
	height: 5px;
	position: absolute;
	top: 0;
}

#section03:after{
	/* content: ""; */
	display: block;
	background: url(../img/tanezack/sec02_bg03_pc.png) left bottom repeat-x;
	width: 100%;
	height: 7px;
	position: absolute;
	bottom: 0;
}

#section03 h3 {
	margin-bottom: 40px;
}

#section03 h4 {
	margin: 21px 0 57px;
}

#section03 .movie_wrap {
	margin: 0 auto;
	width: 650px;
	position: relative;
}

#section03 .icon_new {
	position: absolute;
	top: -30px;
	right: -23px;
}


/* #linkarea */

#linkarea{
	background:#fcf4de;
}

#linkarea .inner{
	width:1000px;
}

#linkarea .bnr_block{
	padding:35px 80px 40px 80px;
}

#linkarea .bnr_block .net_shop{
	float:left;
}

#linkarea .bnr_block .bnr_right{
	float:right;
}

#linkarea .bnr_block .bnr_right .lohaco{
	margin:0 0 10px;
}


/*バナーエリア*/

.bnr_area{
	background:#fffce2;
	padding:52px 0 80px;
}

.bnr_area ul{
	width:920px;
	margin:auto;
}

.bnr_area ul li.bnr01{
	float:left;
}

.bnr_area ul li.bnr02{
	float:right;
}

/* sp
================================================================================================================== */
@media screen and (max-width: 640px) {

	#contents {
		padding: 0;
	}

	#section01 .inner {
		margin: 0 auto;
		width: 93.75%;
	}

	.mv .mv_area{
		position: relative;
		width: 100%;
		background:url(../img/tanezack/mv_bg02_sp.png) center top;
		background-size: auto 100%;
		background-position-y: initial;
		margin: 0 auto;
		padding: 4.6875% 0 39.375%;
	}

	.mv .subtitle {
		top: 0.6vw;
		background: none;
		text-align: center;
		padding: 0;
		width: 100%;
	}

	.mv .mv_area .inner {
		position: relative;
		width: 100%;
	}

	.mv h2 {
		position: static;
		text-align:center;
		padding-right: 0;
		padding: 0;
	}

	.mv .img01 {
		left: 4.3%;
		bottom: -91.8%;
		width: 37.306%;
	}

	.mv .img02 {
		left: 63.5%;
		bottom: -75%;
		width: 33.1125%;
	}

	.mv .text {
		top: initial;
		bottom: -69.5%;
		right: 38%;
		margin: auto;
		text-align: center;
		width: 21.79375%;
	}

	#section01 .left .left_img01 img {
		margin: 0 0 0;
	}
	/* #section01 */
	#section01{
		padding: 17% 0 11%;
	}

	#section01 .inner{
		padding: 13.33% 0 23%;
		background-image: url(../img/tanezack/sec01_bg_sp.png);
		background-size: 98%;
		box-sizing: border-box;
	}

	#section01 .left {
		text-align: center;
		width: 100%;
		padding: 0;
		margin: 0 0 16%;
	}
	#section01 .left .left_img01 {
		float: none;
		width: 100%;
	}
	#section01 .left .left_img01 .pkg {
		width: 52%;
		margin: -2% 0 2% -2%;
	}

	#section01 .left a,#section01 .left .unreleased  {
		width: 56.67%;
		display: block;
		margin: 0 auto;
	}

	#section01 .left,#section01 .right {
		display: block;
		float: none;
		width: 100%;
	}

	#section01 .left img {
		width: 100%;
	}

	#section01 .right {
		margin: 0;
		padding: 0;
	}

	#section01 .right p {
		margin-top: 4%;
		margin-left: 2%;
	}

	#section01 .right a {
		margin: 5% auto 0;
		width: 60%;
	}

	/* #section03 */

	#section03{
		background: url(../img/tanezack/sec02_bg01_sp.png) left top repeat;
		background-size: 17px 17px;
		text-align: center;
		padding: 15.5% 0 2%;
		position: relative;
	}

	#section03:before{
		background: url(../img/tanezack/sec02_bg02_sp.png) left bottom repeat-x;
		background-size: 21px 5px;
		height: 5px;
	}

	#section03:after{
		background: url(../img/tanezack/sec02_bg03_sp.png) left bottom repeat-x;
		background-size: 21px 5px;
		height: 5px;
	}

	#section03 .inner {
		margin: 0 auto;
		width: 100%;
	}


	#section03 p {
		margin-top: 0;
	}

	#section03 h3 {
		margin-bottom: 9%;
	}

	#section03 .movie_wrap {
		margin: 0 auto 4%;
		width: 84.375%;
		width: 93.75%;
	}

	#section03 h4 {
		margin: 0 0 8%;
	}

	#section03 #video {
		position: relative;
	}

	#section03 .icon_new {
		top: -17%;
		right: 0;
		pointer-events: none;
	}



	/* #linkarea */
	#linkarea{
		background:#fff;
		padding:9.5% 0 9.5%;
	}

	#linkarea .inner{
		width:93.75%;
	}

	#linkarea .bnr_block{
		background:#fcf4de;
		padding:35px 80px 40px 80px;
	}

	#linkarea .bnr_block .net_shop{
		float:left;
	}

	#linkarea .bnr_block .bnr_right{
		float:right;
	}

	#linkarea .bnr_block .bnr_right .lohaco{
		margin:0 0 10px;
	}

	#linkarea .bnr_block{
		padding:5%;
	}

	#linkarea .bnr_block .net_shop{
		float:none;
	}

	#linkarea .bnr_block .net_shop .btn{
		margin:0 0 3.7%;
	}

	#linkarea .bnr_block .bnr_right{
		float:none;
	}

	#linkarea .bnr_block .bnr_right .lohaco{
		width:48%;
		float:left;
		margin:0 0 10px;
	}

	#linkarea .bnr_block .bnr_right .amazon{
		width:48%;
		float:right;
		margin:0 0 10px;
	}

	/*バナーエリア*/

	.bnr_area{
		padding:6.25% 0;
	}

	.bnr_area ul{
		width:80%;
		margin:auto;
	}

	.bnr_area ul li.bnr01{
		margin:0;
		float:none;
	}

	.bnr_area ul li.bnr02{
		margin:4% 0 0;
		float:none;
	}

}