@charset "UTF-8";

body {}



p {

  margin-top: 0;

}



article {

  clear: both;

}



section {

  background: #fff;

  margin: 0 auto;

}



.inner {

  box-sizing: border-box;

  margin: 0 auto;

  padding: 0 0 50px;

  width: 980px;

}



h1 {

  margin: 0;

}



h2 {

  color: #333;

  font-size: 150%;

  font-weight: 600;

  margin: 0 0 10px;

}



h3 {

  border-bottom: solid 1px #111;

  font-size: 120%;

  padding: 0 0 7px;

  margin: 40px 0 15px;

}



h3 br {

  display: none;

}



.normal_box {

  box-sizing: border-box;

  border: solid 1px #999;

  padding: 15px 20px;

  margin-bottom: 20px;

}



.dl_btn {

  text-align: center;

}



.dl_btn a {

  box-sizing: border-box;

  display: block;

  background: #c69d30;

  border: solid 1px #333;

  color: #fff;

  font-size: 200%;

  font-weight: 600;

  padding: 20px 10px;

  margin: auto auto 50px;

  text-decoration: none;

  width: 980px;

  position: relative;

}



.dl_btn a:after {

  content: "";

  position: absolute;

  top: 50%;

  right: 30px;

  width: 20px;

  height: 20px;

  border-top: 2px solid #fff;

  border-right: 2px solid #fff;

  transform: rotate(45deg);

  margin-top: -5px;

}



.dl_btn a:hover {

  opacity: 0.7;

  transition: 0.3s;

}



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

  h3 br {

    display: block !important;

  }

  section {

    width: 100%;

  }

  .inner {

    width: 100%;

    padding: 0 5% 50px;

  }

  .dl_btn a {

    font-size: 5vw;

    margin: auto auto 50px;

    width: 87%;

  }

  .dl_btn a:after {

    content: "";

    position: absolute;

    top: 50%;

    right: 13px;

    width: 10px;

    height: 10px;

    border-top: 2px solid #fff;

    border-right: 2px solid #fff;

    transform: rotate(45deg);

    margin-top: -5px;

  }

}





/* 読者からの感想



   ========================================================================== */



.contents {

  border-top: solid 1px #a61f25;

}



.reader_box {

  border: solid 1px #666;

  border-radius: 10px;

  padding: 20px 20px 5px;

}



.read_ttl {

  color: #529654;

  font-size: 120%;

  text-decoration: underline;

  margin-bottom: 10px;

  display: inline-block;

}



.balloon3-right-btm {

  position: relative;

  display: inline-block;

  margin: 0 5px 10px -5px;

  padding: 0 10px;

  text-align: center;

  color: #FFF;

  font-size: 90%;

  font-weight: bold;

  background: #529654;

  border-radius: 50%;

  box-sizing: border-box;

}



.balloon3-right-btm:before {

  content: "";

  position: absolute;

  bottom: -7px;

  right: -5px;

  margin-top: -5px;

  border: 8px solid transparent;

  border-left: 8px solid #529654;

  z-index: 0;

  -webkit-transform: rotate(55deg);

  transform: rotate(55deg);

}



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

  .contents br {

    display: none;

  }

}





/* form



   ========================================================================== */



.form_box {

  /*background: rgba(82,150,84,0.5);*/

  background: #d2f3d8;

  color: #111;

  position: relative !important;

}



.form_box h2 {

  color: #111 !important;

}



.form_end {

  box-sizing: border-box;

  background: rgba(0, 0, 0, 0.8);

  font-size: 420%;

  font-weight: 600;

  text-align: center;

  width: 980px;

  height: 90%;

  z-index: 100;

  position: absolute;

  top: 6%;

}



.form_end span {

  position: absolute;

  margin: auto;

  top: 10vh;

  right: 0;

  bottom: 0;

  left: 0;

}



.form_box .inner {

  padding-top: 30px;

  padding-bottom: 30px;

}



.form_box h2 {

  color: #fff;

  font-size: 180%;

  text-align: center;

}



.form {

  width: 100%;

}



.form th {

  display: block;

  width: 100%;

  margin: 0 0 5px;

  padding: 0;

  text-align: left;

}



.form td {

  display: block;

  width: 100%;

  margin: 0 0 20px;

  padding: 0;

}



input {

  box-sizing: border-box !important;

  border: solid 1px #eee;

  width: 100%;

  padding: 10px;

  line-height: 1.5;

  /*pointer-events: none;*/

}



.form input::-webkit-input-placeholder {

  color: #ccc;

  font-weight: normal;

}



.form input:-ms-input-placeholder {

  color: #ccc;

  font-weight: normal;

}



.form input::-moz-placeholder {

  color: #ccc;

  font-weight: normal;

}



.submit {

  display: block;

  background: #529654;

  border: none;

  color: #fff;

  font-size: 150%;

  font-weight: 600;

  padding: 20px 10px;

  margin: auto;

  width: 100%;

  -webkit-font-smoothing: antialiased;

  /*box-shadow: 0 0 3px #333;*/

}



.submit:hover {

  cursor: pointer;

  opacity: 0.7;

  transition: 0.3s;

}



.form_pc {

	width: 100%;

	margin-bottom: 10px;

}



.form_sp {

	width: 100%;

	display: none;

}





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

  .form_box br {

    display: none;

  }

  .frm_book {

    float: none;

    display: block;

    width: 50%;

    margin: auto auto 20px;

  }

  .frm_left {

    width: 100%;

  }

  input {

    width: 100%;

  }

  .submit {

    font-size: 100%;

    padding: 20px 5px;

  }

  .form_end {

    box-sizing: border-box;

    font-size: 10vw;

    padding: 0;

    width: 90%;

    height: 90%;

    z-index: 100;

    position: absolute;

    margin: auto;

    vertical-align: middle;

  }

  .form_end span {

    top: 30vh;

  }

  .form_end br {

    display: block !important;

  }

	

	.form_pc {

	display: none;

}



.form_sp {

	display: block;

	margin-bottom: 20px;

}

}





/* profile



   ========================================================================== */



.profile_box {

  clear: both;

}



.profile_box .inner {

  box-sizing: border-box;

}



.pro_author {

  font-size: 130%;

  font-weight: 600;

}



.pro_sttl {

  font-size: 80%;

}



.pro_img {

  float: right;

  margin: 0 0 10px 10px;

}



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

  .pro_img {

    display: block;

    float: none;

    margin: auto auto 20px;

  }

}





/* footer



   ========================================================================== */



footer {

  clear: both;

  background: #fff;

  color: #333;

  font-size: 80%;

  padding: 15px 15px 5px;

  overflow: hidden;

}



.ftr_link {

  float: right;

  margin: 0 auto 10px;

  font-size: 90%;

}



.ftr_link a, .ftr_link a:active, .ftr_link a:visited {

  color: #333;

  text-decoration: underline;

}



.ftr_link a:hover {

  color: #F00 !important;

}



.ftr_companybox {

  float: left;

  margin-bottom: 15px;

}



.ftr_companybox p {

  margin-bottom: 0;

}



.company {

  font-size: 120%;

  font-weight: 600;

  margin-bottom: 5px;

}



.bdr_top1 {

  border-top: solid 1px #eee;

}



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

  footer {

    font-size: 80%;

    text-align: center;

  }

  .ftr_link, .ftr_companybox {

    float: none;

    font-size: 90%;

    margin-bottom: 10px;

  }

}





/* プリント非表示



   ========================================================================== */



@media print {

  footer {

    display: none !important;

  }

}