@charset "Shift_JIS";
/* Specify the margin as zero at once*/
* {
  padding: 0;
  margin: 0;
}
/*a:link {
  color: #0000ff;
  text-decoration: underline;
}

a:visited {
  color: #990099;
  text-decoration: underline;
}

a:hover {
  color: #ff0000;
  text-decoration: underline;
}*/
/* ---------------------------------------- Font style font size*/
body {
  font-size: 13px;
  text-align: center;
  padding: 0;
  margin: 0;
}
/* ---------------------------------------- Designation on layout */
#wrapper {
  text-align: left;
  margin: 0 auto 0;
  padding-top: 0;
  width:100%;
  max-width: 900px;
}
#header {
  padding: 0px 0 10px;
}
#headernavi_title {
  background-color: #FFFFFF;
  width: 100%;
  margin-top: 0px;
  padding-top: 0px;
  margin-bottom: 0;
  padding-bottom: 0;
  overflow: hidden;
}
/* -- navibar ECCJ Home -- */
.navi-left {
  width: 70%;
  float: left;
  text-align: left;
  margin: 3px 15px 0 0;
  padding: 2px 0 1px 0;
  font-size: 0.90em;
}
.navi-left2 {
  display: none;
}
/* -- navibar day-- */
.day-right {
  width: 20%;
  float: right;
  padding-top: 0;
  margin-top: 3px;
  text-align: right;
  padding-right: 0;
  margin-right: 5px;
  font-size: 0.85em;
}

.pc {
	display:block !important;
	}
.mp {
	display:none !important;
	}
.sp {
	display:none !important;
	}

#container {
  width: 100%;
  padding: 0;
}
#container ol.cont {
  margin: 5px 55px 5px;
}
#container ol.cont li {
  padding-bottom: 3px;
}
/* Real 700px */
#contents {
  padding: 0 0 2em;
}
/* ---------------------------------------- main*/
/*columns*/
.row {
	clear: both;
	width:100%;
	margin: 0 auto;
	padding-bottom: 0;
}

.row.blockDisplay {
  display: block;
  /*padding: 0 auto;*/
}
/*columns each parts*/
.columns {
  width: 25%;
  float: left;
  color: #A5A5A5;
  /*line-height: 24px;*/
  padding: 10px 0;
  text-align: justify;
  margin: 15px 0;
}
/*TITLE*/
.columns h4 {
	width:80%;
	font-size: 1.05em;
	line-height: 140%;
	padding: 5px 10%;
	text-align: left;
}
.columns h4 a {
  color: #009933;
  text-decoration: none;
}
.row .columns p {
  width: 80%;
  margin: 5px auto;
  line-height: 24px;
}
/*image*/
.thumbnail {
  width: 180px;
  height: 135px;
  /*margin: 5px auto 15px;*/
  padding: 0;
  border-radius: 15px;
  border: 3px solid #009933;
}
.thumbnail_align {
  width: 182px;
  margin: 5px auto 15px;
  height: 137px;
}
/*logo or date*/
/*.logo {
	margin-top:0;
	padding-top: 0;
	text-align: right;
	font-size: 1em;
	font-weight: normal;
}*/
/* -- Company name Shop name Site name -- */
h1 {
  font-size: 1.8em;
  margin: 0;
  padding: 10px;
  letter-spacing: 0.15em;
  text-align: center;
  background-color: #0033CC;
  color: #FFFFFF;
}
/*.logo a{
  text-decoration: none;
  color: #0099ff;
  background-color: #ffffff;
}

.logo a:hover{
  text-decoration: none;
  color: #000066;
  background-color: #ffffff;
}*/
/* -- Overview -- */
.description {
  margin: 2em 1em 0;
  font-size: 1.25em;
  text-align: center;
}
/* ---------------------------------------- #contents*/
/* -- Headline -- */
h2 {
  background-color: #FFFFFF;
  padding: 5px 0 5px 20px;
  font-size: 1.5em;
  /*color:#2d444f;*/
  color: #000000;
  text-align: center;
  margin: 0.7em auto 0;
  line-height: 125%;
}

