@charset "utf-8";
#mobile-head{
	display:none}
@media(max-width:600px) {
.search{padding: 10px;}
	.search #___gcse_0 {
    width: 100%;
}
}

div#wrapper{
	border-top:10px solid #265fb0}

div#content_inner {
	position:relative;
    margin: 0px auto;
    width: 980px;
	border-right:1px solid #DDD;
}

div#content_inner .social{
	position:absolute;
	bottom:30px;
	right:15px;}

#mainContent{
	padding-left: 265px;
	padding-right:20px;
	left: 0px;
	text-align:center;
	min-height:1200px}

#Log-in #mainContent{
	padding-left: 0;
	padding-right:0;
	min-height:800px}
 
/*common*/
#mainContent .mainBody{
	width:664px;
	margin: auto;
	text-align:left;
	padding-bottom:110px;}

.article{
	margin:0 20px 40px;
	box-sizing: border-box;
min-height: 800px;}

.article p{
	font-size:115%;
	margin-bottom:1em;
	letter-spacing: normal;}

.article p a.more{
	 padding-top:10px;
	 padding-bottom:10px;
	 text-align:center;
	 border:1px solid #CCC;
	 background-color:#EFEFEF;
	 margin:auto;
	 width:400px;
	 display:block}

.article p a.more:hover{
	 transition: 0.1s;
	background-color:#fbde6a;}

.text-center{
	text-align: center!important
}

.table-wrap{
	overflow-x: scroll;
}

table{
	width: 100%
}
table td{
	vertical-align: top;
	font-size:115%;
	line-height: 160%;
	margin-bottom:1em;
	letter-spacing: normal;}

span.date{
	display:inline-block;
	margin-left:5px;
	color:#949494;
	font-size:0.9em;}

table.bace{
	border-collapse: collapse;
border: 1px solid rgba(0,121,194,.35);
width: 100%;
border-collapse: collapse;
text-align: left;
line-height: 1.5;
background-color: #FFF;
margin-bottom: 30px;		
	}
table.bace th{
	text-align: center
}
table.bace th,table.bace td {
  padding: 5px;
  vertical-align: middle;
	text-align: center;
  border: 1px solid #ddd;
}
#mainContent .mainBody{
	padding-top:40px}

#mainContent .mainBody h1{
	color: #1B4E81;
	margin-bottom:20px;}

#mainContent .mainBody h2{
	font-size:125%;
	border-bottom:3px solid #D6E4F7;
	padding:5px;
	margin-bottom:20px}

#mainContent .mainBody h2.year{
	border-top: 3px solid #D6E4F7;
border-bottom: none;}

#mainContent .mainBody .shahouWrap h2{
	margin-bottom:50px}

#mainContent .mainBody h4{
	font-size:135%;
	padding:5px;
	margin-bottom:20px}

dl.dl-list {
	margin-bottom: 20px;
}
dl.dl-list dd {
	margin-left: 20px;
}


/*集まりました*/
#mainContent .mainBody .section-wrap h2{
	padding-top: 0;
}
#mainContent .mainBody .section-wrap{
	margin-bottom: 40px;
}

#mainContent .mainBody>h2{
	margin: 0px 20px 20px;}

#mainContent .mainBody h2 span{
	text-align:right;
	font-size:90%;
}

#mainContent .mainBody h3{
	font-size:100%;
	margin-bottom:1em;
}

#mainContent .mainBody .article h3{
	font-size:120%;	}


#mainContent .mainBody .article h4{
	line-height: 2;
	font-size:1.2em;
	margin-bottom: 1em;}

#mainContent .mainBody ul{
	text-align:left;
	}

/*#mainContent .mainBody ul li{
	font-size:125%;
	line-height:180%;
	padding:10px 5px}*/

#mainContent .mainBody ul.infoList	{
	margin-bottom:30px}

#mainContent .mainBody ul li{
	font-size:125%;
	/*line-height:180%;*/
    position: relative;
    display: block;
    padding: 0.5em 0 0.5em 2em;
}


#mainContent .mainBody ul.infoList.top li{	
display: none;
}
#mainContent .mainBody ul.infoList.top li:nth-child(-n+30){	/* ←最新の記事の表示 */
display: block;
}

