@charset "UTF-8";
@import url("http://fonts.googleapis.com/earlyaccess/notosansjp.css");


html {
  width: 100%;
  height: 100%;
}
body {
  margin: 0;
  padding: 0;
  color: #333;
  font-size: 75%;
  font-family: 'Noto Sans JP', sans-serif,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
  line-height: 2.0;
}

a {
  text-decoration: underline;
  color: #333;
  -webkit-transition-duration: 0.35s;
  -moz-transition-duration: 0.35s;
  -ms-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  transition-duration: 0.35s;
}
a:hover {
  text-decoration: none;
	opacity:0.5;
  filter: alpha(opacity=50);
  -moz-opacity:0.5;
}
p {
  display: block;
  margin: 0;
  padding: 0;
  font-weight: 300;
  font-size: 1.0rem;
  line-height: 1.8rem;
}
img {
  width: 100%;
}
ul {
  display: block;
  margin: 0;
  padding: 0;
  list-style: none;
}
#isukuraTop img {
  width: 100%;
}
#isukuraTop h1 {
  display: block;
  margin: 0 auto 0 auto;
  padding: 0 0 2rem 0;
  line-height: 1.2;
  font-size: 1.6rem;
  font-weight: 600;
  width: 90%;
  text-align: left;
  color: #fff;
  letter-spacing: 0.1rem;
  text-shadow: 0 3px 10px rgba(0,0,0,0.8);
}
#isukuraTop h1 span {
  font-size: 0.8rem;
  font-weight: 600;
  line-height: 3;
  background-color: #000;
  color: #fff;
  width: auto;
  padding: 0.5rem 1rem;
  margin: 0;
}
#isukuraSec h1 {
  display: block;
  margin: 0 auto 0 auto;
  padding: 0 0 2rem 0;
  line-height: 1.2;
  font-size: 1.6rem;
  font-weight: 600;
  width: 90%;
  text-align: left;
  color: #fff;
  letter-spacing: 0.1rem;
  text-shadow: 0 3px 10px rgba(0,0,0,0.8);
}
#isukuraSec h1 span {
  font-size: 0.8rem;
  font-weight: 600;
  line-height: 3;
  /* display: block; */
  background-color: #000;
  color: #fff;
  width: auto;
  padding: 0.5rem 1rem;
  margin: 0;
}
h1 img {
  margin: 0 auto;
  padding: 0;
}
h2 {
  text-align: center;
  font-size: 1.8rem;
  line-height: 1.4;
  font-weight: 400;
  color: #478c95;
  margin: 0 0 1rem 0;
  padding: 0;
}
h3 {
  margin: 0.8rem 0;
  padding: 0 0 0 1rem;
  font-weight: 400;
  font-size: 1.8rem;
  line-height: 1.4;
  text-align: left;
  border-left: solid 5px #333;
}
.pageTop {
  margin: 4em 0;
  width: 100%;
  text-align: center;
}
.pc {
  display: none !important;
}
.sp {
  display: block !important;
}

/* 画面外にいる状態 */
.fadeinLeft {
  opacity:0.0;
  filter: alpha(opacity=0);
  -moz-opacity:0.0;
  transition : all 500ms;
  transform : translate(-50px, 0);
  -webkit-transform : translate(-50px, 0);
  -moz-transform : translate(-50px, 0);
  -ms-transform : translate(-50px, 0);
  -o-transform : translate(-50px, 0);
}
.fadeinRight {
  opacity:0.0;
  filter: alpha(opacity=0);
  -moz-opacity:0.0;
  transition : all 500ms;
  transform : translate(50px, 0);
  -webkit-transform : translate(50px, 0);
  -moz-transform : translate(50px, 0);
  -ms-transform : translate(50px, 0);
  -o-transform : translate(50px, 0);
}
.fadeinBottom {
  opacity:0.0;
  filter: alpha(opacity=0);
  -moz-opacity:0.0;
  transition : all 500ms;
  transform : translate(0, 50px);
  -webkit-transform : translate(0, 50px);
  -moz-transform : translate(0, 50px);
  -ms-transform : translate(0, 50px);
  -o-transform : translate(0, 50px);
}