/*h3 {
  background-color: #FFFFFF;
  padding: 0 0 5px 20px;
margin: 0;
  font-size: 1.3em;
  color: #009933;
  text-align:left;
  margin: 0.2em 0.2em 12px;
  line-height: 125%;
  border-bottom: 1px solid #009933;
}*/
h6 {
  font-size: 1.2em;
  margin-bottom: 1.5em;
  padding: 5px 0 5px 5px;
  border-left: 10px solid #009933;
  border-bottom: 1px solid #009933;
}
h6 {
  margin-top: 2.5em;
}
/*h4 {
	font-size:1.05em;
	margin: 0 50px 20px;
}*/
h5 {
  font-size: 1.15em;
  margin: 0 20px 2px;
}
/* -- character -- */
#contents p {
  line-height: 1.6em;
  margin-bottom: 2.8em;
  font-size: 0.98em;
}
/* -- list relation-- */
/*#contents dl { margin: 1em 0; }

#contents dt {
  margin-bottom: 0.5em;
  font-weight: bold;
  border-bottom: 1px dotted #666666;
}

#contents dd { margin-bottom: 2em; }*/
/*#contents ul { margin: 1em 0 1em 35px;}
#contents ol { margin: 1em 0 1.5em 45px; }*/
/*#contents li { 
	margin: 0 0 0 0;
	font-size: 1.1em;
	line-height: 160%;
}*/
#contents .movie {
  width: 100%;
  text-align: center;
  margin-bottom: 20px;
}
#contents .movie .video {
  width: 90%;
  min-width: 400px;
}
/*#contents .movie .video .poster {
	width :640px;
	height: 360px;
}
*/
/*#contents p { margin: 1em 0 2em 21px; }*/
/* ---------------------------------------- #footer*/
#footer {
  padding: 1em 0 1.5em;
}
.totop {
  text-align: right;
  font-size: 0.85em;
  margin: 0 0 3px 3px;
}
.nabibar {
  text-align: left;
  margin: 30px 0 0 5px;
  font-size: 0.90em;
  margin-bottom: 8px;
}
.adress {
  clear: both;
  border-top: solid 1px #2e8b57;
  border-bottom: solid 1px #2e8b57;
  margin-top: 20px;
  padding: 5px 0 5px 0;
  background-color: #FFFFCC;
  text-align: left;
}
.counter {
  opacity: 0;
  margin: 0 auto;
  width: 112px;
  height: 16px;
}
ul.adrs {
  list-style-type: none;
  font-size: 0.95em;
  margin: 0;
  padding: 0;
  color: #000000;
  line-height: 120%;
  letter-spacing: 0.02em;
}
ul.adrs li {
  font-weight: 400;
  /*float:left;*/
  margin: 0 0 0 10em;
}
#copyright {
  text-align: center;
  font-size: 0.90em;
}
#footer p {
  text-align: center;
  font-size: 0.90em;
}
/* Mobile */
@media screen and (max-width: 480px) {
  #wrapper {
    width: 100%;
    max-width: 480px;
    margin: 0 auto;
  }
  #header {
    padding: 0px 0px 0px;
  }
	
.pc {
	display:none !important;
	}
.mp {
	display:none !important;
	}
.sp {
	display:block !important;
	}
	
 #container {
  width: 100%;
  padding: 0;
}
  #contents {
    padding: 0 auto;
  }
  .navi-left {
    margin: 3px 15px 0 3px;
    padding: 2px 0 1px 0;
    font-size: 0.80em;
  }
  /* -- navibar day-- */
  .day-right {
	  width: 40%;
    padding-top: 0;
    margin-top: 3px;
    margin-right: 3px;
    font-size: 0.80em;
  }
  h1 {
    font-size: 1.2em;
    padding: 10px;
    letter-spacing: 0;
  }
	
.row {
	width:100%;
	margin: 0 auto;
	padding: 0 auto;
}	
	
.columns {
    width: 50%;
    margin: 0;
    padding: 0;
    /*	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0PX;
	padding-right: 0PX;
	padding-bottom: 0PX;
	padding-left: 0PX;*/
  }
  /*text text text*/
  .columns p {
	  width :126px;
	  margin: 0 auto;
	  padding: 0 auto;
  }
  /*image*/
  .thumbnail {
    width: 126px;
    height: 95px;
    padding: 0;
    border-radius: 11px;
    border: 2px solid #009933;
  }
  .thumbnail_align {
    width: 128px;
    margin: 5px auto 15px;
    height: 97px;
  }
  .columns h4 {
	  width:130px;
	  font-size: 1em;
	  line-height: 120%;
	  margin: 0 auto 5px;
	  padding: 3px auto;
	  text-align: left;
  }
  /*.row .columns p {
    width: 80%;
    margin: 0 5px;
    line-height: 24px;
  }*/
  /* -- Overview -- */
  .description {
    margin: 1em 1em 0;
    font-size: 0.95em;
    text-align: center;
  }
  /* ---------------------------------------- #contents*/
  /* -- Headline -- */
  h2 {
    font-size: 0.98em;
    margin: 0 0 8px 0;
    padding: 5px 15px;
    letter-spacing: 0.08em;
  }
  h3, h6 {
    font-size: 1.05em;
    margin-bottom: 0.8em;
    padding: 5px 0 5px 5px;
    /*  border-left: 10px solid #000000;
  border-bottom: 1px solid #000000;*/
  }
  h3, h6 {
    margin-top: 1.5em;
  }
  /*h4 {
	font-size:0.95em;
	margin: 0 20px 20px;
}*/
  h5 {
    font-size: 1.05em;
    margin: 0 10px 5px;
  }
  /* -- character -- */
  /*#contents ul { margin: 1em 3px 1em 20px; }
#contents ol { margin: 1em 3px 1em 20px; }*/
  /*#contents li { 
	margin: 0 0 0.5em 0;
	font-size: 0.90em;
	line-height: 150%;
}*/
  #contents p {
    line-height: 1.3em;
    margin-bottom: 1.8em;
  }
  .totop {
    text-align: right;
    font-size: 0.80em;
  }
  .nabibar {
    margin: 20px 0 0 5px;
    font-size: 0.80em;
    margin-bottom: 5px;
  }
  .adress {
    margin-top: 20px;
    padding: 8px 0 5px 0;
    font-size: 11px;
    line-height: 140%;
  }
  ul.adrs {
    margin: 12px 5px 5px 12px;
    padding: 0 0 0 0;
    font-size: 1.0em;
    color: #000000;
    line-height: 1em;
    letter-spacing: 0.10em;
  }
  ul.adrs li {
    font-weight: 400;
    /*float:left;*/
    margin: 0 1em 0 1em;
  }
  #copyright {
    text-align: center;
    font-size: 0.85em;
  }
  #footer p {
    font-size: 0.85em;
  }
}