#mainContent .mainBody ul.infoList li::before,
#mainContent .mainBody ul li.icon-right::before {
    position: absolute;
    top: 1.8em;
    left: 0.8em;
    display: block;
    width: 0.8em;
    height: 0.8em;
    background-color: #333;
    content: "";
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
	font-size:60%;
}
body.Top #mainContent .mainBody ul.info-top li::before,
body.Top #mainContent .mainBody ul li.icon-info::before {
    position: absolute;
    top: 1.8em;
    left: 0.8em;
    display: block;
    width: 0.8em;
    height: 0.8em;
    background-color: #FFF;
	border: 1px solid #333;
    content: "";
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
	font-size:60%;
}

#mainContent .mainBody ul.archiveList{
	margin-bottom: 30px;
}
#mainContent .mainBody ul.archiveList li{
	font-size:125%;
    padding: 0.75em 0 0.75em 1.2em;
}

ul.archiveList li:before {
    position: absolute;
    top: 1.25em;
    left: 0;
    margin: auto;
    content: "";
    width: 7px;
    height: 7px;
    border-top: 2px solid #265FB0;
    border-right: 2px solid #265FB0;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
#mainContent .mainBody ul li:hover{
	transition: 1s;
	background-color:#fbde6a;}

#mainContent .mainBody ul li span.boder{
	display: inline-block;
	border: 1px solid #16387c;
	padding: 3px;
	line-height: 1em;
	font-size: .8em;
}
/*途中
#mainContent .mainBody ul.infoList li:nth-child(-n+5) a:after{
	background-color: SkyBlue;
	display: inline-block;
	contents:'New';
	border: 1px solid #c00;
	padding: 2px 3px;
	line-height: 1em;
	font-size: .7em;
	color: #c00;
	margin-right: .5em;
	margin-left: .5em;
}
途中*/

#mainContent .mainBody ul li span.new {
	display: inline-block;
	border: 1px solid #c00;
	padding: 2px 3px;
	line-height: 1em;
	font-size: .7em;
	color: #c00;
	margin-right: .5em;
	margin-left: .5em;
}

div.centerImg2{display:inline-block;
margin-left:10px;}

figure.centerImg,
div.centerImg{
	text-align:center;
	margin:auto;
	margin-bottom:15px;
    display: table;
}

div.centerImg.Multiple{
	width: 620px;
}

div.centerImg img{
	display:inline-block;
max-width: 530px;
height: auto;
margin: auto;}

div.newsbooks img,
div.rightImg img,
div.leftImg img,
div.centerImg img{
	border:1px solid #CCCCCC;
	width: inherit;
	box-sizing: border-box;
}

.Soukai	div.centerImg img{
	border:none}

/*div.centerImg .caption{
	text-align:center}*/

div.leftImg{
	float:left;
	margin-right:20px;
	margin-bottom:15px;
    max-width: 280px;
}

div.rightImg{
	float:right;
	margin-left:20px;
	margin-bottom:15px;
max-width: 250px;
    /*max-width: 300px;*/
}

div.leftImg.width200,
div.rightImg.width200{
    width: 200px!important;
}
div.leftImg.width180,
div.rightImg.width180{
    width: 180px!important;
}

div.leftImg.width150,
div.rightImg.width150{
    width: 150px!important;
}

div.leftImg.width120,
div.rightImg.width120{
    width: 120px!important;
}

div.leftImg2{
	/*float:left;
	margin-right:1px;*/
	display: table-cell;
	width: 49%;
    text-align: center;
	padding: 3px;/*20240717*/
}
div.rightImg2{
	/*float:right;
	margin-left:1px;*/
	display: table-cell;
	width: 49%;
    text-align: center;
}
div.rightImg2 .caption,
div.leftImg2 .caption{
   /* text-align: center;*/
}
div.rightImg2 img,
div.leftImg2 img{
    width: 100%;
}

div.centerImg{
	letter-spacing: -.4em;
	max-width: 530px;
}
/*div.centerImg img{
	max-width: 530px;
}*/

div.leftImg img, div.rightImg img{
	max-width: inherit;
}
div.centerImg div.rightImg{
	float:none;
	display: inline-block;
	margin-left:0px;
	vertical-align:top;
	margin-right: 5px;
	letter-spacing: -.4em; /* 文字間を詰めて隙間をなくす */
	}

