@charset "UTF-8";
/* CSS Document */
.hidePc{
	display:none;
}

.hideSp{
	display:block;
}


html, body {
    color: #42210b !important;
}

.hover {transition:opacity 0.1s linear;}
.hover:hover {opacity:0.7;}

#loader-bg {
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  background: #fff;
  z-index: 11;
}
#loader {
  display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin-top: -100px;
  margin-left: -100px;
  text-align: center;
  color: #fff;
  z-index: 12;
}

#wrapper {
	background: #fff;
	padding:0;
	min-width:1150px;
}

header {
	width:100%;
	background:#240a09;
	height:auto;
}

header div {
	width:1120px;
	margin:0 auto;
	overflow:hidden;
}

header div h1 {
	float:left;
	padding-top:7px;
}

header div nav {
	width:955px;
	float:right;
}

header div nav ul {
	padding:0;
	overflow:hidden;
}

header div nav ul li {
	vertical-align:middle;
	text-align:center;
	font-size:14px;
	color:#FFF;
	float:left;
}

header div nav ul li a {
	padding:13px 25px;
	display:block;
	text-decoration:underline;
	color:#FFF;
}

header div nav ul li.active, header div nav ul li:hover {
	background-color: rgba(255,255,255,0.7);
}

header div nav ul li.active a, header div nav ul li a:hover {
	opacity:0.7;
	color:#240a09;
	text-decoration:none;
}

#gridBox {
	position:relative;
}

.mGrid dt {
	position:relative;
}

.playBtn {
	position:absolute;
	left:42%;
	top:36%;
}

.playBtnL {
	position:absolute;
	left:42%;
	top:39%;
}

#movie {
	position:relative;
}

.nPlayBox {
	position:relative;
}

.nPlay {
	position:absolute;
	left:50%;
	margin-left:-29px;
	bottom:50%;
	margin-bottom:-29px;
	width:58px;
	height:58px;
}

.nPlayL {
	margin-left:-55px;
	margin-bottom:-55px;
	width:110px;
	height:110px;
}

.nBnrList {
	/*width:744px;*/
	width:558px;
	margin:0 auto 17px;
}

.nBnrList li {
	float:left;
	margin-right:93px;
}

.nBnrList li:last-child {margin-right:0;}

.nBnrList li img {box-shadow: 2px 2px rgba(0,0,0,0.4);
}

footer {
	padding:8px 0;
	background-color:#240a09;
}

footer div {
	width:1120px;
	margin:0 auto !important;
	color:#FFF;
	overflow:hidden;
}

.nSnsFooter {
	overflow:hidden;
	float:left;
	margin-right:330px;
}

.nSnsFooter li {
	float:left;
	margin-right:50px;
}

.nSnsFooter li:last-child {
	margin-right:0;
}

#nCopy {
	padding-top:10px;
	float:left;
	font-size:14px;
}

.nLnkFooter {
	padding-top:10px;
	float:right;
	overflow:hidden;
}

.nLnkFooter li {
	float:left;
	margin-right:30px;
}

.nLnkFooter li:last-child {
	margin-right:0;
}

.nLnkFooter a {
    background: rgba(0, 0, 0, 0) url(/common/images/n_arrow_circle.png) no-repeat scroll left 0;
    color: #fff;
    display: block;
    font-size: 15px;
    padding-left: 22px;
}

.nLnkFooter a:hover {
	text-decoration:underline;
}

.nBoxArea {
	width:996px;
	margin:0 auto 50px;
}

.nBoxArea div {
	overflow:hidden;
}

.nBoxArea div dl {
	width:240px;
	float:left;
	margin-right:12px;
	margin-top:30px;
}

.nBoxArea div dl:nth-child(-n+4) {
	margin-top:0;
}

.nBoxArea div dl:nth-child(4n) {margin-right:0;}

.nBoxArea div dl span{
	display:block;
	font-size:9px;
	margin-bottom:3px;
}

.nBoxArea div dl a:hover {
	color: #42210b;
}

.nBoxArea div dt  {
	margin-bottom:5px;
}

.nBoxArea div dt  div.nPlayBox {
	position:relative;
	overflow:hidden;
}

.nBoxArea div dt span {
	display:inline-block;
	padding:2px 4px 1px;
	color:#FFF;
}

