@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/*共通要素*/
:root{
	--main-bg-color-1: #EE223E;
	--main-bg-color-2: #FF69B4;
	--base-bg-color: #ffffff;
	--font-color-on-bg: #ffffff;
	--border-color: #9DA1B3;
	--main-font: 'Meiryo UI';
}

body{
	background-color: var(--base-bg-color);
}

ul{
	margin-left: 0px !important;
}


p{
	font-family: var(--main-font);
}

/*ページコンテナ*/
#container{
	background-color: var(--base-bg-color);
}

/*コンテンツ幅削除*/
.wrap{
	width: auto;
}

/*ヘッダー*/
#header-container{
	background: linear-gradient(90deg, var(--main-bg-color-1), var(--main-bg-color-2));	
	}

#header{
	width: 100%;
	position: relative;
}

#header-in a{
	color: var(--font-color-on-bg)
}

#header-in .logo-text{
	line-height: 60px;
	width: 300px;
}

#navi{
	background: linear-gradient(90deg, var(--main-bg-color-1), var(--main-bg-color-2));	
	z-index: 1;
    position: absolute;
    top: 0px;
	height: 60px;
}



#navi .navi-in > ul{
	justify-content: right;
}


#navi a{
		color: var(--font-color-on-bg);
}

#navi a:hover{
		background-color: #fc85c1 !important;
}

#navi .sub-menu{
	background-color: var(--main-bg-color-2) !important;
}

.register_links a{
	color: var(--main-bg-color-2);
}


/*ホームページサイト名*/
.logo.logo-header.logo-text{
	z-index: 100;
}


/*メイン幅*/
#main {
	max-width: 1000px;
	margin: 0 auto;
}

/*ログイン要望メッセージ*/
#wpmem_restricted_msg{
	margin: 50px auto;
}

/*ダイアログ */
#wpmem_login, #wpmem_msg, #wpmem_reg, .wpmem_msg {
	margin: 50px auto;
}

/*ログインステータス*/
.login_status a{
	color: var(--main-bg-color-2);
}


/* フッター */
/*パンくずリスト非表示*/
#breadcrumb{
	display: none;
}


/*ページタイトル*/
h1.entry-title{
	display: none;
/*	text-align: center;*/
}



/* ページ見出しの横線 */
/* 左右に横線 */
.heading {
  align-items: center; /* 横線を上下中央 */
  display: flex; /* 文字と横線を横並び */
  justify-content: center; /* 文字を中央寄せ */
}
.heading::before,
.heading::after {
  background-color:var(--main-bg-color-1); /* 横線の色 */
  content: "";
  height: 1.6px; /* 横線の高さ */
  width: 100px; /* 横線の長さ */
}
.heading::before {
  margin-right: 20px; /* 文字との余白 */
}
.heading::after {
  margin-left: 20px; /* 文字との余白 */
}





/*ログイン要求ダイアログ*/
#wpmem_restricted_msg{
	width: 70%;
	margin: auto;
}



/* 登録フォーム id:30 */

#post-30 #wpmem_reg{
	border: solid 1px var(--border-color);
	border-radius: 20px;
	margin: auto;
}

#post-30 #wpmem_reg fieldset{
	display: flex;
	flex-wrap: wrap;
	margin-top: 0px !important;

}



/*フォームのタイトル*/
#post-30 #wpmem_reg legend{
	text-align: center;
	margin-bottom: 20%;
	background: linear-gradient(90deg, rgb(22, 135, 237), rgb(20, 55, 90));
	background: linear-gradient(90deg, var(--main-bg-color-1), var(--main-bg-color-2));	
	color: var(--font-color-on-bg);
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	margin-bottom: 50px !important;
	height: 100px;
	line-height: 100px !important;

}

#post-30 #wpmem_reg .buttons{
	display: block;
	margin: 20px auto !important;
	width: 300px;
	height: 50px;
    background: linear-gradient(90deg, var(--main-bg-color-1), var(--main-bg-color-2));	
    display: block;
    margin: auto;
    border-radius: 20px;
    color: var(--font-color-on-bg);
	padding: 10px;
	text-align: center;
	margin-top: 50px;
	
}

#wpmem_reg fieldset label{
	flex-basis: 40%;
	margin-right: 10%;
	text-align: right
}

#wpmem_reg fieldset div{
	flex-basis: 40%;
	margin-right: 10%;
}
#wpmem_reg fieldset .button_div{
	margin: auto;
	flex-basis: 20%;
}

#wpmem_reg .req-text{
	display: none;
}