div.centerImg div.rightImg:last-child{
	margin-right: 0;
}

.w-150px{
	width: 150px!important
}
.w-200px{
	width: 150px!important
}

.h-150px{
	height: 150px!important;
	width: auto!important;
}
.h-200px{
	height: 200px!important;
	width: auto!important;
}
.h-250px{
	height: 250px!important;
	width: auto!important;
}
.caption{
	text-align:left;
	font-size:13px;
	line-height:140%;
	padding-top:8px;
	letter-spacing: normal;}

.captionSP{
	display:none}

img.margin-left5{
	margin-left:10px}

img.margin-left10{
	margin-left:10px}

img.margin-left15{
	margin-left:15px}

img.margin-left20{
	margin-left:20px}


body.Mainichi #mainContent .mainBody figure{
	/*width:290px;
	display: inline-block;*/}

body.Mainichi #mainContent .mainBody figure figcaption{
	font-size:110%;
	font-weight:bold;
	text-align:center;
	margin-bottom:15px;}

/*topPage*/
.Top #mainContent{
	padding-top:100px;}


.Top #mainContent p.toptext{
	margin-bottom:50px;
	font-size:22px;
	color:#1b4e81}

.Top #mainContent div.topImg{
	text-align:center;
	width:664px;
	margin:auto;
	padding-bottom:40px}

.Top #mainContent div.topImg p{
	font-size:85%;
	color:#333;
	text-align:right}


/*menu*/
#menu{
	width: 245px;
	position: absolute;
	top: 0px;
	left: 0px;
	bottom: 0px;
	z-index: 200;
	background-color:#d6e4f7;
	height:100%;
	}

#Log-in #menu{
	display: none;
}

#menu #topNav{
	font-size:120%;}

header h1{
	width:206px;
	height:206px;
	margin:40px auto 30px;}

header h1 a{
	display:block;
	background:url(/images/title.png)  center top;
	width:206px;
	height:206px;
	 overflow: hidden;
  text-indent: 100%;
	  white-space: nowrap;
}

#global_header #logo h1 a {
    margin: 0px 2%;
}

div#menu #topNav > ul > li {
	font-size:110%;
	line-height:140%;
	}

div#menu ul  li {
	color:#1b4e81;
	}

div#menu ul li a{
	display:block;
	padding:10px;
	padding-left:30px;
/*height: 100%;
 -webkit-transition: 2s;
  -moz-transition: 2s;
  -o-transition: 2s;
  -ms-transition: 2s;*/
	}
div#menu ul li ul li a {
    padding: 10px 10px 10px 26px;
	font-size:90%;
}
#menu li ul {
	display:none;
  }

div#menu li ul.open,
div#menu li:hover ul{
display: block;}

.Info div#menu #navInfo ul,
.Genki div#menu #navGenki ul,
.Mainichi div#menu #navGenki ul,
.Jimukyoku div#menu #navJimukyoku ul{
	display: block;}

div#menu ul li:hover{
	transition: 0.8s;
	background-color:#a4bcdc;}

div#menu ul li a:hover{
	text-decoration:none;}

div#menu ul li#navShahou:hover{
	background-color:#d6e4f7;}

.Top div#menu ul li#navTop>a,
.Info div#menu ul li#navInfo>a,
.Event div#menu ul li#navEvent>a,
.Genki div#menu ul li#navGenki>a,
.Essay div#menu ul li#navEssay>a,
.Book div#menu ul li#navBook>a,
.Memorial div#menu ul li#navMemorial>a,
.Soukai div#menu ul li#navSoukai>a,
.Jimukyoku div#menu ul li#navJimukyoku>a,
.Mainichi div#menu ul li#navMainichi>a,
.Topics div#menu ul li#navTopics >a{
	background-color:#265FB0;/*#4C74C0#265FB0*/
	/**/color:#FFFFFF}