.nBoxArea div dt span.nLabelCm {background:#ff5672}
.nBoxArea div dt span.nLabelInfo {background:#29abe2}
.nBoxArea div dt span.nLabelApp {background:#39b54a}
.nBoxArea div dt span.nLabelGoods {background:#f15a24}
.nBoxArea div dt span.nLabelMovie {background:#240a09}

.nBoxArea div dt em {
	display:block;
	width:240px;
	height:135px;
	background-size:auto 135px;
	background-repeat:no-repeat;
	background-position:center center;
	background-color:#F9F9F9;
}

.nBoxArea div dd {
	font-size:12px;
}

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

.nModal dl dd {
	border:4px solid #240a09;
	padding:10px;
	background:#FFF;
}

.nModal dl dd table {
	border-collapse:collapse;
	width:600px;
	margin:0 auto;
}

.nModal dl dd table tr {
	background:url(/common/images/n_dot.png) repeat-x bottom center;
}

.nModal dl dd table tr:last-child, .nModal dl dd table tr:first-child {
	background:none;
}

.nModal dl dd table th, .nModal dl dd table td{
	text-align:center;
	padding:10px 5px;
	font-size:15px;
}

.nModal dl dd table th.nBroadCat { text-align:left;}

.nModal dl dd table th {
	font-weight:bold;
}

.nModal ul { overflow:hidden;}

.nModal ul:first-child {
	background:url(/common/images/n_dot.png) repeat-x left bottom;
	padding-bottom:12px;
}

.nModal ul li {
	float:left;
	margin-right:10px;
}

.nModal ul li:last-child {
	margin-right:0;
}

.nModal ul:last-child li {
	width:172px;
	margin-top:10px;
}


#modal-content, #modal-content02, #modal-content03 { display: none;z-index: 2 ;}










/*******************************

TOP

*******************************/

.nTopCnt {
	padding:30px 0 0;
}

#nSlideArea {
	width:750px;
	margin:0 auto 85px;
}

#nSlideArea h2, .nBoxArea h2 {
	text-align:center;
	margin-bottom:25px;
}

.step-number {
	padding:0 10px;
	background:#FFF !important
}

#nSlideArea dl {
	text-align:center;
	margin-top:20px;
	line-height:1.5;
	overflow:hidden;
}

#nSlideArea dt {font-size:14px;}

#nSlideArea dd {font-size:12px;}


/****************************************************

てれび情報

*****************************************************/

.nTvLink {
	font-size:14px;
	background:#ccc;
}

.nTvLink ul {
	width:80%;
	overflow:hidden;
	margin:0 auto;
}

.nTvLink ul li {
	width:30%;
	float:left;
	text-align:center;
	vertical-align:middle;
}

.nTvLink ul li  a {
	display:block;
	padding:5px 10px;
	width:95px;
	margin:0 auto;
}

.nTvLink ul li.active a, .nTvLink ul li a:hover {
	background:#999;
	color: #42210b;
}

.nTvArea .nBoxArea {
	padding-top:20px;
}

.nTvArea h2,.nTvArea h3 {
	text-align:center;
	margin-bottom:20px;
}

.nTvPlay {
	text-align:center;
	margin-bottom:35px;
	position:relative;
}

.nTvInfo {
	width:870px;
	margin:0 auto 50px;
	font-size:17px;
}

.nTvInfo dl:last-child {
	background:url(/common/images/n_dot.png) repeat-x center top;
	padding-top:20px;
	margin-top:20px;
}

.nTvInfo dt {
	font-weight:bold;
	font-size:20px;
	margin-bottom:10px;
}

.nTvInfo dd {
	display:table;
	width:100%;
}

.nTvInfo dd span {
	display:table-cell;
	width:33.33%
}


.nHostInfo {
	margin-bottom:50px;
}

.nHostInfo .nBnrList {
	margin-bottom:40px;
}




/****************************************************

映画情報、コラボ実績

*****************************************************/

.nEntryBox {
	width:900px;
	margin:0 auto;
	padding:30px 0 55px;
}

.nEntryBox  h2, .nEntryBox  h3 {
	text-align:center;
	margin-bottom:25px;
	font-size:20px;
}

.nEntryBox  h2:before, .nEntryBox  h3:before {
	content:url(/common/images/n_icon_boo.png);
	margin-right: 5px;
    position: relative;
    top: 3px;
}

.nEntryMainImg {
	text-align:center;
	margin-bottom:70px;
}

.nEntryMov {
	width:475px;
	margin:0 auto 70px;
	position: relative;
	cursor:pointer;
}

.nPlayM{
	width:84px;
	height:auto;
	margin-left:-42px;
	margin-bottom:-42px;
}

.nEntryStory, .nEntryPlay {
	font-size:15px;
	line-height:1.8;
	width:745px;
	margin:0 auto;
}

.nEntryStory {
	margin-bottom:55px;
}

.nPageBtn {
	margin-top:55px;
	text-align:center;
}













@media(min-width:769px) {
	nav { display:block !important;}
}




@media(max-width:768px) {

.hideSp{
	display:none;
}

.hidePc{
	display:block;
}

.fit {max-width:100%;}

#wrapper {
	width:auto;
	min-width:0;
}

#container {
	min-height:0;
}

header {
	padding:11px 15px;
	width:auto;
}

header div {
	width:auto;
}

header div h1 {
	padding-top:0;
	text-align:center;
}

header div nav {
	width:auto;
	float:none;
	display:none;
	position:fixed;
	width:100%;
	top:0;
	left:0;
}

header div nav ul { padding-top:55px; background:#FFF;}

header div nav ul li{
	background:#FFF url(/sp/common/images/arrow_nav.png) no-repeat 95% center;
	background-size:7px auto;
	border-bottom:1px solid #a57c55;
	font-size:14px;
	font-weight:bold;
	float:none;
}

header div nav ul li:first-child {border-top:1px solid #a57c55;}

header div nav ul li a{
	background:url(/sp/common/images/icon_nav.png) no-repeat 10px center;
	background-size:27px auto;
	display:block;
	padding:15px 20px 15px 42px;
	color:#300303;
	text-decoration:none;
}

header div nav ul li.active a, header div nav ul li a:hover{ opacity:1;}

header div nav ul li.active, header div nav ul li:hover {background-color: rgba(255, 255, 255, 1);}

footer .innerBox {
    width: auto;
	padding:0 5px;
}

footer  { padding:15px 0;}

footer div {
	width:auto;
	margin:0 auto !important;
}

#gridBox.spNon {
	width:100% !important;
}

#container .innerBox {
    margin: 0 auto;
    width: 95%;
}

.oreLink {
	background-position: left 0.1em;
	background-size:14px auto;
	font-size: 14px;
}

.nBoxArea {
	width:100%;
	box-sizing:border-box;
	margin:0 auto 25px;
	padding:0 2%;
}

.nBoxArea div {
	overflow:hidden;
}

.nBoxArea div dl {
	width:48%;
	float:none;
	margin-right:0;
	margin-top:15px;
}

.nBoxArea div dl:nth-child(odd) {
	float:left;
}

.nBoxArea div dl:nth-child(even) {
	float:right;
}

.nBoxArea div dl:nth-child(-n+4) {
	margin-top:15px;
}

.nBoxArea div dl:nth-child(-n+2) {
	margin-top:0;
}

.nBoxArea div dl span {
	font-size:11px;
}

.nBoxArea div dt span {
	display:block;
	text-align:center;
}

.nBoxArea div dt em {
	display:block;
	width:100%;
	height:100%;
	background-size:100% auto;
}

.nBoxArea div dt { text-align:center; height:115px; overflow:hidden;}

.nBoxArea div dt  div.nPlayBox { height:auto;}

.nBnrList {
    margin: 0 auto 17px;
    width:auto;
	padding:0 2%;
}

.nBnrList li {
	text-align:center;
	width:48%;
	float:none;
	margin-right:0;
	margin-top:15px;
}

.nBnrList li:nth-child(-n+2) {
	margin-top:0;
}

.nBnrList li:nth-child(odd) {
	float:left;
}

.nBnrList li:nth-child(even) {
	float:right;
}

.nBnrList li:last-child {margin-right:0;}

.nBnrList li img {box-shadow: 2px 2px rgba(0,0,0,0.4);}

.nSnsFooter {
	overflow:hidden;
	float:none;
	text-align:center;
	margin-right:0;
}

.nSnsFooter li {
	float:none;
	display:inline-block;
	margin: 0 10px;
}

.nSnsFooter li:last-child {
	margin-right:0;
}

#nCopy {
	padding-top:20px;
	float:none;
	font-size:11px;
	text-align:center;
}

