@charset "UTF-8";
/* style.css */


/* 基本設定 */

@import url('reset.css');

html { font-size: 62.5%;}

body {
	background: #fff;
	color: #000000;
	font-family:'Noto Sans Japanese', YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-size: 16px; font-size: 1.6rem;
	line-height: 1.8;
	text-align: justify;
	text-justify: inter-ideograph;
	-ms-text-justify: inter-ideograph;
  text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

a{
	outline: none;
	color: #ef8585;
}
a:hover{
	opacity: 0.7;
	transition: 0.3s;
}
a:focus{
	outline: none;
}

img {
	max-width: 100%;
	height: auto;
}
.is-pc{ display: inherit!important;}
.is-sp{ display: none!important;}


/* レイアウト */
#wrap {
  text-align: center;
}
#header {
}
#header img {
  max-width: 725px;
  width: 100%;
}
#header .txt {
  background: #ef8585;
}

#main {
  margin: 0 auto;
  max-width: 650px;
  padding: 0 30px;
}

#main .pagenav ul {
  margin-top: 30px;
}

#main .pagenav li {
  margin: 20px 0;
}

#footer {
  margin: 0 auto;
  max-width: 650px;
  padding: 30px 30px 60px;
}

#footer .access {
  margin: 3% auto;
  width: 57%;
}

@media screen and (max-width: 767px) {
  #main {
    padding: 0 calc(45/750 *100vw);
  }

  #main .pagenav ul {
    margin-top: calc(45/750 *100vw);
  }

  #main .pagenav li {
    margin: calc(30/750 *100vw) 0;
  }

  #footer {
    padding: calc(45/750 *100vw) calc(45/750 *100vw) calc(90/750 *100vw);
  }
}