.Top div#menu ul li#navTop ul li a,
.Info div#menu ul li#navInfo ul li a,
.Event div#menu ul li#navEvent ul li a,
.Genki div#menu ul li#navGenki ul li a,
.Essay div#menu ul li#navEssay ul li a,
.Book div#menu ul li#nav Book ul li a,
.Memorial div#menu ul li#navMemorial ul li a,
.Soukai div#menu ul li#navSoukai ul li a,
.Jimukyoku div#menu ul li#navJimukyoku ul li a,
.Mainichi div#menu ul li#navMainichi ul li a,
.Topics div#menu ul li#navTopics ul li a {
	background-color:#bbd0ed;/*#a4bcdc#4C74C0#265FB0*/}

div#menu ul li ul li:hover{
	transition: 0.8s;
	background-color: #4C74C0;}



div#menu div#topNav ul li ul li a:hover {
	/*#a4bcdccolor:#FFF#E0E4EA*/;
	transition: 0.8s;
	background-color:#8cacd6;}

div#menu .toiawase a{
	display:block;
	font-size:98%;
	line-height:140%;
	background-color:#f4c405;
	color:#1b4e81;
	border:1px solid #1b4e81;
	border-radius: 3px;        /* CSS3草案 */
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;   /* Firefox用 */
	margin:20px;
	margin-bottom:5px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
  /*-webkit-transition: 2s;
  -moz-transition: 2s;
  -o-transition: 2s;
  -ms-transition: 2s;*/ }

div#menu .toiawase  a:hover{
	transition: 0.5s linear 0.5s;
	background-color:#1b4e81;
	color:#FFF;}

div#menu #navShahou  a{
	font-family: serif;
	display:block;
	font-size:98%;
	line-height:140%;
	background-color:#0078c6;
	color:#FFF;
	border-radius: 3px;        /* CSS3草案 */
    -webkit-border-radius: 3px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 3px;   /* Firefox用 */
	margin:20px;
	margin-bottom:5px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:10px;
  /*-webkit-transition: 2s;
  -moz-transition: 2s;
  -o-transition: 2s;
  -ms-transition: 2s;*/ }

div#menu #navShahou   a:hover{
	transition: 0.5s linear 0.5s;
	background-color:#1b4e81;
	color:#FFF;}

#pleaseread {
	margin-left:10px;}
#pleaseread a{
	display:block;
	padding-left:15px;
	}

/*新刊*/
/*#mainContent .mainBody .Inner.book {
	border-top: none;
}*/

.newsbooksImg{
    width:160px;
    float: right;
    margin-left: 20px;
    margin-bottom: 20px;
}
.newsbooksImg img{
    width:100%;
	box-sizing: border-box;
	border: 1px solid #CCC;
}
.newsbooksImgCenter{
	width:160px;
    margin: 20px auto;
}
.newsbooksImgCenter img{
	width:100%;
	box-sizing: border-box;
}


/*イベント*/
.Event .article .centerImg{
	margin:auto auto 15px;}



/*Footer*/
#Footer {
    font-size: 100%;
    background-color: #265fb0;
    margin: 0;
	margin-top: -15px;
    z-index: 999;
    position: relative;
}

#footerContent{
	box-sizing:border-box;
	position:relative;
	margin: 0 auto;
	padding:20px 10px 30px 10px;
	background-color:#265fb0;
	color:#FFF;}

@media (min-width: 980px) {
	#footerContent{
		width: 980px;}
}
.footer_txt{
	/*position:absolute;
	right:20px;
	top:30px;*/
	color:#DDD;
	background-color:#2F324A;
	text-align:center;
	font-size:120%;
	padding-top:15px;
	padding-bottom:15px;}

.footerLogo {
    position: absolute;
    right: 10px;
    bottom: 90px;
}

.copyRight{
	position:absolute;
	right:10px;
	bottom:50px;}

.adress{
	line-height:180%}

#page-top {
    position: fixed;
    bottom: 100px;
    right: 30px;
    font-size: 100%;
	z-index:1000;
}
#page-top a {
    background: #F4C405;
    text-decoration: none;
    color: #fff;
    padding: 15px;
    text-align: center;
    display: block;
	border-radius: 3px;
}
#page-top a:hover {
    text-decoration: none;
    background: #2F324A;
	transition: 0.2s linear 0.2s;
}

.icon-up-open:before {
	font-size: 120%;}
/*info*/
table.newMember,
table.meifuku{
	width:100%;
}
table.newMember tr:nth-child(1) th {
    padding:10px 5px;
    background-color: #eee;
	border:1px solid #CCC;
    text-align: center;
    line-height: 1.4;
}