.nLnkFooter {
	padding-top:20px;
	float:none;
	overflow:hidden;
	display:table;
	width:100%
}

.nLnkFooter li {
	display:table-cell;
	font-size:12px;
	margin-right:0;
	text-align:center;
	float:none;
}

.nLnkFooter a {
    background: rgba(0, 0, 0, 0) url(/common/images/n_arrow_circle.png) no-repeat scroll left 0;
    color: #fff;
    display: inline;
    font-size: 12px;
    padding-left: 16px;
	background-size:12px auto;
}




#menuBtn {
    cursor: pointer;
    display: inline-block;
    height: 27px;
    padding: 15px;
    position: fixed;
    top:0;
	right:0;
    width: 27px;
    z-index: 9999;
}
#menuBtn span, #menuBtn span::before, #menuBtn span::after {
    backface-visibility: hidden;
    background: #8f6432 none repeat scroll 0 0;
    display: block;
    height: 5px;
    transition: all 0.5s ease 0s;
    width: 100%;
}
#menuBtn span {
    margin: 10px 0 0;
    position: relative;
}
#menuBtn span::before, #menuBtn span::after {
    content: "";
    position: absolute;
}
#menuBtn span::before {
    top: -10px;
}
#menuBtn span::after {
    top: 10px;
}
#menuBtn.selected span::before {
    transform: translate(0px, 10px) rotate(-90deg);
}
#menuBtn.selected span::after {
    transform: translate(0px, -10px) rotate(-90deg);
}
#menuBtn.selected span {
    transform: rotate(45deg);
}







