/*! #######################################################################

	MeanMenu 2.0.6
	--------
	
	To be used with jquery.meanmenu.js by Chris Wharton (//www.meanthemes.com/plugins/meanmenu/)

####################################################################### */
/* hide the link until viewport size is reached */
a.meanmenu-reveal {
  display: none;
}
/* when under viewport size, .mean-container is added to body */
.mean-container .mean-bar {
  float: left;
  width: 100%;
  position: relative;
  background: #fdda62;
  padding: 4px 0;
  min-height: 30px;
  z-index: 3;
}
.mean-container a.meanmenu-reveal {
  width: 22px;
  height: 22px;
  padding: 13px 13px 11px 13px;
  position: absolute;
  top: 0;
  right: 0;
  cursor: pointer;
  color: #fff;
  text-decoration: none;
  font-size: 16px;
  text-indent: -9999em;
  line-height: 22px;
  font-size: 1px;
  display: block;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
}
.mean-container a.meanmenu-reveal span {
  display: block;
  background: #fff;
  height: 3px;
  margin-top: 3px;
}
.mean-container .mean-nav {
  float: left;
  width: 100%;
  background: #ffec93;
  margin-top: 44px;
}
.mean-container .mean-nav ul {
  padding: 0;
  margin: 0;
  width: 100%;
  list-style-type: none;
}
.mean-container .mean-nav ul li {
  position: relative;
  float: left;
  width: 100%;
}
.mean-container .mean-nav ul li a {
  display: block;
  float: left;
  width: 90%;
  padding: 1em 5%;
  margin: 0;
  text-align: left;
  color: #2f2826;
  border-top: 1px solid #f2e4d9;
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  text-decoration: none;
  text-transform: uppercase;
}
.mean-container .mean-nav ul li li a {
  width: 80%;
  padding: 1em 10%;
  border-top: 1px solid #f1f1f1;
  border-top: 1px solid rgba(255, 255, 255, 0.25);
  opacity: 0.6;
  filter: alpha(opacity=75);
  text-shadow: none !important;
  visibility: visible;
}
.mean-container .mean-nav ul li.mean-last a {
  border-bottom: none;
  margin-bottom: 0;
}
.mean-container .mean-nav ul li li li a {
  width: 70%;
  padding: 1em 0;
}
.mean-container .mean-nav ul li li li li a {
  width: 60%;
  padding: 1em 0;
}
.mean-container .mean-nav ul li li li li li a {
  width: 50%;
  padding: 1em 0;
}
.mean-container .mean-nav ul li a:hover {
  background: #357cac;
  background: rgba(255, 255, 255, 0.1);
}
.mean-container .mean-nav ul li a.mean-expand {
  margin-top: 1px;
  width: 26px;
  /* height: 32px; */
  /* padding: 12px !important; */
  padding: .5em 12px !important;
  text-align: center;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2;
  font-weight: 700;
  background: rgba(255, 255, 255, 0.1);
  border: none !important;
  border-left: 1px solid rgba(255, 255, 255, 0.4) !important;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2) !important;
}
.mean-container .mean-nav ul li a.mean-expand:hover {
  background:#937356;
}
.mean-container .mean-push {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
  clear: both;
}
.mean-nav .wrapper {
  width: 100%;
  padding: 0;
  margin: 0;
}
/* Fix for box sizing on Foundation Framework etc. */
.mean-container .mean-bar, .mean-container .mean-bar * {
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.mean-remove {
  display: none !important;
}

.tel a{
  display:inline;
}
.tel > img{
  display:none;
}

/*--header--*/
.header{
  width:96%;
  margin:0 auto;
  text-align:center;
  padding:0px 0 10px;
}
.header h1{
  float:none;
  padding:80px 0 0;
}
.header .rightbox{
  float:none;
}
.header .rightbox .social_bookmark{
  float:none;
}
.header .rightbox .social_bookmark > div{
  text-align:center;
  padding:0 !important;
}
.header .rightbox .social_bookmark > div > div{
  float:none !important;
  display:inline-block;
  vertical-align:top;
}
.header .rightbox .contact{
  float:none;
}

/*--main_visual--*/
.main_visual .mainimg{
  width:100%;
  margin:0 auto;
}

/* middle */
.middle {
  width:96%;
  margin: 0 auto;
}
.middle .contents{
  float:none;
  width:96%;
  margin:0 auto 40px;
}
.middle .sideNavi{
  float:none;
  margin:0 auto 40px;
}

.pagetop{
  width:96%;
}

/*--footer--*/
.footer .footer_inner{
  width:96%;
  margin: 0 auto;
  padding:25px 0;
}
.footer .footer_inner .footer_info{
  float:none;
  padding:0px 0 0px;
  text-align:center;
}
.footer .footer_inner .sitemap{
  float:none;
  padding:20px 0px;
  text-align:center;
}
.footer .footer_inner .sitemap ul:first-child,
.footer .footer_inner .sitemap ul{
  float:none;
  display:inline-block;
  width:40%;
  text-align:left;
  margin:0;
}

/*--top--*/
.page-template-top-page .middle h2{
  font-size:20px;
}
/*-- .col_01 --*/
.page-template-top-page .col_01{
  height:auto;
  width:90%;
  background:#fdedf6;
  border:5px double #f9a2d1;
  padding:0 3%;
  margin:0 auto 60px;
}
.page-template-top-page .col_01 h2{
  padding:30px 0;
}
.page-template-top-page .col_01 p{
  font-size:13px;
  text-align: left;
}

/*-- .col_02 --*/
.page-template-top-page .col_02_outer_01{
  width:90%;
  background:#fef5ba;
  border:5px double #f6dd33;
  padding:0 3%;
  margin:0 auto 60px;
}
.page-template-top-page .col_02_outer_02{
  background:none;
  padding:0px;
}
.page-template-top-page .col_02{
  background:none;
  padding:0;
  margin:0;
}
.page-template-top-page .col_02 .fig{
  float:none;
  text-align:center;
  margin:0 auto 20px;
}
.page-template-top-page .col_02 .text{
  float:none;
  width:auto;
  margin:0 auto 20px;
}
.page-template-top-page .col_02 .text ul li{
  display:inline-block;
  margin:0 0 4px 4px;
}
.page-template-top-page .col_02 .interview_list ul{
  margin:0px;
}
.page-template-top-page .col_02 .interview_list ul li{
  float:none;
  width:212px;
  margin:0 auto 20px;
}

/*-- .col_03 --*/
.page-template-top-page .col_03{
  width:90%;
  background:#d7f3ff;
  border:5px double #6dcef8;
  padding:0 3%;
  margin:0 auto 60px;
}
.page-template-top-page .col_03 ul{
  margin:0 auto;
}
.page-template-top-page .col_03 ul li{
  float:none;
  margin:0 auto 20px;
}

/*-- .col_04 --*/
.page-template-top-page .col_04{
  width:auto;
  margin:0 auto 60px;
}
/* .event */
.page-template-top-page .col_04 .event{
  background:url(/wp-content/themes/zeropage.jp/images/tile_01.png) repeat top center;;
  border:6px solid #6dcef8;
  border-radius: 5px;
  -moz-border-radius:5px; /* FF */
  -webkit-border-radius: 5px;/* Webkit */
  float:none;
  width:96%;
  height:auto;
  margin:0 auto 32px;
}
.page-template-top-page .col_04 .event .event_info .text table th{
  white-space:nowrap;
}
/* .news */
.page-template-top-page .col_04 .listbox_01_outer_01{
  float:none;
  height:280px;
  margin:0 auto 32px;
}
.commingSoon{
  margin: 0 0 30px;
}
.event_info .commingSoon{
  margin: 10px 0 0;
}
/* .ameba */
.page-template-top-page .col_04 .ameba{
  background:url(/wp-content/themes/zeropage.jp/images/tile_01.png) repeat top center;;
  border:6px solid #9dc214;
  border-radius: 5px;
  -moz-border-radius:5px; /* FF */
  -webkit-border-radius: 5px;/* Webkit */
  width:96%;
  height:auto;
  margin:0 auto 32px;
}
.page-template-top-page .col_04 .ameba .ttl{
  background:none;
  padding:10px 0px 11px;
  margin:0 10px;
  float:none;
  text-align:center;
  border-bottom:3px solid #9dc214;
}
.page-template-top-page .col_04 .ameba ul{
  float:none;
  width:auto;
  padding:20px 0 0;
}
.page-template-top-page .col_04 .ameba ul li{
  line-height:1.3;
}
/* .twitter */
.page-template-top-page .col_04 .twitter{
  background:url(/wp-content/themes/zeropage.jp/images/tile_01.png) repeat top center;;
  border:6px solid #00abf0;
  border-radius: 5px;
  -moz-border-radius:5px; /* FF */
  -webkit-border-radius: 5px;/* Webkit */
  float:none;
  max-width:465px;
  width:auto;
  height:auto;
  margin:0 auto 32px;
  padding:0 0 15px;
}
/* .facebook */
.page-template-top-page .col_04 .facebook{
  background:url(/wp-content/themes/zeropage.jp/images/tile_01.png) repeat top center;;
  border:6px solid #3b579d;
  border-radius: 5px;
  -moz-border-radius:5px; /* FF */
  -webkit-border-radius: 5px;/* Webkit */
  float:none;
  max-width:465px;
  width:auto;
  height:auto;
  margin:0 auto 32px;
  padding:0 0 15px;
}

/*-- .col_05 --*/
.page-template-top-page .col_05{
  width:96%;
  margin:0 auto 60px;
}
#contact_form table{
  margin:0 auto 35px;
  width:100%;
}
#contact_form table th,
#contact_form table td{
  display:block;
  padding:5px 0;
  font-size:14px;
}
#contact_form .submit_btn input{
  margin:0 5px 5px;
}
#contact_form table td input,
#contact_form table td textarea{
  width:96%;
}