/*会員登録完了後のログインフォーム */

#wpmem_msg, .wpmem_msg{
	margin: 50px auto !important;
}


#post-30 #wpmem_login{
	margin: auto;
}

#post-30 #wpmem_login fieldset{
	display: flex;
	flex-wrap: wrap;
	margin-top: 0px !important;
	justify-content: center;
	border: solid 1px var(--border-color);
    border-radius: 20px;
	padding-bottom: 40px;


}

#post-30 #wpmem_login label{
	flex-basis: 40%;
	margin-right: 10%;
	text-align: right;
}

#post-30 #wpmem_login fieldset div{
	flex-basis: 50%;
/*	margin-right: 10%;*/
}
#post-30 #wpmem_login fieldset .button_div{
	margin: auto;
/*	flex-basis: 100%;*/
}

#post-30 #wpmem_login .link-text{
	flex-basis: 100%;
	margin-right: 10%;
}


#post-30 #wpmem_login .link-text a{
	color: var(--main-bg-color-2);
}



/*フォームのタイトル*/
#post-30 #wpmem_login legend{
	text-align: center;
	margin-bottom: 20%;
	background: linear-gradient(90deg, rgb(22, 135, 237), rgb(20, 55, 90));
	background: linear-gradient(90deg, var(--main-bg-color-1), var(--main-bg-color-2));	
	color: var(--font-color-on-bg);
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	margin-bottom: 50px !important;
	height: 100px;
	line-height: 100px !important;

}

#post-30 #wpmem_login .button_div{
	margin: auto !important;
	flex-basis: 100%;
	width: auto;
	text-align: center;
}

#post-30 #wpmem_login fieldset .button_div input{
	width: 50%;
	display: block;
	margin: auto !important;
}


#post-30 #wpmem_login fieldset .div_text input{
	width: 200px;
}


#post-30 #wpmem_login fieldset .button_div input.buttons{
/*	width: 30%;*/
	display: block;
	margin: 20px auto !important;
	width: 300px;
	height: 50px;
    background: linear-gradient(90deg, var(--main-bg-color-1), var(--main-bg-color-2));	
    display: block;
    margin: auto;
    border-radius: 20px;
    color: var(--font-color-on-bg);
	padding: 10px;
	text-align: center;
	margin-top: 50px;
}

#post-30 #wpmem_login .button_div label{
	flex-basis: 100%;
	width: auto;
	text-align: center;
	margin-right: 0% !important;
}



/*ログイン情報を記憶するのチェックボタン*/
#post-30 #wpmem_login .button_div input#rememberme{
	display: inline;
	width: auto;
}







/*メインメニュー*/

#post-15 ul a{
	width: 300px;
	height: 50px;
    background: linear-gradient(90deg, var(--main-bg-color-1), var(--main-bg-color-2));	
    display: block;
    margin: auto;
    border-radius: 20px;
    color: var(--font-color-on-bg);
	padding: 10px;
	text-align: center;

}

#post-15 ul li{
	margin: 0.5em;
}

#post-15 ul a:hover{
	opacity: 75%;
}

#post-15 .wp-block-list{
	padding: 0px;
}




/* ログインページ id:12 / メインメニュー id:15 */

#post-141 #wpmem_login, #post-15 #wpmem_login{
	border: solid 1px var(--border-color);
    border-radius: 20px;
	margin: auto;
}

#post-141 #wpmem_login fieldset, #post-15 #wpmem_login fieldset{
	display: flex;
	flex-wrap: wrap;
	margin-top: 0px !important;
	justify-content: center;

}

#post-141 #wpmem_login label, #post-15 #wpmem_login label{
	flex-basis: 40%;
	margin-right: 10%;
	text-align: right;
}

#post-141 #wpmem_login fieldset div, #post-15 #wpmem_login fieldset div{
	flex-basis: 50%;
/*	margin-right: 10%;*/
}

/*
#post-141 #wpmem_login fieldset .button_div, #post-15 #wpmem_login fieldset .button_div{
	margin: auto;
flex-basis: 100%;
}
*/

#post-141 #wpmem_login .link-text, #post-15 #wpmem_login .link-text{
	flex-basis: 100%;
	margin-right: 10%;
}

#post-141 #wpmem_login .link-text a, #post-15 #wpmem_login .link-text a{
	color: var(--main-bg-color-2);
}