.pagenate {
text-align:center;
margin-top: 45px;
}
.pagenate ul {
/*blog.css で ul に margin-left 30px が設定されているため*/
margin-left:0;
}
.pagenate ul li {
list-style-type : none;
display:inline;
background-color:#fff;
}
.pagenate  ul li a {
text-decoration:none;
border:1px solid #fda729;
padding:1px 7px;
color:#fda729;
background:none;
}
.pagenate  ul li a:hover {
background-color:#fda729;
color:#fff;
border:1px solid #fda729;
}
.pagenate  ul li a:visited {
/*必要なら*/
}
.pagenate  ul span {
border:1px solid #fda729;
padding:1px 7px;
background-color:#fda729;
color:#fff;
}

.lowCnt{
	padding:25px 0 40px;
}

.lowCnt .innerBox{
	width:1024px;
	margin:0 auto;
}

.otherTit{
	font-size:18px;
	background:url(/common/images/line_yellow_small.png) repeat-x left bottom;
	padding-bottom:8px;
	padding-right:10px;
	float:left;
	margin-bottom:10px;
}

.otherTit span{
	display:block;
	padding-left:26px;
	background: url(/common/images/pantsu_amall.png) no-repeat left 0.3em;
	background-size:22px auto;
}

.otherEntry{
	clear:both;
}

.otherEntry .mGrid,.otherEntry .sGrid{
	float:none;
	margin-right:0;
	width:100%;
}

.mGrid{
	width: 95%;
	margin: 0 auto 10px;
    box-sizing: border-box;
	position:static !important;
}

.mGrid dl{
	padding:10px;
}

.mGrid dt{
	text-align:center;
}

.mGrid dt img:first-child {
	width:100%;
	height:auto;
}

.mGrid dd{
	color:#999;
	margin-top:5px;
}

.mGrid dd.date{
	font-size:11px;
	text-align:right;
}

.mGrid dd span.title{
	display:table-cell;
	width:240px;
	height:45px;
	vertical-align:middle;
	color:#300303;
	font-weight:bold;
	font-size:16px;
}

.mGrid dd span.more{
	background: url(/common/images/arrow_circle02.gif) no-repeat left 0.1em;
	padding-left:17px;
	background-size:12px auto;
}

.sGrid{
	width:160px;
}

.sGrid:nth-child(odd) {
	left:5px !important;
}

.sGrid:nth-child(even) {
	left:175px !important;
}

.sGrid dl{
	padding:10px;
}

.sGrid dt{
	text-align:center;
}

.sGrid dd{
	color:#999;
	margin-top:5px;
}

.sGrid dd span.title{
	text-align: center;
	display: table-cell;
	width: 240px;
	height: 55px;
	vertical-align: middle;
	color: #300303;
	font-weight: bold;
	font-size: 20px;
}

.sGrid dd span.more{
	background: url(/common/images/arrow_circle02.gif) no-repeat left 0.1em;
	padding-left:17px;
	background-size:12px auto;
}

