@charset "UTF-8";
/* CSS Document */
/*-/*-------------------------------------------------------------------
 01) base
-------------------------------------------------------------------*/
.pc .contents_pc{
	display: block !important;
}
.pc  .contents_sp{
	display: none !important;
}
html{
    font-size: 62.5%;
	min-height: 100%;
    position: relative;
	}
body{
	background-image:url(../img/back.png);
	font-weight:500;
    line-height: 1.8;
    color: #4d4d4d;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
	margin:0; 
	padding:0; 
	font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
	/*margin-bottom: 5em;*/
}
a{
    color: #555;
    text-decoration: underline;
}
a:hover img{
    text-decoration: none;
	opacity: 0.7;
  　filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}
#wrapper{
    overflow: hidden;
	margin:0 auto;
    position: relative;
	background-size:contain;
	font-size:1.75em !important;
}
#wrapper_top{
    overflow: hidden;
	margin:0 auto;
	background-size:contain;
	font-size:1.75em !important;
    margin: auto;
    height: 800px;
}
img {
width:100%;
height: auto;
}
table {
	width:100%;
}

table tr th{
	align:center;
}
table tr td{
	align:center;
}
.main{
	z-index:1;
}
.wrap {
	overflow: hidden;
}
/*----------------Responsive　CSS----------------*/
.pc #wrapper{
	/*-max-width:960px;
	min-width:320px;-*/
	width:960px;

}
.pc #wrapper_top{
	/*-max-width:1200px;
	min-width:320px;-*/
	width:1200px;
	margin-top:5%;
	margin-bottom:5%;
}
@-moz-document url-prefix()  {
	.pc #wrapper_top{
		width:1200px;
	}
}

/*-------------------------------------------------------------------
toppage
-------------------------------------------------------------------*/
.lace{
	height:80px;
	background-image:url(../img/lace.png);
	background-repeat: repeat-x;
	background-position:top;
}
.pc .top_contents{


}
.pc .top_main{
	width:60%;
	float: left;
	background-image:url(../img/mewback_top.png);
	background-size:100%;
}
.pc .top_nav{
	width:20%;
	float: left;
}
.pc .top_nav a:hover img{
	opacity: 1.0;
}
.top_nav ul{
  -webkit-padding-start:0;
  padding-top:50px;
}
.top_nav li{
	list-style-type: none;
	margin-bottom:150px;
}
.pc .top_mew{
	margin-top:-60px;
	cursor: pointer;
}
.top_mew a:hover img{
	opacity: 1.0;
}
/*-------------------------------------------------------------------
top キラキラ
-------------------------------------------------------------------*/
#kirakira {
	position: absolute;
}
#kirakira2 {
	position: absolute;
}
#goods,
#calemder,
#movie,
#story{
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}
#goods .nav {
	background:url(../img/buttun_goods.png) no-repeat 0 0;
	height:212px;
	display: block;
}
#calemder .nav {
	background:url(../img/buttun_calendar.png) no-repeat 0 0;
	height:212px;
	display: block;
}
#movie .nav2 {
	background:url(../img/buttun_movie.png) no-repeat 0 0;
	height:212px;
	display: block;
}
#story .nav2 {
	background:url(../img/buttun_story.png) no-repeat 0 0;
	height:212px;
	display: block;
}
#kirakira {
	top: 50; left: 0;
	width: 225px;
	height: 212px;
	background: url(../img/kirakira.png) 0 0;
}
#kirakira2 {
	top: 50; left:150;
	width: 225px;
	height: 212px;
	background: url(../img/kirakira.png) 0 0;
}
/*-------------------------------------------------------------------
FireFox対応
-------------------------------------------------------------------*/
@-moz-document url-prefix() {
	#kirakira {
		margin-left:20px;
}
}

/*-------------------------------------------------------------------
contents
-------------------------------------------------------------------*/
.pc .contents{
	margin-bottom:80px;
	position:relative;
	z-index:50;
 }