/* headline */
.page_title{
  height:auto;
}
.page_title h2{
  width:96%;
  margin:0 auto;
  padding:30px 0 0;
}
.page_title h2 .large_text{
  font-size:20px;
  padding:0px 0 10px;
}
.page_title h2 .small_text{
  font-size:15px;
}

/* breadcrumbs */
.breadcrumbs ul{
  width:96%;
  margin:0 auto;
}

/* under page */
.wrap_01{
  padding:20px;
}

.item_list_01 li,
.item_list_01 li:first-child{
  float:left;
  width:48%;
  margin:0 auto 30px;
}
.item_list_01 li:nth-child(2n){
  float: right;
}
.item_list_01 li:nth-child(2n+1){
  clear: both;
}
.item_list_02{
  width:auto;
  margin:0 auto 40px;
}
.item_list_02 li{
  float:none;
  margin:0 auto 20px;
}
.item_list_02 li.li_01{
  margin:0 auto 20px;
}

.item_list_03 li{
  width:100%;
  margin:0 auto 20px;
}
.item_list_03 li:first-child{
  margin:0 auto 20px;
}

.item_list_04 li{
  display:block;
  width:100%;
  margin:0 0 10px;
}

.fl-limg.iphone{
  float:none;
}
table.tb_03{
  width:100%;
  float:none;
}
table.tb_03 td.btn{
  padding:5px 5px 20px;
}
table.tb_03 td.btn img{
  margin:0 3px 3px;
}

.answer li{
  width:100%;
  margin:0 5px 40px;
}

.block_01 .youtube iframe{
  width:auto;
  height:auto;
}

.page-template-page-custom-php .one_post table th,
.archive .one_post table t{
  white-space:nowrap;
}
.fl-rimg,.fl-limg{
  float: none;
  text-align: center;
  margin: 0 0 15px;
}

.page-template-page-custom-php .blog_thumb,
.archive .blog_thumb{
  float:none;
  margin:0 0 10px 0;
  text-align: center;
}