/* contents ==================================================================== */
#contents {
	margin:0 auto;
	width:960px;
}

/* mainArea ==================================================================== */
#mainArea {
	margin:0 -120px;
}

#mainArea .lead {
	text-align:center;
}

/* enquete01 ==================================================================== */
#enquete01 {
	margin:0 -120px;
	background:#000000;
}

#enquete01 #enquete01Inner {
	margin:0 auto;
	width:960px;
	overflow:hidden;
}

#enquete01 h3 {
	margin-bottom:15px;
}

#enquete01 #enquete01Inner .chart01 {
	float:left;
	padding-left:60px;
	width:420px;
}

#enquete01 #enquete01Inner .chart02 {
	float:right;
	padding-right:60px;
	width:420px;
}

/* movieArea ==================================================================== */
#movieArea {
	margin:0 -120px;
	background:#000000;
}

#movieArea #movieAreaInner {
	margin:0 auto;
	padding:40px 0;
	text-align:center;
	width:960px;
}

/* talk ==================================================================== */
#talk {
	margin:0 -120px;
}

#talk #talkHead {
	position:relative;
	background:#000000;
	width:1200px;
	height:979px;
}

#talk #talkHead h3 {
	position:absolute;
	width:1200px;
	height:979px;
}

#talk #talkHead .profile01 {
	position:absolute;
	width:290px;
	top:872px;
	left:263px;
}

#talk #talkHead .profile02 {
	position:absolute;
	width:290px;
	top:872px;
	left:650px;
}

#talk #talkHead .name {
	font-size:20px;
	color:#ffffff;
}

#talk #talkHead .txt {
	font-size:13px;
	color:#ffffff;
	line-height:1.4;
}

#talk #talkInner {
	margin:0 auto;
	padding:30px 0;
	width:960px;
	overflow:hidden;
}

#talk #talkInner dl {
	float:left;
	width:480px;
}

#talk #talkInner dl.mbset {
	margin-bottom:20px;
}

#talk #talkInner dd {
	padding:10px;
	font-size:12px;
}

#talk #talkInner dt.detailImg01 {
	background:#000000;
}

#talk #talkInner dt.detailImg02 {
	background:#e6f25c;
}

#talk #talkInner dd.detailCap01 {
	background:#000000;
	color:#ffffff;
}

#talk #talkInner dd.detailCap02 {
	background:#e6f25c;
	color:#000000;
}

#talk #talkInner dt.detailImg03 {
	background:#e6f25c;
}

#talk #talkInner dt.detailImg04 {
	background:#000000;
}

#talk #talkInner dd.detailCap03 {
	background:#e6f25c;
	color:#000000;
}

#talk #talkInner dd.detailCap04 {
	background:#000000;
	color:#ffffff;
}

#talk #talkInner dt.detailImg05 {
	background:#000000;
}

#talk #talkInner dt.detailImg06 {
	background:#e6f25c;
}

#talk #talkInner dd.detailCap05 {
	background:#000000;
	color:#ffffff;
}

#talk #talkInner dd.detailCap06 {
	background:#e6f25c;
	color:#000000;
}

/* 共通 ==================================================================== */
.talkTxt01 { font-size:14px; color:#0071BE; margin:0 10px 20px 10px;}
.talkTxt02 { font-size:14px; color:#859100; margin:0 10px 20px 10px;}
.talkTxt03 { font-size:14px; color:#000000; margin:0 10px 20px 10px;}

/* impression ==================================================================== */
#impression {
	margin:0 -120px;
	background:#000000;
}

#impression h3 {
	padding:50px 10px 35px;
	text-align:center;
}

#impression #impressionInner {
	margin:0 auto;
	width:960px;
}

#impression .detailBox {
	margin:0 -120px;
	position:relative;
	width:1200px;
	height:760px;
}

#impression .detailBox .mainImg {
	position:absolute;
	width:1200px;
	height:760px;
	top:0;
	left:0;
	z-index:10;
}

#impression .detailBox .mainName {
	position:absolute;
	width:320px;
	height:320px;
	left:440px;
	z-index:20;
}

#impression .detailBox .tester01 { top:123px; }
#impression .detailBox .tester02 { top:73px; }
#impression .detailBox .tester03 { top:73px; }
#impression .detailBox .tester04 { top:33px; }
#impression .detailBox .tester05 { top:23px; }

#impression h4 {
	padding:30px 10px 20px;
}

#impression .txt {
	padding:0 10px 40px;
	font-size:14px;
	color:#ffffff;
}