.pc .contents img{
	width:100%;
}
.pc .main_image {
    float: left;
    width: 57%;
}
.pc .calendar {
    float: right;
    width: 43%;
}
.pc .top_nav img{
	width:240px;
}
.pc .st_menu img{
	width:302px;
}
.pc .backnumber{
	margin-left:25px;
}
.pc .backnumber img{
	width:302px;
}
.backnumber div{
	float:left;
}
.pc .backnumber_title{
	width:100%;
	text-align:center;
	margin-left:-20px;
}
.pc .footer_menu{
	max-width:1200px;
	min-width:320px;
	margin: 0 auto;  
    text-align: left;
	position:relative;
	z-index:100;
	
}
.pc .footer_menu li{
	list-style-type: none;
	float:left;
}
.pc .st_menu{
	margin-bottom:20px;
	z-index:100;
	text-align:center;
}

.pc .charapage img{
	width:302px;
}
.pc .story_buttun{
	text-align:center;
}
.pc .story_buttun img {
	width:302px;
}

/*-------------------------------------------------------------------
footer
-------------------------------------------------------------------*/
footer{
	background-color:#f9dbe8;
	background-image:url(../img/footer_back.png);
	background-repeat:repeat-x;
	clear:both;
	font-size:12px;
	color:#999999;
    bottom: 0;
    height: 130px;
    width:100%;
    /*-position: absolute;---*/
}
footer .footer{
	margin:0 auto;
	max-width:960px;
	min-width:320px;
}
.pc footer img{
	width:130px;
	float:left;
	margin-top:40px;
}
.pc footer .copyright{
	text-align:right;
	margin-right:30px;
	margin-top:30px;
}
.footer_menu_nav{
	display: table;
	margin: auto;
}

/*-------------------------------------------------------------------
Responsive　CSS
-------------------------------------------------------------------*/
/*----@media screen and (min-width: 700px) {
.pc .contents_pc{
	display: block !important;
}
.pc .contents_sp{
	display: none !important;
}
.pc .main_image{
	float:left;
	width:57%;
}
.pc .calendar{
	float:right;
	width:43%;
}
.pc .backnumber{
	width:95%;
}
.pc .backnumber img{
	width:100%;
}
.pc .backnumber table tr th img{
	width:300px;
}
}
@media screen and (max-width: 700px) {
   /* 表示領域が678px以下の場合に適用するスタイル */
/*-------------------------------------------------------------------
title
-------------------------------------------------------------------*/
/*----.pc .contents_pc{
	display: none !important;
}
.pc .contents_sp{
	display: block !important;
}
.sphone .contents_pc{
	display: none !important;
}
.sphone  .contents_sp{
	display: block !important;
}

/*-------------------------------------------------------------------
contents
-------------------------------------------------------------------*/
/*----.pc .main_image{
	width:100%;
}
.pc .backnumber{
	margin-top:-100px;
	width:90%;
}
.pc .backnumber img{
	width:100%;
}
.pc .backnumber table tr th img{
	width:300px;
}
.pc .calendar{
	width:100%;
	margin-bottom:50px;
}
.pc .charapage{
	margin-top:50px;
}
.pc #wrapper_top{
 height: 100%;
 margin-top:8%;
 margin-bottom:8%;
}
.pc .top_main{
	width:100%;
	clear:both;
	background-image:url(../img/mewback_top.png);
	background-size:100%;
	padding-top:-30px;
}
.top_contents{

}
.pc .top_nav{
	width:100%;
	clear:both;
	margin-left:10%;
	margin-top:-20%;
}
.pc .top_nav img{
	width:140px;
}
.pc li{
	margin-bottom:-30px;
	float:left;
}
.pc .footer_menu{
	max-width:500px;
	margin-bottom:0px;
}
.footer_menu_nav{
	display: table;
	margin: auto;
}
.footer_menu_nav li{
	padding-left:12%;
}
}
@media screen and (max-width: 375px) {
	html{
	background-size:200%;
}
.pc .top_nav{
	margin-left:0;
}
.pc li{
	width:50%;
	margin-bottom:10px;
	
}
.pc .footer_menu div img{
	width:200px;
}

}
/*-------------------------------------------------------------------
FireFox対応
-------------------------------------------------------------------*/