@charset "UTF-8";

@media screen and (min-width: 768px) {
#mh #sideBar #sideMenu dd{display:block!important}
}

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

body{background-image:url(../img/common/headBg_smp.jpg)}

div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fildset,input,textarea,p,blockquote,table,th,td,address{font-size:24px}

img.smp,
br.smp{display:inline}

img.pc,
br.pc{display:none}

br.pc,
img.smp + img{display:none}

div.smp, ul.smp{display:block}
div.pc, ul.pc {display:none}

#warperInner{
    max-width:640px;
    padding-bottom:0!important;
}

#main{width:640px}

/****************head****************/

#headLogoArea{
background:url(../img/common/headBg_smp.jpg) repeat-x;
height:70px}

#headLogoArea #headLogo{background-image:url(../img/common/headBg_smp.jpg)}

#headLogoArea img{height:auto}

#smpMenu{
background:url(../img/common/menuBtn.png) no-repeat 0 0;
display:block;
height:70px;
text-indent:-10000px;
position:fixed;
top:0;
right:0;
width:70px;
z-index:60}

#menuArea{
position:absolute;
top:70px;
left:0;
text-align:left;
width:100%;
z-index:40}

#menuArea dt{
    background:url("../img/common/ico_arrowDown.png") no-repeat 95% 50% #000000;
    border-bottom:1px solid #FFFFFF;
    font-size:120%;
    padding:12px 20px;
    text-align: center;
}

#menuArea dt:first-child {
    background: none #000000;
}

#menuArea dt.c,
#menuArea dt.current{background-image:url("../img/common/ico_arrowUp.png")}

#menuArea dd{display:none}

#menuArea dt.current + dd{display:block}

#menuArea dd ul li{
    background: url('../img/common/bg_spSubMenu.png') repeat-x;
    background-size: auto 100%;
    border-bottom:1px solid #FFFFFF;
    padding:12px 20px 12px 40px; padding:12px 0px 12px 0px;
    text-align: center;
}

#menuArea dd ul li a{
    color:#333;
    font-size:110%;
    text-decoration:none;
    display: block;
    text-align: center;
}

#headMenu {
    padding: 75px 0 10px;
}

#headMenu li {
    width: auto;
}



/****************top****************/

#index #headInner ul li a { position:static; top:0%; }

#index p.date img { width:100%; }

#tweetArea ul li,
#tweetArea ul li:nth-child(2n) {
	width: 100%;
	margin: 0 auto;
	float: none;
}

.tvcm #cmheadMenu { display:none; }
.tvcm #headMenu { padding: 75px 0 10px; }
/*.tvcm #cmheadMenu { padding: 6.0% 0 1%; }*/

.tokuhou .cmbox01 { background:url(../img/index/img_cmbox01_sp.png) no-repeat 0 0; background-size:100% auto; padding-bottom:3%; }
.tokuhou .cmbox01 .inner { padding:11% 0 2%; width:95%; }
.tokuhou .inner p.title2 { margin:0% auto 0; font-size:18px; }
.tokuhou .cmbox01 ul { width:97%!important; margin:1.5% auto 0; }
.tokuhou .cmbox01 ul li { padding:2.2% 0; }
.tokuhou .cmbox01 ul li p:first-child { margin-left:2%; width:45%; }
.tokuhou .cmbox01 ul li p:last-child { width:50%; }
.tokuhou .cmbox01 ul li p:last-child img { padding-top:1%; }

/****************foot****************/

#map ul.bannerBlock li.fleft {
	width:88%; float:none; margin:0% auto 2%;
}
#map ul.bannerBlock li.fright {
	width:88%; float:none; margin:0% auto;
}

#footFollowArea {
    /*position: fixed;*/
    z-index: 20;
    background-color: #000000;
}


#footFollowArea.landscape{
position:relative!important;
bottom:auto!important;
left:auto!important}

#footFollowArea ul.socialArea{
display:table;
width:100%; width:90%; }

#footFollowArea ul.socialArea li{
display:table-cell;
margin:0}

#footFollowArea {
    background-color: #000000;
}

/*#footFollowArea ul.socialArea li.fb{background:#00AEEF}
#footFollowArea ul.socialArea li.tw{background:#4C6AA8}
#footFollowArea ul.socialArea li.ln{background:#00C200}*/

#footFollowArea ul.socialArea li a{
display:block;
padding:30px 0}

#footFollowArea #footSlide{
    background:#000;
    height:119px;
    display:block;
    overflow:hidden;
    margin:0 auto;
    padding:0 29px 0 30px; 
    position:relative;
}

.tvcm #footFollowArea #footSlide { padding: 0 29px 0 60px; }

#footFollowArea #footSlide ul.slides li{
border-right:1px dotted #666;
float:left}

#footFollowArea #footSlide .flex-control-nav{display:none}

#footFollowArea #footSlide .flex-direction-nav a{
    background-color: #000000;
    height:119px;
    margin:0;
    top:0;
    text-indent:-10000px;
    text-align:left;
    width:35px
}


#footFollowArea #footSlide .flex-direction-nav a.flex-prev {
    background:url("../img/common/ico_spMenuCaqrouselArrowLeft.png") left center no-repeat;
    left:0;
}

#footFollowArea #footSlide .flex-direction-nav a.flex-next{
    background:url("../img/common/ico_spMenuCaqrouselArrowRight.png") right center no-repeat;
    right:-1px;
}

#footFollowArea ul.socialArea{margin:0 auto}

#footFollowArea .pageTop{display:none}

#foot {
    background:#000000;
    min-width:640px;
    margin:0 auto;
}

#footLinkArea {
    width: 100%;
    min-width: 0; 
}