/* 画面内に入った状態 */
.fadeinLeft.scrollin, .fadeinRight.scrollin, .fadeinBottom.scrollin {
  opacity:1.0;
  filter: alpha(opacity=100);
  -moz-opacity:1.0;
  transform : translate(0, 0);
  -webkit-transform : translate(0, 0);
  -moz-transform : translate(0, 0);
  -ms-transform : translate(0, 0);
  -o-transform : translate(0, 0);
}



/*header*/
header {
  display: block;
  margin: 0 auto;
  width: 100%;
  background-color: #bfe7ec;
}
header p {
  margin: 0 auto;
  padding: 0.5rem 0;
  width: 90%;
  display: block;
  color: #478c95;
  font-size: 0.8rem;
}


/*contents*/
#main section:nth-child(odd) {
  background-color: #fff;
}
#main section:nth-child(even) {
  background-color: #e4fcfe;
}
.contentsArea {
  display: block;
  padding: 2rem 0;
  width: 100%;
}
.contentSet {
  display: block;
  margin: 0 auto;
  padding: 1.0rem 0 2rem 0;
  width: 90%;
  word-wrap: break-word;
}
.contentSet p.sponsor {
  font-size: 1.2rem;
  line-height: 2.0rem;
  margin: 0 0 2rem 0;
}
.contentSet ul {
  margin: 0;
}
.contentSet ul li {
  display: block;
  background-color: #bcd4ae;
  width: 100%;
  margin: 2rem 0 0 0;
}
.contentSet ul li img {
  background-color: #ddd;
  display: block;
  width: 100%;
}
.contentSet ul li p {
  font-size: 1.1rem;
  line-height: 1.8rem;
  padding: 2rem 2rem;
  width: 82%;
}
.contentSet ul li p .box {
  display: block;
  width: 100%;
  border: solid 1px #333;
  text-align: center;
  padding: 4px 0 5px 0;
  font-size: 1.2rem;
  font-weight: 600;
}
.contentSet ul li p .title {
  display: block;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 2.2rem;
  margin: 1rem 0;
}
.contentSet ul li a {
  display: block;
  width: 100%;
  height: 100%;
  text-decoration: none;
  color: #333;
  font-weight: 600;
  box-shadow: 0 3px 10px rgba(0,0,0,0.5);
}
.contentSet ul li.backHome {
  width: 30% !important;
  margin: 0 auto;
  text-align: center;
  font-size: 1.4rem;
  display: block;
}
.contentSet ul li.backHome a {
  width: 100%;
  display: block;
  padding: 1rem 0;
}

.contentSet .column {
  display: block;
}
.contentSet .column div {
  width: 100%;
}
.contentSet .column .columnInner {
  width: 100%;
}
.contentSet .column img {
  width: 100%;
  margin: 1rem 0 0 0;
}

.contentSet .columnSec p {
  width: 100%;
  margin: 1.0rem auto 0 auto;
  line-height: 2.0 !important;
}
.contentSet .columnSec p.prof {
  font-size: 0.85rem;
  font-weight: 600;
  line-height: 1.6 !important;
}
.contentSet .columnSec p.prof span {
  font-size: 1.2rem;
  font-weight: 600;
}
.contentSet .columnSec:nth-child(2) img {
  margin: 2rem 0 0 0;
}
/*------------------------------------------*/

/*footer*/
footer {
  display: block;
  padding: 1rem 0;
  width: 100%;
  background-color: #478c95;
}
#footerContent {
  display: block;
  margin: 0 auto;
  max-width: 100%;
}
#footerContent p {
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 90%;
  font-size: 0.7rem;
  line-height: 1.2rem;
  text-align: center;
  color: #fff;
}