@charset "utf-8";
/*
Theme Name: 東京音楽大学後援会
Theme URI: http://www.tokyo-ondai.org/
Description: 
Author: BLANCELL
Author URI: http://blancell.jp/
*/

  /* --- 共通スタイル --- */
  body.mce-content-body,
  body#newsletter {
	  font-family: "segoe UI", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, sans-serif;
	  font-size: 16px;
	  color: #000000;
  }

  /* --- ログインフォームスタイル --- */
  body#newsletter .boxLoginform {
    background-color: #F5F5F5;
    padding: 34px 64px;
    max-width: 462px;
    margin: 36px auto;
  }

  body#newsletter .boxLoginform .login-errors {
	  padding: 8px 12px;
    background-color: #fef3f3;
	  color: #d20418;
	  margin-bottom: 2em;
	  border: solid 1px currentcolor;
  }

  body#newsletter .boxLoginform .error-message {
	  color: #d20418;
  }

  body#newsletter .boxLoginform form > p {
	  font-weight: 700;
    display: flex;
    align-items: center;
	  gap: 7px 25px;
    margin-bottom: 24px;
  }

  body#newsletter .boxLoginform form > p:last-child {
	  margin-bottom: 0;
  }

  body#newsletter .boxLoginform form > p > label {
	  white-space: nowrap;
  }

  body#newsletter .boxLoginform form > p input {
	  margin: 0;
    font-weight: 400;
    font-size: 16px;
	  flex-grow: 1;
	  width: 100%;
  }

  body#newsletter .boxLoginform form input[type="submit"] {
    display: inline-block;
    margin: 6px auto;
    padding: 10px 32px;
    border-radius: 0;
    background-color: #333333;
    color: #FFFFFF;
    font-weight: 400;
    border: solid 1px #333333;
    font-size: 1em;
    transition: all 0.3s;
    cursor: pointer;
  }

  body#newsletter .boxLoginform form input[type="submit"]:hover {
    background-color: #FFFFFF;
    color: #333333;
  }

  body#newsletter .password-wrapper {
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 12px;
  }

  body#newsletter .password-wrapper input {
    width: 100%;
    margin: 0;
  }

  body#newsletter .password-toggle {
    position: absolute;
    right: 10px;
    top: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    transform: translateY(-50%);
    background: none;
    border: none;
    cursor: pointer;
    padding: 4px;
    border-radius: 3px;
    transition: background-color 0.2s;
  }
  
  body#newsletter .password-toggle:hover svg {
    fill: #333333;
  }
  
  body#newsletter .password-toggle svg {
    width: 18px;
    height: 18px;
    fill: #666666;
  }

  body#newsletter #user_pass {
    padding-right: 40px;
  }

  /* --- 見出しスタイル --- */
  body.mce-content-body h1,
  body#newsletter h1 {
    clear: both;
    font-size: 1.375em;
    color: #6B2100;
    padding-left: 0;
    padding-right: 0;
    border: none;
    margin-top: 24px;
    margin-bottom: 24px;
  }

  body#newsletter .articleTitle {
  	border-top: solid 4px #6B2100;
    border-bottom: solid 1px #cccccc;
    padding-top: 18px;
    padding-bottom: 16px;
  	margin-bottom: 40px;
  }

  body#newsletter .articleTitle > h1 {
    margin: 0 0 6px 0;
    padding: 0;
  }

  body#newsletter #contentMain .articleTitle > h1 > a {
	text-decoration: none;
  	color: #6B2100;
  }
  
  body.mce-content-body h2,
  body#newsletter h2 {
  	clear: both;
    font-size: 1.125em;
    color: #000000;
    border-left: 6px solid #6B2100;
    padding: 14px 0 15px 17px;
  	margin-top: 30px;
    margin-bottom: 24px;
    background-color: #F7F7F7;
  }
  
  body.mce-content-body h3,
  body#newsletter h3 {
  	clear: both;
    font-size: 1.25em;
    color: #6B2100;
  	margin-top: 24px;
    margin-bottom: 14px;
  }

  body.mce-content-body h4,
  body#newsletter h4 {
    font-size: 1.125em;
    color: #000000;
    margin-top: 24px;
    margin-bottom: 10px;
  }

  body.mce-content-body h5,
  body.mce-content-body h6,
  body#newsletter h5,
  body#newsletter h6 {
	  font-size: 1em;
  }

  body.mce-content-body .mceTemp + h3,
  body.mce-content-body .mceTemp + h4,
  body#newsletter [id^="attachment"] + h3,
  body#newsletter [id^="attachment"] + h4 {
	  margin-top: 0;
  }

  body.mce-content-body article,
  body#newsletter article {
	  clear: both;
  }

  body#newsletter .pageTitle {
    display: inline-block;
    font-size: 1.75em;
    font-weight: 700;
    margin-bottom: 40px;
  }

  body#newsletter .boxLogout {
	  float: right;
  }

  /* --- 段落スタイル --- */
  body.mce-content-body p,
  body#newsletter p {
    font-size: 0.875em;
    line-height: 1.8;
    margin: 0;
  }

  /* --- テキストスタイル --- */
  body.mce-content-body strong,
  body#newsletter strong {
	  font-weight: 700;
  }

  body.mce-content-body em,
  body.mce-content-body i,
  body#newsletter em,
  body#newsletter i {
	  font-style: italic;
  }

  body.mce-content-body del,
  body.mce-content-body s,
  body#newsletter del,
  body#newsletter s {
	  text-decoration: line-through;
  }

  /* --- リンクスタイル --- */
  body.mce-content-body a,
  body#newsletter #contentMain a {
    display: inline;
    color: #004499;
    text-decoration: underline;
  }

  body#newsletter #contentMain .boxLogout a,
  body#newsletter #contentMain .post-navigation a {
	display: inline-block;
	text-decoration: none;
  }

  /* --- リストスタイル --- */
  body.mce-content-body ul,
  body.mce-content-body ol,
  body#newsletter ul,
  body#newsletter ol {
  	margin-top: 24px;
    margin-bottom: 24px;
    margin-left: 1em;
    font-size: 0.875em;
  }

  body.mce-content-body ul > li,
  body#newsletter ul > li {
  	list-style: disc;
  }

  body.mce-content-body ol > li,
  body#newsletter ol > li {
  	list-style: numeric;
  }
  
  body.mce-content-body li,
  body#newsletter li {
    margin-bottom: 0.5em;
  }

  body.mce-content-body blockquote,
  body#newsletter blockquote {
    background-color: #EFEFEF;
    padding: 24px 26px;
    margin: 0 0 16px 0;
  }

  body.mce-content-body blockquote > p,
  body#newsletter blockquote > p {
  	margin: 0;
  }

  /* --- 画像の回り込み解除など --- */
  body.mce-content-body .alignleft,
  body#newsletter .alignleft {
    float: left;
    margin-right: 30px;
    margin-bottom: 30px;
  }
  
  body.mce-content-body .alignright,
  body#newsletter .alignright {
    float: right;
    margin-left: 30px;
    margin-bottom: 30px;
  }

  body.mce-content-body .aligncenter,
  body#newsletter .aligncenter {
    display: block;
	text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 30px;
  }

  body.mce-content-body .wp-caption-dd,
  body#newsletter .wp-caption-text {
    text-align: center;
    font-size: 0.875em;
    font-weight: 700;
    margin-top: 12px;
  }

  body.mce-content-body .mceTemp,
  body#newsletter [id^="attachment"] {
  	clear: both;
  }

  body.mce-content-body .clearfix::after,
  body#newsletter .clearfix::after {
    content: "";
    display: table;
    clear: both;
  }

  body.mce-content-body [id^="wp-"],
  body#newsletter [id^="wp-"] {
    margin: inherit;
    padding: inherit;
  }

  body#newsletter #contentMain a.more-link {
    color: #6b2100;
    border: solid 1px currentColor;
    display: flex;
    justify-content: center;
    line-height: 40px;
    align-items: center;
    width: 136px;
    height: 40px;
    margin: 60px auto 80px auto;
	text-decoration: none;
  }

  body#newsletter #contentMain a.more-link:hover {
    color: #FFFFFF;
    background-color: #6b2100;
    transition: 0.3s all;
  }

  body#newsletter .post-navigation {
    display: flex;
    justify-content: space-evenly;
    padding-top: 34px;
    border-top: dotted 2px #BBBBBB;
    margin-top: 70px;
  	clear: both;
  }

  body#newsletter .post-navigation > a {
    color: #004499;
  }

  body#newsletter #contentMain .boxPager a {
	text-decoration: none;
	display: inline-block;
	color: #6b2100;
  }

  body#newsletter #contentMain .boxPager a:hover {
	color: #FFFFFF;
  }

@media screen and (max-width: 740px) {
  body.mce-content-body .mceTemp,
  body#newsletter [id^="attachment"] {
    max-width: 100%;
    width: auto;
    float: none;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  body.mce-content-body .alignleft,
  body#newsletter .alignleft,
  body.mce-content-body .alignright,
  body#newsletter .alignright,
  body.mce-content-body .aligncenter,
  body#newsletter .aligncenter {
	  float: none;
	  display: block;
	  margin-left: auto;
	  margin-right: auto;
  }
}

@media screen and (max-width: 599px) {
  body#newsletter p {
		font-size: 14px;
  }

  body#newsletter .boxLoginform {
  	padding: 34px 20px;
  }

  body#newsletter .boxLoginform form > p {
    flex-direction: column;
    align-items: flex-start;
  }
}