/*フォームのタイトル*/
#post-141 #wpmem_login legend, #post-15 #wpmem_login legend{
	text-align: center;
	margin-bottom: 20%;
	background: linear-gradient(90deg, rgb(22, 135, 237), rgb(20, 55, 90));
	background: linear-gradient(90deg, var(--main-bg-color-1), var(--main-bg-color-2));	
	color: var(--font-color-on-bg);
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	margin-bottom: 50px !important;
	height: 100px;
	line-height: 100px !important;

}

#post-141 #wpmem_login .button_div, #post-15 #wpmem_login .button_div{
	margin: auto !important;
	flex-basis: 100%;
	width: auto;
	text-align: center;
}

#post-141 #wpmem_login fieldset .button_div input, #post-15 #wpmem_login fieldset .button_div input{
	width: 50%;
	display: block;
	margin: auto !important;
}


#post-141 #wpmem_login fieldset .div_text input, #post-15 #wpmem_login fieldset .div_text input{
	width: 200px;
}


#post-141 #wpmem_login fieldset .button_div input.buttons, #post-15 #wpmem_login fieldset .button_div input.buttons{
/*	width: 30%;*/
	display: block;
	margin: 20px auto !important;
	
	width: 300px;
	height: 50px;
    background: linear-gradient(90deg, var(--main-bg-color-1), var(--main-bg-color-2));	
    display: block;
    margin: auto;
    border-radius: 20px;
    color: var(--font-color-on-bg);
	padding: 10px;
	text-align: center;
	margin-top: 50px;
	
	
	
}

#post-141 #wpmem_login .button_div label, #post-15 #wpmem_login .button_div label{
	flex-basis: 100%;
	width: auto;
	text-align: center;
	margin-right: 0% !important;
}



/*ログイン情報を記憶するのチェックボタン*/
#post-141 #wpmem_login .button_div input#rememberme, #post-15 #wpmem_login .button_div input#rememberme{
	display: inline;
	width: auto;
}


/*アカウント編集ページ id=24*/
/*
#post-24 h1.entry-title{
	display: none;
}
*/

#post-24 #wpmem_reg fieldset legend{
	margin-bottom: 100px;
}

#post-24 ul{
	padding-left: 0;
}

#post-24 .wp-block-list a{
	width: 300px;
	height: 50px;
    background: linear-gradient(90deg, var(--main-bg-color-1), var(--main-bg-color-2));	
    display: block;
    margin: auto;
    border-radius: 20px;
    color: var(--font-color-on-bg);
	padding: 10px;
	text-align: center;
}


#post-24 .wp-block-list a:hover{
	opacity: 75%;
}

/*固定ページ*/

/*タイトル*/
.article h2 {
	background-color: transparent;
	text-align: center;
	padding: 25px 0px !important;
}

/*リストデザイン*/
main ul{
	list-style-type: none;
}

main a {
	text-decoration: none;
}

/* ユーザー編集ページ id:80 */
#post-80 legend{
	display:none;
}

#post-80 #wpmem_reg{
	margin: auto;
	margin-top: 80px;
}

#post-80 fieldset{
	display: flex;
	flex-wrap: wrap;
	margin-top: 0px !important;

}

#post-80 #wpmem_login label{
	flex-basis: 40%;
	margin-left: 10%;
}

#post-80 #wpmem_login fieldset div{
	flex-basis: 40%;
	margin-right: 10%;
}
#post-80 #wpmem_login fieldset .button_div{
	margin: auto;
/*	flex-basis: 20%;*/
	flex-basis: 100%;
	text-align: center;
}

#post-80 .buttons{
	width: 300px;
	height: 50px;
    background: linear-gradient(90deg, var(--main-bg-color-1), var(--main-bg-color-2));	
    display: block;
    margin: auto;
    border-radius: 20px;
    color: var(--font-color-on-bg);
	padding: 10px;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 30px;
}

#post-80 .buttons:hover{
	opacity: 75%;
}


/*非ログイン時ログイン要求フォーム*/

#post-80 #wpmem_login .link-text{
	flex-basis: 100%;
}

#post-80 #wpmem_login_form .button_div label{ 
	margin-left: 0px;
}


/*パスワード変更 id:21*/

#post-21 #wpmem_login{
	margin: auto;
	margin-top: 70px;
}

#post-21 legend{
	display:none;
}


#post-21 fieldset{
	display: flex;
	flex-wrap: wrap;
	margin-top: 0px !important;

}

#post-21 #wpmem_login label{
	flex-basis: 40%;
	margin-right: 10%;
	text-align: right;
}

#post-21 #wpmem_login fieldset div{
	flex-basis: 40%;
	margin-right: 10%;
}
#post-21 #wpmem_login fieldset .button_div{
	margin: auto;
	flex-basis: 20%;
}