#modal-content03 dl  dt img, #modal-content02 dl  dt img{
	height:20px;
	width:auto;
}

#modal-content03 > a img, #modal-content02 > a img {
	width:30px;
	height:30px;
}

#modal-close03,#modal-close02 {
    position: absolute;
    right: -9px;
    top: -2px;
}

.nModal ul li {
    float: none;
	text-align:center;
	margin-right:0;
	margin-bottom:15px;
}
.nModal ul:first-child li {
	 float: left;
	 margin-bottom:0x;
}

.nModal ul li:last-child {
	margin-bottom:0;
}

.nModal ul:last-child li {
	margin-bottom:0;
	width:auto;
}

.nModal dl dd table {
	width:100%;
}

.nModal dl dd table tr:first-child {
	display:none;
}

.nModal dl dd table th, .nModal dl dd table td {
	font-size:13px;
	text-align:left;
	vertical-align:middle;
	padding:7px 3px;
}

.nModal dl dd table th { width:22%;}

.nModal dl dd table th.nBroadCat { width:100%;}




/****************************************************

TOP

*****************************************************/


.nTopCnt {
	padding:30px 0 0;
}

#nSlideArea {
	width:100%;
	margin:0 auto 30px;
	overflow: auto;
}

#nSlideArea h2, .nBoxArea h2 {
	text-align:center;
	margin-bottom:15px;
}

.step-number {
	padding:0 0;
	overflow:hidden;
}

.step-number img {
	min-height:230px;
}

.carousel3d-parent {
	overflow:hidden;
}



#nSlideArea dl {
	text-align:center;
	margin-top:20px;
	line-height:1.5;
	overflow:hidden;
}

#nSlideArea dt {font-size:14px;}

#nSlideArea dd {font-size:12px; padding:0 2%; text-align:left;}




/****************************************************

ニュース

*****************************************************/

.newsEntryBox{
	padding:2.5%;
}

	.newsEntryBox img {
		width: 100%;
		height: auto;
	}

.newsEntryBox h1{
	font-size:20px;
	padding-bottom:5px;
	background: url(/common/images/line_pink.gif) repeat-x left bottom;
	margin-bottom:5px;
	background-size:auto 7px;
}

.newsEntryBox h1 span{
	display:block;
	background: url(/common/images/tit_pantsu.gif) no-repeat left 0.2em;
	padding-left:32px;
	background-size:28px auto;
}

.newsEntryDate{
	text-align:right;
	color:#999;
	margin-bottom:10px;
}

.newsTxt{
	margin-top:15px;
	font-size:14px;
	line-height:1.6;
}


.newsImg{
	width:auto;
	margin:0 auto;
	text-align:center;
}





/****************************************************

パンパカパンツとは

*****************************************************/

.profileBox{
	padding:2.5%;
}

.profLeft{
	float:none;
	width:auto;
	margin-bottom:20px;
}

.profLeft p {
	padding-left:0 !important;
	text-align:center !important
}

.profLeft p:last-child {
	width:60%;
	margin:0 auto;
}

.profRight{
	float:none;
	width:auto;

}

.profileBox h1{
	font-size:20px;
	padding-bottom:5px;
	background: url(/common/images/line_pink.gif) repeat-x left bottom;
	margin-bottom:5px;
	background-size:auto 7px;
}

.profileBox h1 span{
	display:block;
	background: url(/common/images/tit_pantsu.gif) no-repeat left 0.2em;
	padding-left:32px;
	background-size:28px auto;
}

.profRight p{
	font-size:14px;
	line-height:1.8;
}

.broadBox{
	padding:0 0 50px;
}

.broadBoxIn{
	width:100%;
	box-sizing:border-box;
	border:3px solid #FFA800;
	margin:0 auto;
	border-radius:10px;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    -o-border-radius:10px;
    -ms-border-radius:10px;
}

.broadBoxIn table{
	border-collapse:collapse;
	width:100%;
}

.broadBoxIn table tr:first-child {
	display:none;
}

.broadBoxIn table th,.broadBoxIn table td{
	padding: 5px 10px;
	text-align:center;
	vertical-align:top;
	line-height:1.3;
	font-size:15px;
	display:block;
}

.broadBoxIn table tr.dot{
	background:url(/common/images/profile/dot_prof.jpg) no-repeat center bottom;
}




/****************************************************

キャラ紹介

*****************************************************/