table.newMember td,
table.meifuku td{
	padding:8px 5px;
	border:1px solid #CCC;
    line-height: 1.4;
}

table.meifuku td.name{
	width:8em}

table.newMember td.name{
   white-space: nowrap;
}


table.meifuku td.age{
	width:4em}

/* ソーシャルオリジナルボタンCSS */
a.fb-share{
float:left;
height:36px;
width:48%;
margin:0px 5px 5px 0px;
line-height: 36px;
color:#fff;
text-align:center;
display:block;
text-decoration:none;
font:bold 15px;
border-radius:3px;
background-color:#305097;
}
a.fb-share:hover{
background-color:#7D96CE;
}
a.twitter-tweet{
float:left;
height:36px;
width:48%;
margin:0px 5px 5px 0px;
line-height: 36px;
color:#fff;
text-align:center;
display:block;
text-decoration:none;
font:bold 15px;
border-radius:3px;
background-color: #55acee;
}
a.twitter-tweet:hover{
background-color:#e1e8ed;
color:#55acee;
}


/*genki*/
#mainContent .mainBody .Inner h3{
	font-size:130%;
	}

.Mainichi #mainContent .mainBody .Inner,
.Notice #mainContent .mainBody .Inner,
.Jimukyoku #mainContent .mainBody .Inner,
.Soukai #mainContent .mainBody .Inner{
	border-bottom:none;
	margin-bottom:30px;}

#mainContent .mainBody .Inner{
	border-top:1px solid #265fb0;
	padding-top:15px;
	margin-bottom:20px;
	overflow: hidden; /*floatの解除*/
	position: relative; /*DWで正常にプレビュー*/
	zoom:1; /*IE6でレイアウト崩れを防ぐ*/
	}

.Info #mainContent .mainBody .Inner:first-child,
.Jimukyoku #mainContent .mainBody .Inner,
.Soukai #mainContent .mainBody .Inner,
.Mainichi #mainContent .mainBody .Inner{
	border-top:none}

.Mainichi #mainContent .mainBody .Inner{
	margin-bottom:20px;
	border-top:none;
	zoom:1; /*IE6でレイアウト崩れを防ぐ*/
	}

/*image table*/
.p_table td {
    vertical-align: bottom;
    padding: 4px 5px;
    text-align: center;
}
.p_table td img {
    width: 100%;
}
.p_table td .caption {
    text-align: left;
    min-height: 50px;
}

/*生活の窓口*/
.list_table,
.list_table > dt,
.list_table > dd {
    box-sizing: border-box;
}

.list_table {
    display: flex;
    flex-wrap: wrap;
    border: 1px solid #ccc;
    border-top: none;
}

.list_table > dt,
.list_table > dd {
    width: 100%;
    padding: 1em;
    margin: 0px;
    border-top: 1px solid #ccc;
    text-align: center;
}
@media(min-width:768px) {
    .list_table > dt,
    .list_table > dd {
        text-align: left;
    }
    .list_table > dt {
        /*display: flex;*/
        align-items: center;
        width: 20%;
    }
    .list_table > dd {
        width: 80%;
        border-left: 1px solid #ccc;
    }
}
/*@media (max-width:767px){
    .list_table > dt {
        background-color: #eee;
    }
    .list_table > dd {
        text-align: left;
    }
}*/


/*規約*/
dl#kiyaku dl,dt,dd {
	margin: 0;
	padding: 0;
	line-height: 160%;
	font-size:115%;
}

dl#kiyaku {
	width: 624px;
}
dl#kiyaku dt{
	float: left;
	width: 5em;
}

dl#kiyaku dd{
	_height: 1%; /* WinIEで頭の文字が右に微妙にずれるのを補正 */
	margin-left: 5em;
}

dl#kiyaku dt.koumoku{
	width:624px}

/*規約*/
#yakuin dl dl,dt,dd {
	margin: 0;
	padding: 0;
	line-height: 160%;
	font-size:115%;
}

#yakuin dl {
	width: 624px;
	margin-bottom:2em;
}
#yakuin dl dt{
	float: left;
	width: 7em;
	margin-left:1em;
}

#yakuin dl dt span{ font-size:80%}