#post-21 .buttons{
	width: 300px;
	height: 50px;
    background: linear-gradient(90deg, var(--main-bg-color-1), var(--main-bg-color-2));	
    display: block;
    margin: auto;
    border-radius: 20px;
    color: var(--font-color-on-bg);
	padding: 10px;
	text-align: center;
	margin-top: 50px;
}

#post-21 .buttons:hover{
	opacity: 75%;
}


/*非ログイン時のログインフォーム表示*/
#post-21 #wpmem_login_form .button_div{
	flex-basis: 100%;
	text-align: center;
}

#post-21 #wpmem_login_form .button_div label{ 
	margin-left: 0px;
}

#post-21 .buttons{
	margin-top: 30px;
}


#post-21 .link-text{
	flex-basis: 100%;
	margin-right: 0px;
}


/*非ログイン時パスワードリセットフォーム*/
#post-21 #wpmem_pwdreset_form .button_div{
	flex-basis: 100%;
	text-align: center;
	margin-bottom: 30px !important;
}

#post-21 #wpmem_pwdreset_form .link-text{
	flex-basis: 100%;
	margin-right: 0;
}

#post-21 #wpmem_pwdreset_form .link-text a{
	color: var(--main-bg-color-2);
}

#post-21 #wpmem_pwdreset_form .link-text:last-of-type{
	display: none;
}



/*ダウンロードページ*/
#post-17 div.form-wrapper{
	text-align: center;
	margin-bottom: 10px !important;
}

#post-17 .doi-button{
	width: 300px;
	height: 50px;
    background: linear-gradient(90deg, var(--main-bg-color-1), var(--main-bg-color-2));	
    display: block;
    margin: auto;
    border-radius: 20px;
    color: var(--font-color-on-bg);
	padding: 10px;
	text-align: center;
	font-size: 18px;
	font-family: var(--main-font);
	margin-top: 20px;
}

#post-17 .doi-button:disabled{
	background-color: gray!important;
	opacity: 50%;
	border-width: 0px;
	font-family: var(--main-font);

}

#post-17 .doi-button:enabled{
	border-width: 0px;
	font-family: var(--main-font);
	
}

/*メニューに戻るボタン*/
#post-17 .button_menu a{
	width: 300px;
	height: 50px;
    background: linear-gradient(90deg, var(--main-bg-color-1), var(--main-bg-color-2));	
    display: block;
    margin: auto;
    border-radius: 20px;
    color: var(--font-color-on-bg);
	padding: 10px;
	text-align: center;
	
}

#post-17 .button_menu a:hover{
	opacity: 75%;
}

/* 非ログイン時ログイン要求フォーム */
#post-17 #wpmem_login fieldset{
    display: flex;
    flex-wrap: wrap;
    margin-top: 0px !important;
}

#post-17 #wpmem_login legend{
	display: none;
}

#post-17 #wpmem_login label {
    flex-basis: 40%;
    margin-left: 10%;
}

#post-17 #wpmem_login fieldset div {
    flex-basis: 40%;
	margin-right: 10%;
}

#post-17 #wpmem_login fieldset .button_div {
    margin: auto;
    flex-basis: 100%;
	text-align: center;
}

#post-17 .button_div .buttons {
    width: 300px;
    background: linear-gradient(90deg, var(--main-bg-color-1), var(--main-bg-color-2));
    display: block;
    margin: auto;
    border-radius: 20px;
    color: var(--font-color-on-bg);
    padding: 10px;
    text-align: center;
    margin-top: 30px;
	margin-bottom: 30px;
}

#post-17  #wpmem_login .lifnk-text{
	flex-basis: 100% !important;
	margin-right: 0px !important;
}


@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/*共通要素*/
:root{
	--main-bg-color-1: #EE223E;
	--main-bg-color-2: #FF69B4;
	--base-bg-color: #ffffff;
	--font-color-on-bg: #ffffff;
	--border-color: #9DA1B3;
	--main-font: 'Meiryo UI';
}

body{
	background-color: var(--base-bg-color);
}

/*test*/
p{
	font-family: var(--main-font);
}

/*ページコンテナ*/
#container{
	background-color: var(--base-bg-color);
}

/*コンテンツ幅削除*/
.wrap{
	width: auto;
}

/*ヘッダー*/
#header-container{
	background: linear-gradient(90deg, var(--main-bg-color-1), var(--main-bg-color-2));	
	}

#header{
	width: 100%;
	position: relative;
}

#header-in a{
	color: var(--font-color-on-bg)
}