body#bh #footLinkArea ul li:nth-child(5),
body#bh #footLinkArea ul li:nth-child(6),
body#bh #footLinkArea ul li:last-child,

body#mh #footLinkArea ul li:nth-child(5),
body#mh #footLinkArea ul li:nth-child(6),
body#mh #footLinkArea ul li:last-child,

body#ev #footLinkArea ul li:nth-child(5),
body#ev #footLinkArea ul li:nth-child(6),
body#ev #footLinkArea ul li:last-child,

body#sk #footLinkArea ul li:nth-child(5),
body#sk #footLinkArea ul li:nth-child(6),
body#sk #footLinkArea ul li:last-child {
	border-bottom: none;
}

#footLinkArea > div {
    background: none;
    background-color: #f0f0f0;
    width: 100%;
    padding: 0;
}

#footLinkArea ul {
    width: 100%;
    margin: 0 auto; letter-spacing: -.40em;
}
:root #footLinkArea ul { font-size: 0; }

#footLinkArea ul li {
    display: inline-block; 
    margin: 0%;
    border-left: 1px solid #d1d1d1;
    padding: 1.9%;
    width: 20%;
    float: none;
    border-bottom: 1px solid #d1d1d1;
}

#footLinkArea ul li a {
}

#footLinkArea ul li:first-child {
    border-left: none;
}

#footLinkArea ul li:nth-child(5) {
    border-left: none;
}

#footLinkArea ul li:last-child {
    width: 24%;
}


#preFooter {
    padding: 3% 5%;
}

#preFooter .smp.mb {
    display: block;
    margin: 0 auto 3% auto;
}

#preFooter .pc.mb {
    display: none;
}

/****************main****************/

#main{;width:640px}

#main p{background:url(../img/common/fitBg.png) no-repeat 0 0}

ul.socialArea{
margin:0 auto 40px;
text-align:center}

ul.socialArea li.ln{display:inline}

ul.socialArea li img{
height:auto;width:auto
   /* height: 50%;
    width: 50%;*/
}

#cont{
    padding:30px 20px 0;
    width:600px;
}

#main{width:600px}

#sideBar{display:none}

#boxPart {
    width: 100%;
}

.remodal {
	padding:25px;
}


.remodal p.title  {
	font-size:20px;
}
.remodal dt {
	font-size:18px;
}
.remodal dd, .remodal p {
	font-size:16px;
}

.onlySp {
	text-align:center!important;
}/*
.common .close {
	margin:5% auto 2%;
}
.common .remodal-close {
    top:32px!important;
    right:25px!important;
}
*/



/***********************index***********************/

#index #headInner ul li {
    display: block;
    width: 100%;
    background: none;
    padding: 0;
}

#index #main{width:600px}
#campaignInfo ul { width:85%; }
#campaignInfo ul li { font-size:16px!important; }

#cate #head{padding:155px 0 0}

#index .youtube {
	width: 100%;
	padding-top: 56.25%;
}

/*********************** Monster Hunter ***********************/

#mh #warperInner {
}

#paperWrapperInner {
    margin: 0 auto;
}

#paperWrapperInnerbtn {
    margin: 0 auto;
}

#paperWrapper {
    background-position: -18px top;
}

#mh #infoAreaTtl {
    width: 66%;
}



#mh #main .sectionH2 h2{padding:30px}

#mh #main .sectionH2 h2 img{height:auto}

#mh #main .sectionH2 .h2cont{margin:0}

#mh #main .sectionH2 .h2cont .pict{
float:none;
margin:0 0 30px;
width:600px}


#mh .twitterVideo .fleft {
	width:100%!important;
	float:none!important;
	margin:0 auto!important;
}
#mh .twitterVideo #twitter-widget-0 {
	width:400px!important;
	margin:2% auto 0!important;
	float:none!important;
}

#mh .modal_inner { margin-top:7%; }

#mh .remodal-close {
    top:2.5%!important;
    right: 5.5%!important;
}



/*********************** Evangelion ***********************/

#ev .twitterVideo ul { margin:4% 4%!important; }
.twitterVideo li,.twitterVideo li a { font-size:16px!important; }

#ev .remodal dl:nth-of-type(2) dt {
	font-size:16px;
	background-size:5% auto!important;
	padding:1% 0 1% 7%;
}
#ev .remodal-close, #index .remodal-close {
    top:2.5%!important;
    right: 5.5%!important;
}
#ev .twitterVideo iframe#twitter-widget-0 { 
	width:450px!important; margin-left:5%!important;
}


/*********************** Bio Hazard ***********************/

#bh .bg_modal ol li { font-size:16px; /*background-position:top left!important;*/ }
#bh .bg_modal ul li { font-size:16px; /*background-position:top left!important; padding-top:0!important;*/ }



#bh .remodal-close {
    top:2.5%!important;
    right: 5.5%!important;
}

#bh #map a.express {
    width: 70% !important;
}

#bh #map .bannerBlock {
    margin: 2% auto;
}
#bh #mainVisual p.copy {
    margin-bottom: 0;
    font-size: 15px;
} 


/*********************** Shingeki no kyojin ***********************/

#sk #part02 .textBlock p {
    font-size: 14px;
}

#sk #modal p, #sk #modal ul li, #modal ul li span {
    color: #FFFFFF;
    line-height: 1.4;
    font-size: 14px;
    text-align: left;
}

#sk #modal .point:before {
    font-size: 14px;
}

#sk #modal .innerPopup {
    padding: 2% 9%;
}

#sk #modal .copywrite {
    font-size: 9px;
}

#sk #part04, #sk #part02, #sk #part05, #sk #part06 {
    margin-left: -6%;
}

#sk #part02 .absolute {
    font-size: 14px;
    top: 23%;
}









}