/* enquete02 ==================================================================== */
#enquete02 {
	margin:0 auto;
	padding:30px 0;
	width:960px;
	overflow:hidden;
}

#enquete02 h3 {
	margin-bottom:30px;
	text-align:center;
}

#enquete02 .enquete02Img {
	margin-bottom:50px;
	text-align:center;
}

#enquete02 h4 {
	margin-left:20px;
	margin-bottom:25px;
}

#enquete02 .reviewList {
	margin-left:20px;
}

#enquete02 .reviewList li {
	margin-bottom:5px;
	font-size:18px;
}

span.uline {
	background: linear-gradient(transparent 60%, #fffa7c 0%);
}

/* link ==================================================================== */
.linkFrame{
	margin:20px -120px 40px;
	padding:30px 0;
	background:#000000;
}

.linkArea{
	margin:0 auto;
	width:940px;
	overflow:hidden;
}

.linkArea2{
	margin:20px auto 0;
	width:940px;
}

.linkArea .linkLeft{
	float:left;
	width:460px;
}

.linkArea .linkRight{
	float:right;
	width:460px;
}

a.shopBtn {
	background:#23379b;
	margin:0;
	display:block;
	position: relative;
	padding: 20px 20px 18px 20px;
	box-sizing: border-box;
	text-align:center;
	text-decoration:none;
	line-height:1.3;
	color:#ffffff;
	font-size:20px;
}
a.shopBtn:hover {
	background:#0d1f78;
}
a.shopBtn:after {
	font-family: 'FontAwesome';
	content: "\f054";
	position: absolute;
	top: 45%;
	right: 20px;
	margin-top: -0.5em;
}

a.movieBtn {
	background:#f1ff79;
	margin:0;
	display:block;
	position: relative;
	padding: 20px 20px 18px 20px;
	box-sizing: border-box;
	text-align:center;
	text-decoration:none;
	line-height:1.3;
	color:#000000;
	font-size:20px;
}
a.movieBtn:hover {
	background:#e8ec6e;
}
a.movieBtn:after {
	font-family: 'FontAwesome';
	content: "\f077";
	position: absolute;
	top: 45%;
	right: 20px;
	margin-top: -0.5em;
}

a.presentBtn {
	background:#f15555;
	margin:0;
	display:block;
	position: relative;
	padding: 20px 20px 18px 20px;
	box-sizing: border-box;
	text-align:center;
	text-decoration:none;
	line-height:1.3;
	color:#ffffff;
	font-size:20px;
}
a.presentBtn:hover {
	background:#e64444;
}
a.presentBtn:after {
	font-family: 'FontAwesome';
	content: "\f054";
	position: absolute;
	top: 45%;
	right: 20px;
	margin-top: -0.5em;
}

/* 共通箇所調整用 ==================================================================== */
#mainVisual {
	background:none;
}

@media screen and (max-width: 768px) {
/* contents ==================================================================== */
#contents {
	margin:0 auto;
	width: inherit;
}

#mainArea {
	margin:0;
}

#mainArea h2 {
	margin:0 -35px;
}

#mainArea .lead {
	margin:0 -35px;
}

/* enquete01 ==================================================================== */
#enquete01 {
	margin:0 auto;
}

#enquete01 #enquete01Inner {
	width: inherit;
}

#enquete01 h3 {
	margin:0 -35px 10px;
}

#enquete01 #enquete01Inner .chart01 {
	padding:10px 0 10px 15px;
	width: 50%;
	text-align:center;
	box-sizing:border-box;
}

#enquete01 #enquete01Inner .chart02 {
	padding:10px 15px 10px 0;
	width: 50%;
	text-align:center;
	box-sizing:border-box;
}

/* movieArea ==================================================================== */
#movieArea {
	margin:0 auto;
	padding:10px;
}

#movieArea #movieAreaInner {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
#movieArea #movieAreaInner iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/* talk ==================================================================== */
#talk {
	margin:0 auto;
}

#talk #talkHead {
	position: inherit;
	width: inherit;
	height: inherit;
}

#talk #talkHead h3 {
	position: inherit;
	margin:0 -35px;
	width: inherit;
	height: inherit;
}

#talk #talkHead .profile01 {
	position: inherit;
	width: inherit;
	top: inherit;
	left: inherit;
	margin-top:-30px;
	padding:0 10px 5px;
}

#talk #talkHead .profile02 {
	position: inherit;
	width: inherit;
	top: inherit;
	left: inherit;
	padding:0 10px 15px;
}

