.fitW {
	width:100%;
	height:auto;
}
.fitH {
	width:auto;
	height:100%;
}
.fit {
	width:100%;
	height:100%;
}
html {
}
body {
	width: 100%;
	height:100%;
}

@media screen and (min-width: 1001px) {
.pc {
	display:block;
}
.sp {
	display:none;
}
#wrapper {
	width: 100%;
	min-width:1200px;
	position: relative;
	height:auto !important; /*IE6対策*/
	height: 100%; /*IE6対策*/
	min-height: 100%;
	margin:0 auto;
}

#contents {
	width:100%;
	position:relative;
	margin:0px 0 0;
	min-width:1200px;
	padding-bottom:120px;
}
/*------------------------------------------------------------------------------
								HEAD
------------------------------------------------------------------------------*/
#headerArea {
	width:100%;
	position:relative;
}
#headerImgArea {
	width:100%;
	height:300px;
	background:url(../../img/common/header_img.jpg) no-repeat center top;
}
#logoBox {
	width:100%;
	height:140px;
	margin:0 auto;
	position:relative;
	background:url(../../img/common/logo_back.gif) repeat-x center center;
	box-sizing:border-box;
	padding-top:10px;
}
#logoBox #logo {
	width:640px;
	height:120px;
	background:url(../../img/common/logo.png) no-repeat center top;
	background-size:contain;
	margin:0 auto;
}
#logoBox #logo a {
	position:absolute;
	width:100%;
	height:100%;
	text-indent:-999999px;
	top:0px;
	left:0px;
}
#day {
	width:120px;
	height:100px;
	position:absolute;
	top:20px;
	left:50%;
	margin-left:440px;
	text-indent:-999999px;
	background:url(../../img/top/day_pc.png) no-repeat center center;
	background-size:contain;
}
/*------------------------------------------------------------------------------
								MENU
------------------------------------------------------------------------------*/
#menuBoxPc {
	width:100%;
	height:80px;
	min-width:1200px;
	background:#e4007f;
}
#menuIcon {
	display:none;
}
#menuAreaPc {
	width:730px;
	height:80px;
	padding:0;
	margin:0 auto;
}
#menuAreaPc li {
	height:100%;
	padding:0 0 0 0;
	float:left;
	margin:0 15px;
	position:relative;
}
#menuAreaPc li a {
	position:absolute;
	width:100%;
	height:100%;
	text-indent:-999999px;
	top:0px;
	left:0px;
}
#menuAreaPc #menuAboutPc {
	margin:0 0;
	padding:0 15px;
	background:url(../../img/common/menu_b_about_back.png) center top;
	background-size:contain;
}
#menuAreaPc #menuAboutPc .aboutArrow {
	position:absolute;
	left:50%;
	margin-left:-10px;
	bottom:-10px;
}
#menuSubBoxPc {
	width:100%;
	height:60px;
	min-width:1200px;
	border-bottom:1px dotted #e4007f;
	box-sizing:border-box;
}
#menuSubAreaPc {
	width:1150px;
	height:60px;
	padding:0;
	margin:0 auto;
}
#menuSubBoxPc li {
	height:60px;
	padding:0 0 0 0;
	float:left;
	margin:0 15px;
	position:relative;
}
#menuSubBoxPc li a {
	position:absolute;
	width:100%;
	height:100%;
	text-indent:-999999px;
	top:0px;
	left:0px;
}
#menuSubBoxPc li .active {
	height:3px;
	line-height:3px;
	position:absolute;
	left:0px;
	bottom:0px;
	background:#e4007f;
	width:100%;
}
/*------------------------------------------------------------------------------
								TIT
------------------------------------------------------------------------------*/
#titArea {
	width:100%;
	height:80px;
	padding:50px 0;
}
#titArea #tit {
	width:660px;
	height:80px;
	margin:0 auto 0;
	text-align:center;
}
/*------------------------------------------------------------------------------
								FOOT
------------------------------------------------------------------------------*/
#footerArea {
	width:100%;
	min-width:1200px;
	height:120px;
	position:absolute;
	bottom:0px;
}
#copyright {
	width:420px;
	height: 120px;
	text-indent:-999999px;
	background:url(../../img/common/copyright.png) no-repeat center center;
	background-size:contain;
	margin:0 auto;
}
/*------------------------------------------------------------------------------
								OVER
------------------------------------------------------------------------------*/
.over {
	-webkit-transition: all 0.2s cubic-bezier(0.47, 0, 0.745, 0.715);
	transition:         all 0.2s cubic-bezier(0.47, 0, 0.745, 0.715);
	opacity:1.0;
}
.over:hover {
	-webkit-transition: all 0.2s cubic-bezier(0.47, 0, 0.745, 0.715);
	transition:         all 0.2s cubic-bezier(0.47, 0, 0.745, 0.715);
	opacity:0.8;
}
.over2 {
	-webkit-transition: all 0.2s cubic-bezier(0.47, 0, 0.745, 0.715);
	transition:         all 0.2s cubic-bezier(0.47, 0, 0.745, 0.715);
	opacity:0.8;
}
.over2:hover {
	-webkit-transition: all 0.2s cubic-bezier(0.47, 0, 0.745, 0.715);
	transition:         all 0.2s cubic-bezier(0.47, 0, 0.745, 0.715);
	opacity:1.0;
}
.overNone {
	opacity:0.5;
}
}
@media screen and (max-width: 1000px) {
.pc {
	display:none;
}
.sp {
	display:block;
}
#wrapper {
	width: 100%;
	min-width:740px;
	position: relative;
	height:auto !important; /*IE6対策*/
	height: 100%; /*IE6対策*/
	min-height: 100%;
	background:url(https://wotakoi-movie.com/assets/img/contents/back_img.gif) repeat center top;
	background-attachment:fixed;
}

#contents {
	width:100%;
	position:relative;
	margin:0;
	background-size:100% auto;
	min-width:740px;
	padding-bottom:120px;
}
/*------------------------------------------------------------------------------
								HEAD
------------------------------------------------------------------------------*/
#headerArea {
	width:100%;
	padding-bottom:0px;
	position:relative;
}
#headerImgArea {
	padding-top:0;
	width:100%;
	height:220px;
	background:url(../../img/common/header_img.jpg) no-repeat center 0;
	background-size:contain;
}
#logoBox {
	width:100%;
	height:120px;
	margin:0 auto;
	position:relative;
	background:url(../../img/common/logo_back.gif) repeat-x center center;
	box-sizing:border-box;
	padding-top:14px;
}
#logoBox #logo {
	width:600px;
	height:96px;
	background:url(../../img/common/logo.png) no-repeat center top;
	background-size:contain;
	margin:0 auto;
}
#logoBox #logo a {
	position:absolute;
	width:100%;
	height:100%;
	text-indent:-999999px;
	top:0px;
	left:0px;
}
#day {
	width:80px;
	height:80px;
	position:absolute;
	top:31px;
	left:50%;
	margin-left:280px;
	text-indent:-999999px;
	background:url(../../img/top/day_pc.png) no-repeat center center;
	background-size:contain;
}
/*------------------------------------------------------------------------------
								MENU
------------------------------------------------------------------------------*/
#menuBoxSp {
	width:100%;
	height:auto;
	background:#e4007f;
	min-width:740px;
	position:relative;
	z-index:1;
}
#menuBoxSp #menuIcon {
	background:#e50065;
	width:100%;
	height:80px;
	box-sizing:border-box;
	padding:20px;
	position:relative;
}
#menuBoxSp #menuIcon img {
	position:absolute;
	left:50%;
	margin-left:-20px;
}
#menuBoxSp #menuIcon #menuOff {
	display:block;
}
#menuBoxSp #menuIcon #menuOn {
	display:none;
}
#menuBoxSp #menuIcon a {
	position:absolute;
	text-indent:-999999px;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