#header-in .logo-text{
	line-height: 60px;
/*	width: 200px;*/
    width: 300px;
}

#navi{
	background: linear-gradient(90deg, var(--main-bg-color-1), var(--main-bg-color-2));	
	z-index: 1;
    position: absolute;
    top: 0px;
	height: 60px;
}



#navi .navi-in > ul{
	justify-content: right;
}


#navi a{
		color: var(--font-color-on-bg);
}

#navi a:hover{
		background-color: #fc85c1 !important;
}

#navi .sub-menu{
	background-color: var(--main-bg-color-2) !important;
}


/*ホームページサイト名*/
.logo.logo-header.logo-text{
	z-index: 100;
}


/*メイン幅*/
#main {
/*	width: 70%; */
	max-width: 1000px;
	margin: 0 auto;
}

/*ログイン要望メッセージ*/
#wpmem_restricted_msg{
	margin: 50px auto;
}

/*ダイアログ */
#wpmem_login, #wpmem_msg, #wpmem_reg, .wpmem_msg {
	margin: 50px auto;
}


/* フッター */
/*パンくずリスト非表示*/
#breadcrumb{
	display: none;
}


/*ページタイトル*/
h1.entry-title{
	display: none;
/*	text-align: center;*/
}



/* ページ見出しの横線 */
/* 左右に横線 */
.heading {
  align-items: center; /* 横線を上下中央 */
  display: flex; /* 文字と横線を横並び */
  justify-content: center; /* 文字を中央寄せ */
}
.heading::before,
.heading::after {
  background-color:var(--main-bg-color-1); /* 横線の色 */
  content: "";
  height: 1.6px; /* 横線の高さ */
  width: 100px; /* 横線の長さ */
}
.heading::before {
  margin-right: 20px; /* 文字との余白 */
}
.heading::after {
  margin-left: 20px; /* 文字との余白 */
}





/*ログイン要求ダイアログ*/
#wpmem_restricted_msg{
	width: 70%;
	margin: auto;
}



/* 登録フォーム id:30 */

#post-30 #wpmem_reg{
	border: solid 1px var(--border-color);
	border-radius: 20px;
	margin: auto;
}

#post-30 #wpmem_reg fieldset{
	display: flex;
	flex-wrap: wrap;
	margin-top: 0px !important;

}



/*フォームのタイトル*/
#post-30 #wpmem_reg legend{
	text-align: center;
	margin-bottom: 20%;
	background: linear-gradient(90deg, rgb(22, 135, 237), rgb(20, 55, 90));
	background: linear-gradient(90deg, var(--main-bg-color-1), var(--main-bg-color-2));	
	color: var(--font-color-on-bg);
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	margin-bottom: 50px !important;
	height: 100px;
	line-height: 100px !important;

}

#post-30 #wpmem_reg .buttons{
	display: block;
	margin: 20px auto !important;
	width: 300px;
	height: 50px;
    background: linear-gradient(90deg, var(--main-bg-color-1), var(--main-bg-color-2));	
    display: block;
    margin: auto;
    border-radius: 20px;
    color: var(--font-color-on-bg);
	padding: 10px;
	text-align: center;
	margin-top: 50px;
	
}

#wpmem_reg fieldset label{
	flex-basis: 40%;
	margin-right: 10%;
	text-align: right
}

#wpmem_reg fieldset div{
	flex-basis: 40%;
	margin-right: 10%;
}
#wpmem_reg fieldset .button_div{
	margin: auto;
	flex-basis: 20%;
}

#wpmem_reg .req-text{
	display: none;
}

/*会員登録完了後のログインフォーム */

#wpmem_msg, .wpmem_msg{
	margin: 50px auto !important;
}


#post-30 #wpmem_login{
	margin: auto;
}

#post-30 #wpmem_login fieldset{
	display: flex;
	flex-wrap: wrap;
	margin-top: 0px !important;
	justify-content: center;
	border: solid 1px var(--border-color);
    border-radius: 20px;
	padding-bottom: 40px;


}

#post-30 #wpmem_login label{
	flex-basis: 40%;
	margin-right: 10%;
	text-align: right;
}

#post-30 #wpmem_login fieldset div{
	flex-basis: 50%;
/*	margin-right: 10%;*/
}
#post-30 #wpmem_login fieldset .button_div{
	margin: auto;
/*	flex-basis: 100%;*/
}

#post-30 #wpmem_login .link-text{
	flex-basis: 100%;
	margin-right: 10%;
}

/*
#post-30 #wpmem_login .link-text a{
	color: var(--border-color);
}
*/



