/* body */
/* body{margin:0;padding:0;background:#fff;font-size:14px;color:#232323;font-family:"Hiragino Kaku Gothic ProN","メイリオ","Meiryo",sans-serif;overflow-x:hidden;} */
.modal input,.modal select,.modal textarea,.modal button{margin:0;padding:0;box-sizing:border-box;}
/* default */
.modal header,.modal nav,.modal footer,.modal section,.modal aside,.modal article,.modal div,.modal span,.modal em,.modal i,.modal strong,.modal h1,.modal h2,.modal h3,.modal h4,.modal h5,.modal h6,.modal p,.modal ul,.modal ol,.modal li,.modal dl,.modal dt,.modal dd,.modal form,.modal input,.modal select,.modal hr,.modal button,.modal a{margin:0;padding:0;box-sizing:border-box;} */
/* .modal ul,.modal ol{list-style:none;} */
.modal b,.modal strong{font-weight:normal;}
.modal i,.modal em{font-style:normal;}
.modal img{display:block;border:0;-ms-interpolation-mode:bicubic;}
/* modal */
/* .modal{position:relative;display:none;margin:0 auto;background:#fff;border-radius: 2px;letter-spacing:0.5px;} */
.modal{
  position:fixed;
  display:none;
  margin:0 auto;
  background:#fff;
  border-radius: 2px;
  letter-spacing:0.5px;
  z-index:100;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
}
.modal .close{position:absolute;display:block;border:1px solid #c0c0c0;border-radius:50%;width:30px;height:30px;cursor:pointer;transform:translate(0,-50%);}
.modal .close:before,
.modal .close:after{position:absolute;top:13px;left:9px;display:block;content:"";width:10px;border-top:1px solid #232323;}
.modal .close:before{transform:skewY(-45deg);}
.modal .close:after{transform:skewY(45deg);}
.modal .inner:after{content:"";display:block;clear:both;height:0;visibility:hidden;}
.modal .check{position:relative;border:4px solid #82be7b;border-radius:50%;}
.modal .check:after{position:absolute;display:block;content:"";border-left:4px solid #82be7b;border-bottom:4px solid #82be7b;transform:rotate(-45deg);}
.modal h2{border-bottom:1px solid #d8d8d8;letter-spacing:1px;text-align:center;}
.modal h3{font-size:14px;}
.modal p{line-height:1.5em;text-align:center;}
.modal p a{display:block;margin:24px 0 0;color:#3d8dff;}
.modal input[type="text"]{display:block;padding:0 1em;border:1px solid #c7c7c7;width:100%;font-size:12px;}
.modal input[type="email"]{display:block;padding:0 1em;border:1px solid #c7c7c7;width:100%;font-size:12px;}
.modal input[type="password"]{display:block;padding:0 1em;border:1px solid #c7c7c7;width:100%;font-size:12px;}
.modal input[type="checkbox"]{display:inline-block;margin:0 0.5em 0 0;vertical-align:middle;}
.modal label{display:block;font-size:12px;line-height:1em;}
.modal input[type="submit"]{background:#e24c2f;border:0;border-radius:2px;width:100%;font-size:14px;color:#fff;text-align:center;cursor:pointer;padding-top: 1px;}
.modal input[type="button"]{background:#e24c2f;border:0;border-radius:2px;width:100%;font-size:14px;color:#fff;text-align:center;cursor:pointer;padding-top: 1px;}
.modal input[type="submit"]:disabled{background:#f0f0f0;color:#b5b5b5;}
.modal input[type="button"]:disabled{background:#f0f0f0;color:#b5b5b5;}
.modal dl dd{position:relative;}
.modal dl dd em{position:absolute;top:-6px;left:50%;display:none;padding:8px 12px;background:#323232;font-size:12px;line-height:16px;color:#fff;text-align:center;transform:translate(-50%,-100%);white-space:nowrap;opacity:0.8;}
.modal dl dd em:after{position:absolute;bottom:-8px;left:50%;content:"";margin-left:-4px;border:4px solid transparent;border-top:4px solid #323232;z-index:1;}
.modal dl dd + dd{margin:12px 0 0;}
.modal dl dd small{display:block;font-size:11px;text-align:center;}
.modal dl dt{margin:24px 0 0;}
@media screen and (min-width:768px){
  .modal{width:580px;}
  .modal .close{top:38px;right:20px;}
  .modal .close:hover{opacity:0.6;}
  .modal .inner{padding:40px;}
  .modal .check{margin:0 auto 20px;width:90px;height:90px;}
  .modal .check:after{top:20px;left:20px;width:36px;height:24px;}
  .modal h2{padding:20px 0;font-size:24px;line-height:36px;margin:0;background-color:#FFF;}
  .modal h3{margin:0 0 20px;line-height:0;border:0;}
  .modal p{font-size:20px;}
  .modal p a{font-size:14px;}
  .modal p a:hover{text-decoration:none;}
  .modal input[type="text"]{height:40px;line-height:38px;}
  .modal input[type="email"]{height:40px;line-height:38px;}
  .modal input[type="password"]{height:40px;line-height:38px;}
  .modal input[type="submit"]{height:50px;line-height:50px;}
  .modal input[type="submit"]:not(:disabled):hover{opacity:0.6;}
  .modal input[type="button"]{height:50px;line-height:50px;}
  .modal input[type="button"]:not(:disabled):hover{opacity:0.6;}
}
@media screen and (max-width:767px){
  .modal{width:320px;}
  .modal .close{top:27px;right:15px;}
  .modal .inner{padding:20px;}
  .modal .check{margin:0 auto 15px;width:70px;height:70px;}
  .modal .check:after{top:15px;left:15px;width:30px;height:18px;}
  .modal h2{padding:15px 0;font-size:18px;line-height:24px;}
  .modal h3{margin:0 0 10px;}
  .modal p{font-size:16px;}
  .modal p a{font-size:12px;}
  .modal input[type="text"]{height:35px;line-height:33px;}
  .modal input[type="email"]{height:35px;line-height:33px;}
  .modal input[type="password"]{height:35px;line-height:33px;}
  .modal input[type="submit"]{height:45px;line-height:45px;}
  .modal input[type="button"]{height:45px;line-height:45px;}
}
/* error */
.modal .error{display:none;margin:0 0 20px;padding:10px 14px;border: 2px solid #ddc439;}
.modal .error ul li{font-size:12px;list-style:none;line-height:1.5em;color:#ddc439;}
/* input */
.modal .input ul{margin:24px 0 0;list-style:none;}
.modal .input ul li{font-size:12px;line-height:1.5em;}
.modal .input ul li + li{margin:4px 0 0;}
.modal .input ul li a{color:#3d8dff;text-decoration: underline;}
.modal .input ul li a:hover{text-decoration:none;}
@media screen and (min-width:768px){
  .modal .input{float:left;width:220px;}
  .modal .input ul{margin:24px 0 0;list-style:none;}
}
@media screen and (max-width:767px){
  .modal .input ul{margin:18px 0 0;list-style:none;}
}
/* sns */
.modal .sns ul {list-style:none;}
.modal .sns ul li + li{margin:12px 0 0;}
.modal .sns ul li a{position:relative;display:block;padding:0 15px 0 30px;border-radius:2px;font-size:12px;color:#fff;text-decoration:none;text-align:center;}
.modal .sns ul li a.google{background:#5286ec;}
.modal .sns ul li a.facebook{background:#3c5a96;}
.modal .sns ul li a.twitter{background:#1aaeec;}
.modal .sns ul li a.yahoo{background:#ff0027;}
.modal .sns ul li a .fab{position:absolute;top:50%;left:15px;display:inline-block;margin:0 0.5em 0 0;width:20px;font-size:16px;text-align:center;transform:translate(0,-50%);}
@media screen and (min-width:768px){
  .modal .sns{float:right;width:220px;}
  .modal .sns ul li a{line-height:40px;}
  .modal .sns ul li a:hover{opacity:0.6;}
}
@media screen and (max-width:767px){
  .modal .sns{margin:20px 0 0;}
  .modal .sns ul li a{line-height:35px;}
}
/* password */
@media screen and (min-width:768px){
  .modal .password{margin:0 auto;width:220px;}
  .modal .input ul{margin:24px 0 0;list-style:none;}
}
@media screen and (max-width:767px){
  .modal .input ul{margin:18px 0 0;list-style:none;}
}
/* create */
.create{border-top:1px solid #d8d8d8;}
@media screen and (min-width:768px){
  .create p{padding:20px 0;}
  .create p a{margin:0;text-decoration: underline;}
}
@media screen and (max-width:767px){
  .create p{padding:15px 0;}
  .create p a{margin:0;}
}
/* limited */
.limited{margin:40px auto;}
.limited h3{margin:0 0 12px;color:#242424;text-align:center;border:0;padding:0;background-color:#FFF;font-weight:normal !important;}
.limited p{color:#242424;text-align:center;}
.limited p span{font-size:12px;color:#878787;}
.limited p span a{text-decoration: underline;}
.limited ul{margin:32px 0 24px;list-style:none;}
.limited ul li a{display:block;border-radius:2px;font-size:16px;color:#fff;text-align:center;text-decoration:none;}
.limited ul li a:hover{text-decoration:none;}
.limited ul li a.member{background:#e24c2f;}
.limited ul li a.login{background:#3d8dff;}
@media screen and (min-width:768px){
  .limited{width:640px;}
  .limited h3{font-size:20px;line-height:30px;}
  .limited p{font-size:14px;line-height:21px;}
  .limited ul{letter-spacing:-0.5em;list-style:none;}
  .limited ul li{display:inline-block;width:50%;letter-spacing:0;}
  .limited ul li:nth-child(1){padding:0 16px 0 0;}
  .limited ul li:nth-child(2){padding:0 0 0 16px;}
  .limited ul li a{line-height:50px;}
}
@media screen and (max-width:767px){
  .limited{padding:30px;}
  .limited h3{font-size:16px;line-height:24px;}
  .limited p{font-size:12px;line-height:18px;}
  .limited ul li + li{margin:12px 0 0;}
  .limited ul li a{line-height:45px;}
}
.limited .merit {
width: 100%;
}
.limited .merit hr {
  width: 80%;
  background-color: #000;
  height: 2px;
  border: 0;
  padding: 0;
  margin: 0 auto;
}
.limited .merit p {
  font-size: 2.4rem;
  font-weight: bold;
  margin: 20px auto;
}
.limited .merit ul {
  padding: 0;
  margin: 10px auto;
}
.limited .merit ul li {
  display: block;
  margin: 0 auto;
  width: 80%;
  text-align: left;
  padding: 0 0 0 15px;
  font-size: 1.8rem;
  font-weight: bold;
}
@media only screen and (max-width: 670px) and (min-width: 200px) {

	.limited .merit hr {
		width: 100%;
	}
	.limited .merit ul {
		width: 100%;
	}
	.limited .merit p {
		font-size: 1.6rem;
		margin: 10px auto;
	}
	.limited .merit ul li{
		font-size: 1rem;
		width: 100%;
    padding: 0;
	}
}

/* blog */
.blog{position:relative;margin:0 auto;letter-spacing:0.5px;}
.blog .inner:after{content:"";display:block;clear:both;height:0;visibility:hidden;}
.blog .check{position:relative;border:4px solid #82be7b;border-radius:50%;}
.blog .check:after{position:absolute;display:block;content:"";border-left:4px solid #82be7b;border-bottom:4px solid #82be7b;transform:rotate(-45deg);}
.blog h2{border-bottom:1px solid #d8d8d8;letter-spacing:1px;text-align:center;}
.blog h3{font-weight: bold;font-size:14px;line-height:1em;}
.blog p{line-height:1.5em;text-align:center;}
.blog p a{display:block;margin:24px 0 0;color:#3d8dff;}
.blog input[type="text"],
.blog input[type="email"],
.blog input[type="password"]{display:block;margin:0;padding:0 1em;border:1px solid #c7c7c7;border-radius:0;width:100%;font-size:12px;}
.blog input[type="checkbox"]{display:inline-block;margin:0 0.5em 0 0;padding:0;vertical-align:middle;}
.blog label{display:block;font-size:12px;line-height:1em;}
.blog input[type="submit"]{margin:0;padding:0;background:#e24c2f;border:0;border-radius:2px;width:100%;font-size:14px;color:#fff;text-align:center;cursor:pointer;}
.blog input[type="submit"]:disabled{background:#f0f0f0;color:#b5b5b5;}
.blog dl dd{position:relative;margin:0;padding:0;font-size:14px;}
.blog dl dd em{position:absolute;top:-6px;left:50%;display:none;padding:8px 12px;background:#323232;font-size:12px;line-height:16px;color:#fff;text-align:center;transform:translate(-50%,-100%);white-space:nowrap;opacity:0.8;}
.blog dl dd em:after{position:absolute;bottom:-8px;left:50%;content:"";margin-left:-4px;border:4px solid transparent;border-top:4px solid #323232;z-index:1;}
.blog dl dd + dd{margin:12px 0 0;}
.blog dl dd small{display:block;font-size:11px;text-align:center;}
.blog dl dt{margin:24px 0 0;padding:0;}
@media screen and (min-width:768px){
  .blog div.inner{margin:0 auto;width:640px;}
  .blog .inner{padding:40px;}
  .blog .check{margin:0 auto 20px;width:90px;height:90px;}
  .blog .check:after{top:20px;left:20px;width:36px;height:24px;}
  .blog h2{padding:20px 0;font-size:24px;line-height:36px;}
  .blog h3{margin:0 0 20px;}
  .blog p{font-size:20px;}
  .blog p a{font-size:14px;}
  .blog p a:hover{text-decoration:none;}
  .blog input[type="text"]{height:40px;line-height:38px;}
  .blog input[type="email"]{height:40px;line-height:38px;}
  .blog input[type="password"]{height:40px;line-height:38px;}
  .blog input[type="submit"]{height:50px;line-height:50px;}
  .blog input[type="submit"]:not(:disabled):hover{opacity:0.6;}
}
@media screen and (max-width:767px){
  .blog .inner{padding:20px;}
  .blog .check{margin:0 auto 15px;width:70px;height:70px;}
  .blog .check:after{top:15px;left:15px;width:30px;height:18px;}
  .blog h2{padding:15px 0;font-size:18px;line-height:24px;}
  .blog h3{margin:0 0 10px;}
  .blog p{font-size:16px;}
  .blog p a{font-size:12px;}
  .blog input[type="text"]{height:35px;line-height:33px;}
  .blog input[type="email"]{height:35px;line-height:33px;}
  .blog input[type="password"]{height:35px;line-height:33px;}
  .blog input[type="submit"]{height:45px;line-height:45px;}
}
/* message */
.blog .message{display:block;margin:0 0 20px;padding:10px 14px;background:none;border: 2px solid #ddc439;border-radius:0;}
.blog .message ul{margin:0;padding:0;list-style:none;}
.blog .message ul li{margin:0;padding:0;font-size:12px;line-height:1.5em;color:#ddc439;}
/* message sys */
.blog p.message {color:#ddc439; font-size:12px;}
/* error */
.blog .error{display:none;margin:0 0 20px;padding:10px 14px;background:none;border: 2px solid #ddc439;border-radius:0;}
.blog .error ul{margin:0;padding:0;list-style:none;}
.blog .error ul li{margin:0;padding:0;font-size:12px;line-height:1.5em;color:#ddc439;}
/* error sys */
.blog p.error {color:#ddc439; font-size:12px;}
/* input */
.blog .input ul{margin:24px 0 0;padding:0;list-style:none;}
.blog .input ul li{font-size:12px;line-height:1.5em;}
.blog .input ul li + li{margin:4px 0 0;}
.blog .input ul li a{color:#3d8dff;}
.blog .input ul li a:hover{text-decoration:none;}
@media screen and (min-width:768px){
  .blog .input{float:left;width:250px;}
  .blog .input.center{float:none;margin:0 auto;}
  .blog .input ul{margin:24px 0 0;}
}
@media screen and (max-width:767px){
  .blog .input ul{margin:18px 0 0;}
}
/* sns */
.blog .sns ul{margin:0;padding:0;list-style:none;}
.blog .sns ul li + li{margin:12px 0 0;}
.blog .sns ul li a{position:relative;display:block;padding:0 15px 0 30px;border-radius:2px;font-size:12px;color:#fff;text-decoration:none;text-align:center;}
.blog .sns ul li a.google{background:#5286ec;}
.blog .sns ul li a.facebook{background:#3c5a96;}
.blog .sns ul li a.twitter{background:#1aaeec;}
.blog .sns ul li a.yahoo{background:#ff0027;}
.blog .sns ul li a .fab{position:absolute;top:50%;left:15px;display:inline-block;margin:0 0.5em 0 0;width:20px;font-size:16px;text-align:center;transform:translate(0,-50%);}
@media screen and (min-width:768px){
  .blog .sns{float:right;width:250px;}
  .blog .sns ul li a{line-height:40px;}
  .blog .sns ul li a:hover{opacity:0.6;}
}
@media screen and (max-width:767px){
  .blog .sns{margin:20px 0 0;}
  .blog .sns ul li a{line-height:35px;}
}
/* password */
@media screen and (min-width:768px){
  .blog .password{margin:0 auto;width:220px;}
  .blog .input ul{margin:24px 0 0;}
}
@media screen and (max-width:767px){
  .blog .input ul{margin:18px 0 0;}
}
/* create */
.create{border-top:1px solid #d8d8d8;}
@media screen and (min-width:768px){
  .create p{padding:20px 0;}
  .create p a{margin:0;}
}
@media screen and (max-width:767px){
  .create p{padding:15px 0;}
  .create p a{margin:0;}
}

/* mail Magazine */
div.mailmag {
  max-width: 500px;
  min-height: 300px;
  margin: 0 auto;
  padding: 0;
}
div.mailmag p.button input {
  border-radius: 0px;
  padding: 10px;
  font-size: 18px;
  border-radius: 5px;
  background-color: #e7625c;
  color: #fff;
  width: 100%;
  max-width: 300px;
  border: none;
  box-shadow: 0px 5px 0px 0px #a02c27;
  position: relative;
  cursor: pointer;
  top: 0px;
}


div.mailmag form.form p label {
  font-size: 16px;
  display: block;
  padding-bottom: 10px;
}

div.mailmag input[type="text"] {
  font-size: 20px;
  width: 100%;
  padding: 5px;
  box-sizing: border-box;
  border: solid 2px #bbb;
}

div.mailmag form.form p.button {
  margin-left:0px;
  margin: 40px auto 0;
  text-align: center;
}

div.mailmag form#mailmag-form {
  max-width: 500px;
  margin: 0 auto;
}

div.mailmag p.form-field.email.pd-text.required.required-custom {
  text-align: center;
}
div.mailmag form.form p.no-label {
  margin-left: 0;
}
.mailmag form.form p label { color: #000000; font-size: 14pt; font-family: Helvetica, Arial, sans-serif; float: none; text-align: left; line-height: 1em; width: auto; }
.mailmag form.form p.button { margin-left: 5px; }
.mailmag form.form p.no-label { margin-left: 50px; }
.mailmag form.form span.value { margin-left: 0px; }
.mailmag form.form p span.description { margin-left: 0px; }
.mailmag form.form p.required label, form.form span.required label { background-position: top left; background: none; padding-left: 0px; }
.mailmag #error_for_mailmag_addr {display: none;color:#FF0000;margin-bottom:20px;}

@media screen and (min-width: 669px) {
  div.mailmag p.button input:hover {
      box-shadow: 0px 2px 0px 0px #a02c27;
      top: 3px;
  }
  div.mailmag p.button input {
      transition: 0.3s;
  }
  
}