.charaName{
	background:url(/common/images/line_yellow.jpg) repeat-x left bottom;
	background-size:auto 8px;
}

.charaBox{
	padding:2.5% 2.5% 5%;
}

.charaLeft{
	float:none;
	width:228px;
	height:205px;
	background:url(/common/images/character/bg_chara.png) no-repeat;
	background-size:auto 205px;
	margin:0 auto 25px;
}

.charaLeft p{
	display:table-cell;
	width:228px;
	height:205px;
	text-align:center;
	vertical-align:middle;
}

.charaLeft p img {
	width:138px;
}

.charaRight{
	float:none;
	width:auto;
}

.charaBox h1{
	font-size:20px;
	float: none;
	padding-right:0;
	text-align:center;
	margin-bottom:15px;
}

.charaBox h1 span{
	background:url(/common/images/line_yellow.jpg) repeat-x left bottom;
	background-size:auto 8px;
}

.charaBox h1 span em{
	font-size:17px;
	font-style:normal;
}

.charaRight table{
	font-weight:bold;
	font-size:16px;
	clear:both;
	border-collapse:collapse;
	margin-bottom:15px;
}

.charaRight table th,.charaRight table td{
	padding-bottom:10px;
}

.charaRight table th{
	background:url(/common/images/colon.jpg) no-repeat right 0.2em;
	width:80px;
	text-align:left;
	vertical-align:top;
}

.charaRight table td{
	padding-left:10px;
}

.charaRight p{
	font-size:14px;
	line-height:1.8;
	text-align:center;
}

.otherEntry .sGrid dd {
	text-align:center;
	margin:15px 0 20px;
}

.otherEntry .sGrid dd:last-child {
	margin:0;
}

.otherEntry .sGrid dd span.title{
	display: block;
	width: auto;
	height:auto;
	color: #300303;
	font-weight: bold;
	font-size: 17px;
}




/****************************************************

動画

*****************************************************/

.movieBox{
	padding:2.5%;
}

.movieLeft{
	float: none;
	width: auto;
	margin-bottom:20px;
}

.movieRight{
	float:none;
	width: auto;
}

.movieRight h1{
	font-size:20px;
	float:left;
	padding-right:0;
	margin-bottom:15px;
}

.movieRight h1 span{
	background:url(/common/images/line_yellow.jpg) repeat-x left bottom;
	background-size: auto 8px;
}


.movieRight p{
	clear:both;
	font-size:14px;
	line-height:1.8;
}

.gallery-wrap {
	margin: 0 auto;
	overflow: hidden;
	width: 100%;
	position:relative;
}
.gallery { position: relative; left: 0; top: 0; }
.gallery__item { float: left; list-style: none;}
.gallery__img { display: block; }

.gallery__controls {
	position:absolute;
	z-index:10;
	top:0;
	left:0;
	width:100%;
}
.gallery__controls-prev { cursor: pointer; float: left; }
.gallery__controls-next { cursor: pointer; float: right; }

.dlBox{
	padding:0 45px 35px;
}

.dlBox h2{
	margin-bottom:15px;
}

.dlBox dt,.dlBox dd{
	float:left;
	margin-right:20px;
}

.playBtnL {
	position:absolute;
	left:42%;
	top:36%;
	width:50px;
	height: auto;
}



/****************************************************

アプリ

*****************************************************/

.appTxt{
	font-size:16px;
	color:#300303 !important;
}

.appBtn{
	width: 250px;
	padding-bottom:20px;
}

.lineBtn{
	width: 160px;
	margin:0 auto;
	text-align:center;
	padding-bottom:20px;
}

.lineBtn a{
	display:block;
	background:url(/common/images/app/btn_line.jpg) no-repeat;
	height:38px;
	line-height:38px;
	padding-left:38px;
	font-size:16px;
	font-weight:bold;
}

.lineBtn a:hover{
	color:#300303;
}

.linkTxtBtn{
	color:#FFF;
	width: 250px;
	margin:0 auto;
	padding-bottom:20px;
}