/*フォームのタイトル*/
#post-30 #wpmem_login legend{
	text-align: center;
	margin-bottom: 20%;
	background: linear-gradient(90deg, rgb(22, 135, 237), rgb(20, 55, 90));
	background: linear-gradient(90deg, var(--main-bg-color-1), var(--main-bg-color-2));	
	color: var(--font-color-on-bg);
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	margin-bottom: 50px !important;
	height: 100px;
	line-height: 100px !important;

}

#post-30 #wpmem_login .button_div{
	margin: auto !important;
	flex-basis: 100%;
	width: auto;
	text-align: center;
}

#post-30 #wpmem_login fieldset .button_div input{
	width: 50%;
	display: block;
	margin: auto !important;
}


#post-30 #wpmem_login fieldset .div_text input{
	width: 200px;
}


#post-30 #wpmem_login fieldset .button_div input.buttons{
/*	width: 30%;*/
	display: block;
	margin: 20px auto !important;
	width: 300px;
	height: 50px;
    background: linear-gradient(90deg, var(--main-bg-color-1), var(--main-bg-color-2));	
    display: block;
    margin: auto;
    border-radius: 20px;
    color: var(--font-color-on-bg);
	padding: 10px;
	text-align: center;
	margin-top: 50px;
}

#post-30 #wpmem_login .button_div label{
	flex-basis: 100%;
	width: auto;
	text-align: center;
	margin-right: 0% !important;
}



/*ログイン情報を記憶するのチェックボタン*/
#post-30 #wpmem_login .button_div input#rememberme{
	display: inline;
	width: auto;
}







/*メインメニュー*/

#post-15 ul a{
	width: 300px;
	height: 50px;
    background: linear-gradient(90deg, var(--main-bg-color-1), var(--main-bg-color-2));	
    display: block;
    margin: auto;
    border-radius: 20px;
    color: var(--font-color-on-bg);
	padding: 10px;
	text-align: center;

}

#post-15 ul li{
	margin: 0.5em;
}

#post-15 ul a:hover{
	opacity: 75%;
}

#post-15 .wp-block-list{
	padding: 0px;
}




/* ログインページ id:12 / メインメニュー id:15 */

#post-141 #wpmem_login, #post-15 #wpmem_login{
	border: solid 1px var(--border-color);
    border-radius: 20px;
	margin: auto;
}

#post-141 #wpmem_login fieldset, #post-15 #wpmem_login fieldset{
	display: flex;
	flex-wrap: wrap;
	margin-top: 0px !important;
	justify-content: center;

}

#post-141 #wpmem_login label, #post-15 #wpmem_login label{
	flex-basis: 40%;
	margin-right: 10%;
	text-align: right;
}

#post-141 #wpmem_login fieldset div, #post-15 #wpmem_login fieldset div{
	flex-basis: 50%;
/*	margin-right: 10%;*/
}

/*
#post-141 #wpmem_login fieldset .button_div, #post-15 #wpmem_login fieldset .button_div{
	margin: auto;
flex-basis: 100%;
}
*/

#post-141 #wpmem_login .link-text, #post-15 #wpmem_login .link-text{
	flex-basis: 100%;
	margin-right: 10%;
}
/*
#post-141 #wpmem_login .link-text, #post-15 #wpmem_login .link-text a{
	color: var(--border-color);
}
*/


/*フォームのタイトル*/
#post-141 #wpmem_login legend, #post-15 #wpmem_login legend{
	text-align: center;
	margin-bottom: 20%;
	background: linear-gradient(90deg, rgb(22, 135, 237), rgb(20, 55, 90));
	background: linear-gradient(90deg, var(--main-bg-color-1), var(--main-bg-color-2));	
	color: var(--font-color-on-bg);
	border-top-left-radius: 20px;
	border-top-right-radius: 20px;
	margin-bottom: 50px !important;
	height: 100px;
	line-height: 100px !important;

}

#post-141 #wpmem_login .button_div, #post-15 #wpmem_login .button_div{
	margin: auto !important;
	flex-basis: 100%;
	width: auto;
	text-align: center;
}

#post-141 #wpmem_login fieldset .button_div input, #post-15 #wpmem_login fieldset .button_div input{
	width: 50%;
	display: block;
	margin: auto !important;
}


#post-141 #wpmem_login fieldset .div_text input, #post-15 #wpmem_login fieldset .div_text input{
	width: 200px;
}