#talk #talkHead .name {
	font-size:15px;
	color:#ffffff;
}

#talk #talkHead .txt {
	font-size:13px;
	color:#ffffff;
	line-height:1.4;
}

#talk #talkInner {
	padding:20px 0;
	width: inherit;
}

#talk #talkInner dl {
	float: none;
	width: inherit;
}

#talk #talkInner dl.mbset {
	margin-bottom: inherit;
}

#talk #talkInner dt {
	padding:10px 10px 0;
	text-align:center;
}

span.pcnone {
	display:inline !important;
}

#talk #talkInner dt.detailImg03 {
	background:#000000;
	color:#ffffff;
}


#talk #talkInner dt.detailImg04 {
	background:#e6f25c;
	color:#000000;
}

#talk #talkInner dd.detailCap03 {
	background:#000000;
	color:#ffffff;
}

#talk #talkInner dd.detailCap04 {
	background:#e6f25c;
	color:#000000;
}

#talk #talkInner dt.detailImg05 {
	background:#000000;
	color:#ffffff;
}

#talk #talkInner dt.detailImg06 {
	background:#e6f25c;
	color:#000000;
}

#talk #talkInner dd.detailCap05 {
	background:#000000;
	color:#ffffff;
}

#talk #talkInner dd.detailCap06 {
	background:#e6f25c;
	color:#000000;
}

/* 共通 ==================================================================== */
.talkTxt01 { font-size:13px; margin-bottom:10px;}
.talkTxt02 { font-size:13px; margin-bottom:10px;}
.talkTxt03 { font-size:13px; margin-bottom:10px;}

/* impression ==================================================================== */
#impression {
	margin:0 auto;
}

#impression h3 {
	padding:20px 10px 15px;
}

#impression #impressionInner {
	width: inherit;
}

#impression .detailBox {
	margin:0 auto;
	position: inherit;
	width: inherit;
	height: inherit;
}

#impression .detailBox .mainImg {
	position: inherit;
	width: inherit;
	height: inherit;
	top: inherit;
	left: inherit;
	z-index: inherit;
}

#impression .detailBox .mainName {
	position: inherit;
	width: inherit;
	height: inherit;
	left: inherit;
	z-index: inherit;
	text-align:center;
}

#impression .detailBox .mainName img {
	width:240px;
	margin-bottom:10px;
}

#impression .detailBox .tester01 { top: inherit; }
#impression .detailBox .tester02 { top: inherit; }
#impression .detailBox .tester03 { top: inherit; }
#impression .detailBox .tester04 { top: inherit; }
#impression .detailBox .tester05 { top: inherit; }

#impression h4 {
	padding:15px 10px 10px;
}

#impression .txt {
	padding:0 10px 25px;
	font-size:13px;
}

/* enquete02 ==================================================================== */
#enquete02 {
	padding:20px 10px;
	width: inherit;
}

#enquete02 h3 {
	margin-bottom:15px;
}

#enquete02 .enquete02Img {
	margin-bottom:25px;
}

#enquete02 h4 {
	margin-left: inherit;
	margin-bottom:15px;
}

#enquete02 h4 img {
	width:55%;
}

#enquete02 .reviewList {
	margin-left: inherit;
}

#enquete02 .reviewList li {
	margin-bottom:5px;
	font-size:14px;
	line-height:1.4;
}

span.uline {
	background: linear-gradient(transparent 60%, #fffa7c 0%);
}

/* link ==================================================================== */
.linkFrame{
	margin:0 0 30px;
	padding:10px;
	width: inherit;
}

.linkArea{
	width: inherit;
}

.linkArea2{
	margin:10px auto 0;
	width: inherit;
}

.linkArea .linkLeft{
	float:none;
	width: inherit;
	margin-bottom:10px;
}

.linkArea .linkRight{
	float:none;
	width: inherit;
}

a.shopBtn,
a.movieBtn,
a.presentBtn {
	padding: 15px 10px 13px 10px;
	font-size:14px;
}

a.shopBtn:after,
a.movieBtn:after,
a.presentBtn:after {
	right: 10px;
}

}

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

/* enquete01 ==================================================================== */

#enquete01 #enquete01Inner .chart01 {
	float:none;
	padding:10px 15px 5px 15px;
	width:inherit;
}

#enquete01 #enquete01Inner .chart02 {
	float:none;
	padding:5px 15px 15px 15px;
	width:inherit;
}

}