#menuAreaSp {
	box-sizing:border-box;
	height:auto;
	padding:0 0 0 0;
	width:100%;
	margin:0 auto 0;
	display:none;
}
#menuBoxSp #menuAreaSp li {
	height:80px;
	margin:0 0;
	padding:0;
	border-bottom:2px dotted #FFF;
	position:relative;
	background:#f23387;
	box-sizing:border-box;
	text-align:center;
}
#menuBoxSp #menuAreaSp #menuAbout {
	border-bottom:none;
	height:80px;
}
#menuBoxSp #menuAreaSp #menuAbout .aboutArrow {
	height:10px;
	width:20px;
	position:absolute;
	left:50%;
	margin-left:-10px;
	bottom:5px;
	z-index:10;
}#menuBoxSp #menuAreaSp #menuAbout .aboutArrow img {
	height:10px;
	width:20px;
}
#menuBoxSp #menuAreaSp #menuAbout img {
	height:80px;
}
#menuBoxSp #menuAreaSp li a {
	position:absolute;
	text-indent:-999999px;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
#menuBoxSp #menuAreaSp #menuSubBoxSp {
	height:auto;
	width:100%;
	padding:0px;
	margin:0px;
	border-bottom:none;
}
#menuBoxSp #menuAreaSp #menuSubAreaSp {
	height:auto;
	width:100%;
	padding:0px;
	margin:0px;
}
#menuBoxSp #menuAreaSp #menuSubAreaSp li {
	background:#fcdeeb;
	height:75px;
	border-bottom:2px dotted #e50065;
}
#menuBoxSp #menuAreaSp #menuSubAreaSp li:last-child {
	border-bottom:none;
}
/*------------------------------------------------------------------------------
								TIT
------------------------------------------------------------------------------*/
#titArea {
	width:100%;
	height:80px;
	padding:50px 0;
}
#titArea #tit {
	width:660px;
	height:80px;
	margin:0 auto 0;
	text-align:center;
}
/*------------------------------------------------------------------------------
								FOOT
------------------------------------------------------------------------------*/
#footerArea {
	width:100%;
	min-width:740px;
	height:120px;
	position:absolute;
	bottom:0px;
}
#copyright {
	width:420px;
	height: 120px;
	text-indent:-999999px;
	background:url(../../img/common/copyright.png) no-repeat center center;
	background-size:contain;
	margin:0 auto;
}



.overNone {
	opacity:0.5;
}

}