.linkTxtBtn a{
	color:#FFF;
	display:block;
	padding:15px 10px;
	text-align:center;
	background:#2B2B2B;
	border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

.linkTxtBtn a:hover{
	color:#FFF;
}







/****************************************************

グッズ

*****************************************************/

.goodsTxt{
	font-size:16px;
	color:#300303 !important;
	margin-top:15px !important;
}

.goodsPrice{
	font-size:16px;
	color:#300303 !important;
	font-weight:bold;
	text-align:center;
}

.goodsNav{
	width:auto;
	margin:0 auto 15px;
	padding-left:0;
	border-left: 1px solid #300303;
	border-bottom: 1px solid #300303;
	border-top: 1px solid #300303;
	background:#FFF;
}

.goodsNav li{
	border-right: 1px solid #300303;
	border-bottom: 1px solid #300303;
	width:50%;
	font-weight:bold;
	font-size:15px;
	float:left;
	margin-right:0;
	box-sizing: border-box;
	text-align:center;
}

.goodsNav li:last-child{
	border-bottom: none;
}

.goodsNav li:nth-last-child(2){
	border-bottom: none;
}

.goodsNav li a{
	display:block;
	padding:10px 5px;
	color:#300303;
	text-decoration:none;
}

.goodsNav li a:hover{
	color:#FF5F00;
	text-decoration:underline;
}

.goodsNav li.on a{
	padding:10px 5px;
	font-size:15px;
	color:#FF5F00;
	text-decoration:none;
	background:none;
}





/****************************************************

英語・中国語ページ

*****************************************************/

.foreignBox{
	padding:50px 0 30px;
	width:950px;
	margin:0 auto;
	overflow:visivle;
}

.foreignBox ul{
	width:960px;
	overflow:visible;
}

.foreignBox ul li{
	float:left;
	width:310px;
	padding:25px 0;
	margin-right:10px;
}

.foreignBox ul li dl{
	width:260px;
	margin:0 auto;
}

.foreignBox ul li dl dt{
	text-align:center;
	margin-bottom:15px;
}

.foreignBox ul li dl dd{
	font-size:18px;
}

.foreignBox ul li dl dd.fName{
	font-weight:bold;
	font-size:25px;
	margin-bottom:10px;
}

.foreignBox ul li dl dd.fName span{
	display:table-cell;
	width:260px;
	height:65px;
	vertical-align:middle;
	text-align:center;
}





/****************************************************

お問い合わせ

*****************************************************/

.contactBox{
	padding: 2.5%;
	width:auto;
	margin:0 auto;
	min-height:0;
}

.contactBox h1{
	font-size:20px;
	padding-bottom:5px;
	background: url(/common/images/line_pink.gif) repeat-x left bottom;
	margin-bottom:15px;
	background-size: auto 7px;
}

.contactBox h1 span{
	display:block;
	background: url(/common/images/tit_pantsu.gif) no-repeat left 0.1em;
	padding-left:32px;
	background-size:28px auto;
}

.contactBox p{
	font-size:14px;
	margin-bottom:30px;
	line-height:1.7;
	text-align:left;
}

.contactBox dl{
	clear:both;
}

.contactBox dt{
	font-weight:bold;
	font-size:18px;
	margin-top:20px;
}

.contactBox dt:first-child{
	margin-top:0;
}

.contactBox dd{
	margin-top:10px;
}

.intTxt {
    width: 100%;
	box-sizing:border-box;
}

.intArea {
    height: 250px;
    width: 100%;
	box-sizing:border-box;
}
.intTxt, .intArea, .intSelect {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #222222;
    font-size: 16px;
    padding: 10px 5px;
}

.formBtn{
	margin-top:20px;
}

.intBtn {
    background: none repeat scroll 0 0 #fda829;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 16px;
    padding: 10px 0;
	width:200px;
	margin:0 auto;
	display:block;
}

.confirm dd {
    border: 1px solid #CCCCCC;
    color: #222222;
    font-size: 16px;
    padding: 10px 5px;
    width: 100%;
	box-sizing:border-box;
}

.return .intBtn {
    background: none repeat scroll 0 0 #999999 !important;
}

.return {
    float: none;
    margin-bottom: 0;
    margin-right: 0;
}

.send {
    float:none;
}

.confirmArea{
	width:100%;
	margin:0 auto;
}





/****************************************************

てれび情報

*****************************************************/

.tvMainBox{
	padding:20px 30px;
}

.tvMainBox h1 {
    background: url("/common/images/line_pink.gif") repeat-x scroll left bottom rgba(0, 0, 0, 0);
    font-size: 20px;
    margin-bottom: 15px;
    padding-bottom: 5px;
}
.tvMainBox h1 span {
    background: url("/common/images/tit_pantsu.gif") no-repeat scroll left 0.1em rgba(0, 0, 0, 0);
    display: block;
    padding-left: 32px;
	background-size:28px auto;
}

.tvStory{
	padding:20px 30px;
	font-size:14px;
	line-height:1.8;
}

.otherTv{
	width:auto;
}

.otherTv .mGrid{
	width: 95% !important;
	margin: 0 auto 10px;
    box-sizing: border-box;
	position:static !important;
}

.otherTv02 .mGrid{
	width:346px !important;
}

.otherTv02 .mGrid dd span.title{
	font-size:18px !important;
	width:306px;
	height:55px;
}

.tvBox {
    padding: 25px 50px 35px;
}

.tvLeft{
	float:left;
	width:511px;
}

.tvRight{
	float:right;
	width:380px;
	font-size:14px;
	line-height:1.8;
}

.tvRight a{
	text-decoration:underline;
}

.tvRight a:hover{
	text-decoration:none;
}

.tvBox h1{
	font-size:35px;
	margin-bottom:20px;
	line-height:1.3;
}

.tvBox h1 span {
    background: url("/common/images/line_yellow.jpg") repeat-x scroll left bottom rgba(0, 0, 0, 0);
}

.bnrTv{
	width: auto;;
	margin:0 auto 40px;
}

.nTvLink {
	font-size:14px;
	background:#ccc;
}

.nTvLink ul {
	width:100%;
	overflow:hidden;
	margin:0 auto;
	display:table;
}

.nTvLink ul li {
	width:33%;
	float:none;
	text-align:center;
	vertical-align:middle;
	display:table-cell;
}

.nTvLink ul li  a {
	display:block;
	padding:10px;
	width:100%;
	margin:0 auto;
}

.nTvLink ul li.active a, .nTvLink ul li a:hover {
	background:#999;
	color: #42210b;
}

.nTvArea .nBoxArea {
	padding-top:20px;
}

.nTvArea h2,.nTvArea h3 {
	text-align:center;
	margin-bottom:20px;
}

.nTvArea h2 img {
	width:200px;
}

.nTvPlay {
	text-align:center;
	margin-bottom:35px;
}

.nTvInfo {
	width:auto;
	margin:0 auto 25;
	font-size:17px;
	padding:0 2%
}

.nTvInfo dl:last-child {
	background:url(/common/images/n_dot.png) repeat-x center top;
	padding-top:20px;
	margin-top:20px;
}

.nTvInfo dt {
	font-weight:bold;
	font-size:15px;
	margin-bottom:10px;
}

.nTvInfo dd {
	display:table;
	width:100%;
}

.nTvInfo dd span {
	display:table-cell;
	width:33.33%;
	font-size:13px;
}


.nHostInfo {
	margin-bottom:50px;
}

.nHostInfo .nBnrList {
	margin-bottom:40px;
}

.nHostInfo p:last-child {
	width:60%;
	margin:0 auto;
}

#modal-content p:last-child img {
	height:30px;
	width:auto;
}