#post-141 #wpmem_login fieldset .button_div input.buttons, #post-15 #wpmem_login fieldset .button_div input.buttons{
/*	width: 30%;*/
	display: block;
	margin: 20px auto !important;
	
	width: 300px;
	height: 50px;
    background: linear-gradient(90deg, var(--main-bg-color-1), var(--main-bg-color-2));	
    display: block;
    margin: auto;
    border-radius: 20px;
    color: var(--font-color-on-bg);
	padding: 10px;
	text-align: center;
	margin-top: 50px;
	
	
	
}

#post-141 #wpmem_login .button_div label, #post-15 #wpmem_login .button_div label{
	flex-basis: 100%;
	width: auto;
	text-align: center;
	margin-right: 0% !important;
}



/*ログイン情報を記憶するのチェックボタン*/
#post-141 #wpmem_login .button_div input#rememberme, #post-15 #wpmem_login .button_div input#rememberme{
	display: inline;
	width: auto;
}


/*アカウント編集ページ id=24*/
/*
#post-24 h1.entry-title{
	display: none;
}
*/

#post-24 #wpmem_reg fieldset legend{
	margin-bottom: 100px;
}

#post-24 .wp-block-list a{
	width: 300px;
	height: 50px;
    background: linear-gradient(90deg, var(--main-bg-color-1), var(--main-bg-color-2));	
    display: block;
    margin: auto;
    border-radius: 20px;
    color: var(--font-color-on-bg);
	padding: 10px;
	text-align: center;
	margin-bottom: 10px;
}


#post-24 .wp-block-list a:hover{
	opacity: 75%;
}

/*固定ページ*/

/*タイトル*/
.article h2 {
	background-color: transparent;
	text-align: center;
}

/*リストデザイン*/
main ul{
	list-style-type: none;
}

main a {
	text-decoration: none;
}

/* ユーザー編集ページ id:80 */
#post-80 legend{
	display:none;
}

#post-80 #wpmem_reg{
	margin: auto;
	margin-top: 80px;
}

#post-80 fieldset{
	display: flex;
	flex-wrap: wrap;
	margin-top: 0px !important;

}

#post-80 #wpmem_login label{
	flex-basis: 40%;
	margin-left: 10%;
}

#post-80 #wpmem_login fieldset div{
	flex-basis: 40%;
	margin-right: 10%;
}
#post-80 #wpmem_login fieldset .button_div{
	margin: auto;
/*	flex-basis: 20%;*/
	flex-basis: 100%;
	text-align: center;
}

#post-80 .buttons{
	width: 300px;
	height: 50px;
    background: linear-gradient(90deg, var(--main-bg-color-1), var(--main-bg-color-2));	
    display: block;
    margin: auto;
    border-radius: 20px;
    color: var(--font-color-on-bg);
	padding: 10px;
	text-align: center;
	margin-top: 50px;
	margin-bottom: 30px;
}

#post-80 .buttons:hover{
	opacity: 75%;
}


/*非ログイン時ログイン要求フォーム*/

#post-80 #wpmem_login .link-text{
	flex-basis: 100%;
}

#post-80 #wpmem_login_form .button_div label{ 
	margin-left: 0px;
}


/*パスワード変更 id:21*/

#post-21 #wpmem_login{
	margin: auto;
	margin-top: 70px;
}

#post-21 legend{
	display:none;
}


#post-21 fieldset{
	display: flex;
	flex-wrap: wrap;
	margin-top: 0px !important;

}

#post-21 #wpmem_login label{
	flex-basis: 40%;
	margin-right: 10%;
	text-align: right;
}

#post-21 #wpmem_login fieldset div{
	flex-basis: 40%;
	margin-right: 10%;
}
#post-21 #wpmem_login fieldset .button_div{
	margin: auto;
	flex-basis: 20%;
}

#post-21 .buttons{
	width: 300px;
	height: 50px;
    background: linear-gradient(90deg, var(--main-bg-color-1), var(--main-bg-color-2));	
    display: block;
    margin: auto;
    border-radius: 20px;
    color: var(--font-color-on-bg);
	padding: 10px;
	text-align: center;
	margin-top: 50px;
}

#post-21 .buttons:hover{
	opacity: 75%;
}

/*非ログイン時のログインフォーム表示*/
#post-21 #wpmem_login_form .button_div{
	flex-basis: 100%;
	text-align: center;
}

#post-21 #wpmem_login_form .button_div label{ 
	margin-left: 0px;
}

#post-21 .buttons{
	margin-top: 30px;
}


#post-21 .link-text{
	flex-basis: 100%;
	margin-right: 0px;
}