#yakuin dl dd{
	_height: 1%; /* WinIEで頭の文字が右に微妙にずれるのを補正 */
	margin-left: 8em;
}

dl dt.koumoku{
	width:624px}


/*毎日新聞から*/
.mainichi_btn a {
	margin:auto;
	display:block;
	/* border */
	border:1px solid #FFF;
/* border-radius */
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
/* box-shadow */
	background-color: #fc7d14;
	width:400px;
	padding: 20px 0px;
	color:#FFF;
	text-align:center;
	font-weight:bold;}

.mainichi_btn a:hover{
	background-color:#F7F28F;
	text-decoration:none;}

/*毎日新聞社報*/
.shahouWrap{
	text-align: center;
}
.shahouWrap h2{
	text-align: left;
}
.shahouWrap > div{
	width: 500px;
	margin: auto;
}
.shahouWrap > div span,
.shahouWrap > div a{
	display:inline-block;
	width: 220px;
	margin-bottom: 30px;
	font-size: 1rem
	}

.shahouWrap > div > span:nth-child(odd),
.shahouWrap > div a:nth-child(odd){
	margin-right: 30px;
	}

.shahouWrap > div > span  >  img,
.shahouWrap > div > a  >  img{
	width: 100%;
	height: auto;
	display: block;
margin-bottom: 1.0rem;
border: 1px solid #EEE;}

/* アーカイブ */
.btn-archive{
	margin-bottom: 40px;
	text-align:center;
}

.btn-archive a {
	margin:auto;
	display:block;
	border:1px solid rgba(38,95,176,.50);
	border-radius:5px;
	background-color: #d6e4f7;
    color: #265FB0;
	width:400px;
	padding: 20px 0px;
 	font-size: 1.2em;
	font-weight:bold;
}

.btn-archive a:hover{
	background-color: #265FB0;
	color: #FFF;
}

/* シェア */
.backTop{
	text-align:center;
	margin-bottom:30px}

.backTop a{
	text-align:center}

.Top .backTop{
	display:none;}

div#content_inner #share {
	position: absolute;
	bottom: 50px;
	right: 100px;
	text-align:center;
	z-index: 100;
}
#share ul {
	position:relative;
	width:500px;
	margin:0 auto;
}
#share li {
	display:inline-block;
	width: 150px;
	margin:0 2% 2% 0;
}
#share li a {
	position:relative;
	display:block;
	padding:1em 0;
	color:#fff;
	font-size:88%;
	border-radius:3px;
	text-align:center;
	line-height: 22px;
	text-decoration: none;
	text-shadow:1px 1px 0 rgba(255,255,255,0.3);
}

/* ツイッター */
/*#share .twitter a {
	background:#4099FF url("https://maiyukai.com/images/twitterButton.png") no-repeat scroll center center;
	background-color:#4099ff;
}*/
#share .twitter a {
	background:#000000 url("https://maiyukai.com/images/X_Button.png") no-repeat scroll center center;
	background-color:#000;
	background-size: 28px 28px;
}
/* Facebook */
#share .facebook a {
	background:#3b5998 url("https://maiyukai.com/images/facebookButton.png") no-repeat scroll center center;
	background-color:#3b5998;
	background-size: 45px 45px;
}

/* line */
#share .line a {
	background:#00c300 url("https://maiyukai.com/images/lineButton.png") no-repeat scroll center center;
	background-color:#00c300;

}

#share .twitter a:hover,
#share .facebook a:hover,
#share .line a:hover {
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
}

/* グーグル */
#share .googleplus a {
	background:#db4a39;
	box-shadow:0 5px 0 #ad3a2d;
}
#share .googleplus a:hover {
	background:#ad3a2d;
}


/* clearfix */
.clearfix:after,
.fixed:after  {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix, .fixed {
	min-height: 1px;
}

* html .clearfix,
* html .fixed {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

/* スマホ向け */

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

	#menu{
	display: block;
	width:100%;
	height:30px;
	position:relative;
	}

	.menu header h1{
	display:table-cell;
	width:100%;
	height:30px;}
	/* スマホ向けここまで */}

@media (max-width: 768px) {
.w-cler768{
	width:100%!important;
	}
@media (max-width: 420px) {
.w-cler420{
	width:100%!important;
	}