input[type="submit"], input[type="button"] {
   -webkit-appearance: none;
   border-radius: 0;
}

.otherTv .mGrid dt {
    height: 165px !important;
    overflow: hidden;
}

.nPlay {
	margin-left:-20px;
	margin-bottom:-20px;
	width:40px;
	height:40px;
}

.nPlayL {
	margin-left:-30px;
	margin-bottom:-30px;
	width:60px;
	height:60px;
}







/****************************************************

映画情報、コラボ実績

*****************************************************/

.nEntryBox {
	width: auto;
	padding:15px 0 30px;
}

.nEntryBox  h2, .nEntryBox  h3 {
	margin-bottom:15px;
	font-size:15px;
}

.nEntryBox  h2:before, .nEntryBox  h3:before {
	content:" ";
 display:inline-block;
 width:25px;
 height:15px;
 background:url(/common/images/n_icon_boo.png) no-repeat;
 background-size:25px auto;
}

.nEntryMainImg {margin-bottom:35px;}

.nEntryMov {
	width:90%;
	text-align:center;
	margin:0 auto 35px;
}

.nPlayM{
	width:42px;
	margin-left:-21px;
	margin-bottom:-21px;
}

.nEntryStory, .nEntryPlay {
	font-size:13px;
	line-height:1.5;
	width:96%;
}

.nEntryStory {margin-bottom:20px;}

.nPageBtn {margin-top:30px;}

.nPageBtn img {
	width:200px;
	height:auto;
}







}