/*ダウンロードページ*/
#post-17 div.form-wrapper{
	text-align: center;
}

#post-17 .doi-button{
	width: 300px;
	height: 50px;
    background: linear-gradient(90deg, var(--main-bg-color-1), var(--main-bg-color-2));	
    display: block;
    margin: auto;
    border-radius: 20px;
    color: var(--font-color-on-bg);
	padding: 10px;
	text-align: center;
	font-size: 18px;
	font-family: var(--main-font);
	margin-top: 20px;
}

#post-17 .doi-button:disabled{
	background-color: gray!important;
	opacity: 50%;
	border-width: 0px;
	font-family: var(--main-font);

}

#post-17 .doi-button:enabled{
	border-width: 0px;
	font-family: var(--main-font);
	
}

/*メニューに戻るボタン*/
#post-17 .button_menu a{
	width: 300px;
	height: 50px;
    background: linear-gradient(90deg, var(--main-bg-color-1), var(--main-bg-color-2));	
    display: block;
    margin: auto;
    border-radius: 20px;
    color: var(--font-color-on-bg);
	padding: 10px;
	text-align: center;
	
}

#post-17 .button_menu a:hover{
	opacity: 75%;
}

/* 非ログイン時ログイン要求フォーム */
#post-17 #wpmem_login fieldset{
    display: flex;
    flex-wrap: wrap;
    margin-top: 0px !important;
}

#post-17 #wpmem_login legend{
	display: none;
}

#post-17 #wpmem_login label {
    flex-basis: 40%;
    margin-left: 10%;
}

#post-17 #wpmem_login fieldset div {
    flex-basis: 40%;
	margin-right: 10%;
}

#post-17 #wpmem_login fieldset .button_div {
    margin: auto;
    flex-basis: 100%;
	text-align: center;
}

#post-17 .button_div .buttons {
    width: 300px;
    background: linear-gradient(90deg, var(--main-bg-color-1), var(--main-bg-color-2));
    display: block;
    margin: auto;
    border-radius: 20px;
    color: var(--font-color-on-bg);
    padding: 10px;
    text-align: center;
    margin-top: 30px;
	margin-bottom: 30px;
}

#post-17  #wpmem_login .lifnk-text{
	flex-basis: 100% !important;
	margin-right: 0px !important;
}




/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
}


/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}

/*600px以下*/
@media screen and (max-width: 600px){
  /*必要ならばここにコードを書く*/
	
	/*タイトルの横棒*/
	.heading::before, .heading::after {
    width: 50px;
}
	
	#wpmem_login, #wpmem_msg, #wpmem_reg, .wpmem_msg{
		width: auto !important;
	}
	
	
/*ユーザー登録画面 */
	#post-30 #wpmem_reg legend{
	margin-bottom: 30px !important;
    height: 80px;
    line-height: 80px !important;
	}

	#post-30 #wpmem_reg label{
    flex-basis: 100%;
    text-align: center;
	margin: 0 auto;
	}
	
	#post-30 #wpmem_reg .div_text{
		flex-basis: 80%;
		margin: 10px auto;
	}
	
/*ユーザー情報変更画面*/
	#post-80 #wpmem_reg {
		margin-top: 30px;
	}
	
	#post-80 #wpmem_reg fieldset label{
	flex-basis: 100%;
    margin-right: 0; 
    text-align: center;
	}
	
	#post-80 #wpmem_reg .div_text{
    margin: 10px auto;
    flex-basis: 80%;

}
	
	
	
/*パスワード変更画面*/	
	#wpmem_login {
		margin-top: 30px;
	}
	
	#post-21 #wpmem_login label{
	flex-basis: 100%;
    margin-right: 0; 
    text-align: center;
	}
	
	#post-21 #wpmem_login fieldset div {
    margin: 10px auto;
    flex-basis: 80%;
}
	
/*ログイン要求フォーム*/
	#post-141 #wpmem_login legend, #post-15 #wpmem_login legend{
    margin-bottom: 30px !important;
    height: 80px;
    line-height: 80px !important;
	font-size: 22px;
	}
	
	#post-141 #wpmem_login label, #post-15 #wpmem_login label {
    flex-basis: 100%;
    text-align: center;
    margin: 10px auto;
}
	
	#post-141 #wpmem_login .link-text a, #post-15 #wpmem_login .link-text a{
		display: block;
		width: 100%;
	}
	
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
	
		/*タイトルの横棒*/
	.heading::before, .heading::after {
    width: 30px;
}
	
	.wp-block-heading heading{
		font-size: 18px;
	}
 
	
}