@charset "UTF-8";

/* トップページ */
#top_entry {
  padding-top: 0px;
  padding-right: 0px;
  padding-left:0px; 
  padding-bottom: 0px;
  margin-bottom: 0px;
  margin-top: 0px;
}

#top_entry div.top-info {
  padding: 8px 0;
}
#top_entry div.top-info h1 {
  float: left;
  padding-top: 5px;
}
#top_entry div.top-info div.right {
  text-align: right;
  margin-top: 10px;
}
#top_entry div.top-info div.right p.date {
  display: inline-block;
  font-size: 120%;
  line-height: 1em;
  font-weight: bold;
  color: #DF1939;
  border-top: solid 1px #DF1939; /* 元：#DF1939 */
  border-bottom: solid 1px #DF1939;
  padding: 5px 10px;
}
#top_entry div.top-info div.right p.date strong {
  font-size: 130%;
  line-height: 1em;
}

#top_entry p {
  line-height: 1em;
  font-size: 90%;
  margin-top: -30px;
}


#entry_back {
    position: relative;
     > img {
       width: 100%;
        height: auto;
        display: block;
        margin: 0 auto;
    }
}

#entry_bt {
    position: absolute;
    top: 27%;
    left: 50%;
   -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /*
    background-color: rgba(255,255,255,0.7);
    */
    > div {
        width: 25%;
        max-width: 140px;
        margin: 0 auto;
        /*font-size: 1rem;
        line-height: 1.7;
        padding: 20px 0;*/
    }
}

#entry_bt p {
  line-height: 1em;
  font-size: 120%;
  margin-top: 0px;
}
#entry_bt a {
  line-height: 1em;
  font-size: 120%;
  margin-top: 0px;
}


@media only screen and (max-width: 800px) {
    #entry_back {
      width: 100%;
    }
    #entry_bt {
      position: absolute;
      top: 33%;
      width: 50%;
    }
    #top_entry p {
      line-height: 1em;
      font-size: 90%;
      margin-top: -30px;
    }
    #top_entry a {
      line-height: 1em;
      font-size: 90%;
      margin-top: -30px;
    }
    #entry_bt p {
      line-height: 1em;
      font-size: 90%;
      margin-top: 20px;
    }

    #entry_bt a {
      line-height: 1em;
      font-size: 90%;
      margin-top: 20px;
    }
}

/* 参加者申し込み画面 */
#wpmem_reg .text,.textarea,.file,.checkbox {
  display: inline-block;
  width: 45%;
  box-sizing: border-box;
  padding: 15px;
  font-weight: bold;
  text-align: right;
}

#wpmem_reg .div_text {
  display: inline-block;
  width: 54%;
  box-sizing: border-box;
  padding: 15px;
}

#wpmem_reg .div_text2 {
  display: inline-block;
  width: 54%;
  box-sizing: border-box;
  padding: 15px;
  margin-left: 46%;
  margin-bottom: 20px;
}

#wpmem_reg .div_checkbox {
  display: inline-block;
  width: 54%;
  box-sizing: border-box;
  padding: 15px;
}

#wpmem_reg .div_textarea {
  display: inline-block;
  width: 54%;

  box-sizing: border-box;
  padding: 15px;
}

#wpmem_reg .div_file {
  display: inline-block;
  width: 54%;
  box-sizing: border-box;
  padding: 15px;
}

#wpmem_reg .div_text input {
  border: 1px solid #cccccc;
  width: 90%;
}


#wpmem_reg .div_file input {
  font-weight: normal;
  width: 90%;
}


#wpmem_reg .div_textarea textarea {
  border: 1px solid #cccccc;
  width: 90%;
  text-align: left;
  font-weight: normal;
}

#wpmem_reg .button_div {
  text-align: center; 
}

#wpmem_reg .button_div .buttons {
  display: inline-block;
  width: 200px;
  border: none;
  padding: 10px 20px;
  cursor: pointer;
  border-radius: 4px;
}

#wpmem_reg .button_div .buttons:nth-child(1) {
  background-color: #3B4552;
}

#wpmem_reg .button_div .buttons:nth-child(2) {
  background-color: #eec507;
}

#wpmem_reg .button_div .buttons:hover {
  opacity: 0.7;
}

#wpmem_reg .req {
  color: red;
  padding-left: 4px;
}
 
.wpmem_msg {
  color: red;
  font-weight: bold;
}

.req-text {
  text-align: right;
  margin-right: 66px;
}

#wpmem_reg .note {
  font-size: 80%;
}

/* ログイン画面 */
#wpmem_login {
  margin-top:10px;
}

#wpmem_login .login_custom{
	margin: 30px auto;
	width: 70%;
	padding: 20px;
	border: 1px solid #464646;
}
#wpmem_login  .note {
  font-size: 80%;
  margin-top: 20px;
}

#wpmem_login .button_div {
  margin-top: 20px;
  margin-bottom: 40px;
}

#wpmem_login .button_div .buttons {
  float: right;
}

#wpmem_login .div_text input {
	margin-bottom: 10px;
	border: 1px solid #eeeeee;
	height: 30px;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}
legend{
	font-family:"UD Shin Go DemiBold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 30px;
	font-weight: bold;
	line-height: 60px;
	padding-top: 10px;
	padding-left: 20px;
	position:relative;/*疑似要素を使う場合には必要*/
	}
legend:before{
	position:absolute;
	content: "";
	width: 10px;
	height: 50px;
	background: #640078;
	top: 15px;
	left: 0px;
}
legend{
	width: 970px;
	border-bottom: 1px solid #000;
	background-image: url(../images/common/title_bg.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	}
fieldset p{
	font-family: "UD Shin Go DemiBold","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 8px 0;
	text-align: justify;
		color: #464646;
		}
#wpmem_login  .link-text {
	font-family: "UD Shin Go DemiBold","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	margin: 8px 0;
	text-align: justify;
		color: #464646;
}
#wpmem_login  .link-text a{
		color: #640078;
	font-weight: bold;
	
}
/* =======================================

tb

=======================================*/
@media screen and (max-width: 969px) {

#wpmem_login .login_custom{
	margin: 30px auto;
	width: 75%;
	padding: 20px;
	border: 1px solid #464646;
}
	
legend{
	width: 95%;
	margin-left: auto;
	margin-right: auto;
	}

	}


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

sp

=======================================*/
@media screen and (max-width: 479px) {

#wpmem_login .login_custom{
	margin: 30px auto;
	width: 80%;
	padding: 20px;
	border: 1px solid #464646;
}
	legend{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	background-image: url(../images/common/title_bg_sp.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	-moz-background-size: 100% auto;
	background-size: 100% auto;
	border-bottom: 1px solid #000;
	}
	
	legend:before{
	display: none;
}
	legend{
	font: bold 20px/22px "UD Shin Go DemiBold", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	clear: both;
	text-align: center;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	}
	}