@charset "utf-8";
/*
Theme Name: 公益財団 上廣倫理財団
Theme URI: https://www.rinri-form.jp/movie/
*/
*{
margin: 0;
padding: 0;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-o-box-sizing:border-box;
-ms-box-sizing:border-box;
box-sizing:border-box;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td{border:0;margin:0;outline:0;padding:0;}
:focus{outline:0;box-sizing: border-box;}
ol, ul{list-style:none; font-size: 0;}
table{border-collapse:separate;border-spacing:0;}
caption, th, td{font-weight:normal;text-align:left;}
blockquote:before, blockquote:after,q:before, q:after{content:"";}
blockquote, q{quotes:"" "";}
a img{border:0;}
img{width:100%;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
p {line-height: 32px;}
ul li {font-size: 14px;}
/* -------------------------------------------------------------- */

body{
color:#555;
font-size:18px;
font-family: 'Noto Sans JP', sans-serif;
-webkit-text-size-adjust:100%;
}


/* リンク設定
------------------------------------------------------------*/
a {
    color: #000;
    text-decoration: none;
    transition: 0.6s;
}
a:hover {
	color: #000;
    opacity: 0.3;
}
a:active, a:focus {outline:0;}



/* 全体
------------------------------------------------------------*/


/*************
/* ヘッダー
*************/
header {
    width: 100%;
    height: 125px;
    border-bottom: 10px solid #205fa6;
    margin-bottom: 10px;
}
header .inner {
    width: 1240px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
h1.logo {
    width: 337px;
    float: left;
    padding: 20px 0 0 0;
}
.login {
    float: right;
    margin-top: 29px;
}
.login a {
    color: #fff;
    background: #597ba5;
    font-weight: bold;
    padding: 11px 37px;
    display: block;
    margin-right: 5px;
    font-size: 22px;
    box-shadow: 2px 2px 3px rgba(0,0,0,0.28);
    border-radius: 10px;
}
.page-template-page-lecture .login {
    display: none;
}
.to_top {
    float: right;
    margin-top: 29px;
}
.to_top a {
    color: #fff;
    background: #6491e5;
    font-weight: bold;
    padding: 11px 37px;
    display: block;
    margin-right: 5px;
    font-size: 22px;
    box-shadow: 2px 2px 3px rgb(0 0 0 / 28%);
    border-radius: 10px;
}
.home .to_top,.page-id-8 .to_top,.page-id-15 .to_top,.page-id-11 .to_top{
    display: none;
}

/*************
メイン コンテンツ
*************/
.inner {
    width: 1240px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.inner02 {
    width: 900px;
    margin: 0 auto 48px;
}
.txt_ttl {
    font-size: 30px;
    color: #fff;
    margin-top: 34px;
    font-weight: bold;
}
section.page_bar {
    width: 100%;
    height: 152px;
    background: #205fa6;
    margin-bottom: 60px;
}
section.page_bar img {
    height: 100%;
    width: auto;
    float: left;
    margin-right: 50px;
}
.ttl_area {
    border-bottom: 1px solid #707070;
    border-top: 1px solid #707070;
    padding: 16px;
    margin-bottom: 32px;
}
h2.ttl {
    padding-left: 8px;
    margin-bottom: 20px;
}
h2.ttl:before {
    content: '';
    height: 27px;
    width: 27px;
    background: #6491E5;
    display: inline-block;
    margin-right: 10px;
    margin-top: -3px;
    vertical-align: middle;
}
span.sqr {
    font-weight: normal;
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #000;
    padding: 4px 16px;
    margin-right: 16px;
}
.home h2.ttl {
    display: inline-block;
    vertical-align: middle;
    margin: 0;
}
h2.ttl02 {
    font-size: 24px;
    margin-bottom: 20px;
}
h2.ttl02 span:first-child {
    font-weight: normal;
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #000;
    padding: 4px 16px;
    margin-right: 24px;
    width: auto;
    text-align: center;
}
h2.ttl02 span:nth-child(2) {
    display: inline-block;
    vertical-align: middle;
    font-size: 22px;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
hr.bx_ln {
    margin-bottom: 30px;
}
.name_list table {
    width: 80%;
    margin: 0 auto 16px;
}
.name_list th {
    width: 30%;
}
section.top_ct02 .inner02 {
    background: #F5F5F5;
    border-radius: 5px;
    box-shadow: 2px 5px 5px rgba(0,0,0,0.13);
    padding: 30px;
}
section.top_ct02 ul li {
    margin-bottom: 20px;
}
h3.pst_ttl {
    font-size: 20px;
    padding-left: 8px;
    margin-bottom: 16px;
    color: #6d6463;
}
.watch_area h2.ttl04 {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 30px;
    border: 3px solid #5280D6;
    border-right: none;
    border-left: none;
    padding: 2px 0;
}
.watch_area {
    width: 50%;
    border: 5px solid #5280D6;
    border-radius: 10px;
    text-align: center;
    padding: 30px 40px;
    box-shadow: 2px 5px 5px rgb(0 0 0 / 13%);
    margin: 0 auto 24px;
}
.watch_area h2.ttl04 span {
    border: 2px solid #5280D6;
    border-right: none;
    border-left: none;
    display: block;
    font-size: 18px;
    padding: 8px;
}












h3.pst_ttl:before {
    content: '';
    height: 20px;
    width: 20px;
    background: #6491E5;
    display: inline-block;
    margin-right: 10px;
    margin-top: -3px;
    vertical-align: middle;
}
span.spch_ttl:before {
    content: 'テーマ';
    font-size: 12px;
    background: #597ba5;
    color: #fff;
    padding: 2px 4px;
    display: inline-block;
    margin-left: 10px;
    margin-top: -3px;
    vertical-align: middle;
}
.bx01 {
    padding: 0 60px;
}
h2.ttl03 {
    font-size: 25px;
    border: 1px solid;
    display: inline-block;
    padding: 8px 16px;
    border-radius: 10px;
    font-weight: normal;
    margin-bottom: 20px;
}
span.ctn {
    display: block;
    margin-top: 24px;
}
.bx02 {
    width: 100%;
    overflow: hidden;
    padding: 0 80px;
}
.bx_l {
    float: left;
    width: 500px;
    border: 5px solid #fd9556;
    border-radius: 10px;
    text-align: center;
    padding: 40px;
    box-shadow: 2px 5px 5px rgba(0,0,0,0.13);
    margin: 1%;
}
.bx_l h2.ttl04 {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 30px;
    border: 3px solid #fd9556;
    border-right: none;
    border-left: none;
    padding: 2px 0;
}
.bx_l h2.ttl04 span {
    border: 2px solid #ffc19c;
    border-right: none;
    border-left: none;
    display: block;
}
.bx_l a {
}

.bx_r {
    float: right;
    width: 500px;
    border: 5px solid #597BA5;
    border-radius: 10px;
    text-align: center;
    padding: 40px;
    box-shadow: 2px 5px 5px rgba(0,0,0,0.13);
    margin: 1%;
}
.bx_r h2.ttl04 {
    font-size: 20px;
    font-weight: normal;
    margin-bottom: 30px;
    border: 3px solid #597BA5;
    border-right: none;
    border-left: none;
    padding: 2px 0;
}
.bx_r h2.ttl04 span {
    border: 2px solid #597BA5;
    border-right: none;
    border-left: none;
    display: block;
}
section.top_ct05 {
    text-align: center;
    margin-top: 20px;
}
section.top_ct05 .inner {
    width: 80%;
    border: #fd9556 solid 1px;
    padding-bottom: 8px;
}
section.top_ct05 h2 {
    font-size: 18px;
}
section.top_ct05 a {
    font-size: 16px;
}
.mail {
    font-size: 16px;
    display: inline-block;
    background: #fd9556;
    font-weight: bold;
    color: #fff;
    padding: 4px 16px;
    margin-bottom: 8px;
    width: 100%;
}
.bx {
    overflow: hidden;
}
.lbx {
    float: left;
}
.rbx {
    float: right;
}
section.top_ct02 .lbx {
    width: 70%;
}
section.top_ct02 .rbx {
    width: 30%;
    padding-left: 5%;
}
/*************
/* アンケート
*************/
.page-template-page-questionnaire section.sec01 ul {
    display: flex;
    flex-wrap: wrap;
}
.page-template-page-questionnaire section.sec01 ul li {
    flex: 31.33333%;
    max-width: 31.33333%;
    margin: 0 auto;
}
.page-template-page-questionnaire section.sec01 ul li h3 {
    text-align: center;
    margin-bottom: 8px;
}
.page-template-page-questionnaire section.sec01 ul li img {
    width: 80%;
    height: 327px;
    margin: 0 auto;
    display: block;
    object-fit: cover;
}

.page-template-page-questionnaire .ap_txt {
    margin-bottom: 40px;
}
.page-template-page-questionnaire .page_ttl {
    margin-bottom: 40px;
}
.page-template-page-questionnaire section.sec02 table {
    width: 100%;
}
.page-template-page-questionnaire section.sec02 table th,.page-template-page-questionnaire section.sec02 table td {
    display: block;
}
.page-template-page-questionnaire section.sec02 table td {
    padding-left: 10%;
    margin-bottom: 40px;
}
.page-template-page-questionnaire section.sec02 table tr.no_1 td {
    margin: 0;
}
.page-template-page-questionnaire tr.no_2 div {
    margin-bottom: 16px;
}
.page-template-page-questionnaire textarea.impression {
    width: 90%;
    padding: 15px;
    font-size: 20px;
    background: #F5F5F5;
    border: #E2E7EA solid 2px;
    border-radius: 5px;
}
.page-template-page-questionnaire textarea.theme {
    width: 90%;
}
.page-template-page-questionnaire input[type="text"] {
    width: 70%;
    padding: 15px;
    font-size: 16px;
    background: #F5F5F5;
    border: #E2E7EA solid 2px;
    border-radius: 5px;
}
.page-template-page-questionnaire section.sec02 table th {
    margin-bottom: 16px;
    border-bottom: 1px solid;
}
.page-template-page-questionnaire span.mwform-radio-field.horizontal-item {
    width: 48%;
    display: block;
    padding: 8px;
    font-size: 16px;
    background: #F5F5F5;
    border: #E2E7EA solid 2px;
    border-radius: 5px;
    margin: 0 0 16px;
}
tr.no_3 td > span {
    display: block !important;
    margin-bottom: 16px;
}
.page-template-page-questionnaire select {
    width: 80%;
    padding: 15px;
    font-size: 16px;
    background: #F5F5F5;
    border: #E2E7EA solid 2px;
    border-radius: 5px;
}
tr.no_6 span {
    /* width: 15%; */
    display: inline-block;
}
tr.no_6 span.required {
    width: auto;
    font-size: 12px;
    vertical-align: unset;
    display: inline-block;
    color: #fd5656;
    margin-left: 8px;
}
tr.no_3 span.required{
    width: auto;
    font-size: 12px;
    vertical-align: middle;
    display: inline-block;
    color: #fd5656;
}
tr.no_1 span.required{
    font-size: 18px;
    color: #fd5656;
}
.page-template-page-questionnaire section.sec02 table td div {
    margin-bottom: 16px;
    width: 78%;
    display: inline-block;
    vertical-align: baseline;
}
.page-template-page-questionnaire .gend span.mwform-radio-field.horizontal-item {
    width: 25%;
    display: inline-block;
}
.page-template-page-questionnaire .radio_g span.mwform-radio-field.horizontal-item {
    display: inline-block;
}
.page-template-page-questionnaire .gend span.mwform-radio-field.horizontal-item label span {
    /* width: 80%; */
}
.page-template-page-questionnaire .mwform-checkbox-field label {
    width: 80%;
    padding: 8px;
    font-size: 16px;
    background: #F5F5F5;
    border: #E2E7EA solid 2px;
    border-radius: 5px;
    display: block;
    margin-bottom: 16px;
}
.page-id-1225 section.sec01,.page-id-1223 section.sec01,.page-id-1221 section.sec01 {
    display: none;
}
.page-id-1225 section.sec02 .inner02 {
    border: 1px solid;
    padding: 24px 16px;
    text-align: center;
    border-left: none;
    border-right: none;
}
tr.no_6 div > label {
    width: 20%;
    display: inline-block;
    vertical-align: middle;
}

/*************
/* フッター
*************/
footer {
    width: 100%;
    height: 100px;
    text-align: center;
    background: #205fa6;
    margin-top: 80px;
    padding-top: 40px;
}
small {
    color: #fff;
}
.txt_c{
	text-align:center;
}
/* 登録フォーム
------------------------------------------------------------*/
.page_ttl {
    display: inline-block;
    background: #6491E5;
    color: #fff;
    font-size: 24px;
    padding: 10px 30px;
    border-radius: 10px;
    margin-bottom: 20px;
}
fieldset {
    margin: 60px 0;
}
.form_erea table {
    width: 100%;
    border: 2px solid #ccc;
    border-left: none;
    border-right: none;
}
.form_erea table th {
    width: 22%;
	padding-right:2%;
    border-bottom: 2px solid #ccc;
}
.form_erea table td {
    width: 80%;
    padding: 30px 0;
    border-bottom: 2px solid #ccc;
}
.mw_wp_form_preview span.ext {
    display: none;
}
input.name {
    width: 45%;
    padding: 15px;
    font-size: 20px;
    background: #F5F5F5;
    border: #E2E7EA solid 2px;
    border-radius: 5px;
}
input.mail01 {
    width: 100%;
    padding: 15px;
    font-size: 20px;
    background: #F5F5F5;
    border: #E2E7EA solid 2px;
    border-radius: 5px;
}
input.mail02 {
    width: 100%;
    padding: 15px;
    font-size: 20px;
    background: #F5F5F5;
    border: #E2E7EA solid 2px;
    border-radius: 5px;
}
input.belong {
    width: 100%;
    padding: 15px;
    font-size: 20px;
    background: #F5F5F5;
    border: #E2E7EA solid 2px;
    border-radius: 5px;
}
.mailform {
    text-align: center;
    margin-top: 30px;
}
textarea.textarea {
    width: 100%;
    padding: 15px;
    font-size: 20px;
    background: #F5F5F5;
    border: #E2E7EA solid 2px;
    border-radius: 5px;
}
input.check {
    background-image: url(images/btn03.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    width: auto;
    padding: 5% 18%;
    border: none;
    background-color: #fff;
    font-size: 27px;
    font-weight: bold;
    color: #fff;
    transition: 0.6s;
}
input.check:hover {
    opacity: 0.3;
}
button.send {
    background-image: url(images/btn04.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    width: auto;
    padding: 4% 9%;
    border: none;
    background-color: #fff;
    font-size: 27px;
    font-weight: bold;
    color: #fff;
    transition: 0.6s;
    border-radius: 10px;
}
button.send:hover {
    opacity: 0.3;
}
input.back {
    background-image: url(images/btn05.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    width: auto;
    padding: 4% 8%;
    border: none;
    background-color: #fff;
    font-size: 27px;
    font-weight: bold;
    color: #fff;
    transition: 0.6s;
    border-radius: 10px;
}
input.back:hover {
    opacity: 0.3;
}
.mw_wp_form_confirm p {
    display: none;
}
.mw_wp_form_confirm .policy {
    display: none;
}
/* page navigation
------------------------------------------------------------*/
.pagenav{
clear:both;
width:100%;
height:30px;
margin:5px 0 20px;
}

.prev{float:left}
.next{float:right;}

#pageLinks{
clear:both;
text-align:center;
}

/* アーカイブレクチャー
------------------------------------------------------------*/
.page-template-page-movie_p section.page_bar {
    background: #6491E5;
}
.page-template-page-movie_p .inner02 {
    width: 1240px;
    margin: 0 auto;
}
.page-id-38 section.page_bar {
    background: #fd9556;
}
.page-id-38 h2.page_ttl {
    background: none;
    color: #534B4A;
}
.page-id-38 h2.page_ttl:before {
    content: '';
    height: 27px;
    width: 27px;
    background: #fd9556;
    display: inline-block;
    margin-right: 10px;
    margin-top: -3px;
    vertical-align: middle;
}
.spch_erea ul {
    display: flex;
    flex-wrap: wrap;
}
.spch_erea ul li {
    flex: 48%;
    max-width: 48%;
    background: #F5F5F5;
    margin: 0 1% 40px;
    padding: 2%;
    border-radius: 5px;
    border-top: 5px solid #6491e5;
    box-shadow: 2px 5px 5px rgb(0 0 0 / 13%);
}
.spch_erea a {
    display: block;
    width: 60px;
    margin: 0 auto 16px;
}
h3.spch_pl {
    font-size: 24px;
    margin-bottom: 16px;
    text-align: center;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}
h3.spch_pl:before {
    content: '';
    height: 20px;
    width: 20px;
    background: #6491e5;
    display: inline-block;
    margin-right: 10px;
    margin-top: -3px;
    vertical-align: middle;
}
span.arch_jb {
    font-weight: normal;
    font-size: 14px;
}
/*.spch_ttl:before {
    content: 'テーマ';
    font-size: 12px;
    background: #597ba5;
    color: #fff;
    padding: 2px 4px;
    display: inline-block;
    margin-left: 10px;
    margin-top: -3px;
    vertical-align: middle;
}*/
hr.spch {
    margin: 3px 0;
}
.spch_erea .spch_ttl {
    font-size: 20px;
    margin-bottom: 4px;
    text-align: center;
    border: 1px solid #ccc;
    border-right: none;
    border-left: none;
    padding: 8px 0;
}
.spch_erea audio {
    width: 100%;
    background: #9a9a9a;
    border: 1px solid #9a9a9a;
    margin-bottom: 10px;
}
.spch_txt {
    margin-bottom: 20px;
}
.spch_opn {
    text-align: center;
    color: #e71d1d;
}
.start {
    margin: 24px auto;
    width: 100%;
    height: 350px;
    position: relative;
}

.start iframe {
    width: 100%;
    height: 100%;
    position: absolute;
}
.start a {
    display: inline-block;
    width: 49%;
    text-align: center;
    margin: 0 auto;
    background: #ff6000;
    color: #fff;
    padding: 16px 0;
    font-weight: bold;
}
.start a:before {
    content: '';
    width: 28px;
    height: 28px;
    background: url(images/play-button.png);
    display: inline-block;
    background-size: 100%;
    background-repeat: no-repeat;
    vertical-align: middle;
    margin-right: 8px;
}
.to_ank img {
    width: 40%;
}
.to_ank {
    text-align: center;
    margin-bottom: 32px;
}
.coution {
    padding: 3%;
    color: #e71d1d;
    text-align: center;
}
p.ast {
    text-align: center;
}
span.spc_nonber {
    font-weight: normal;
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #000;
    padding: 4px 16px;
    margin-right: 16px;
    width: 15%;
}
span.ttl_name {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    width: 74%;
    text-align: left;
    padding-left: 2%;
}
.txt_area {
    text-align: center;
}
.txt_area img {
    width: 100%;
}
.txt_area span {
    margin-bottom: 16px;
    display: block;
}
.spch_erea.last span.spc_nonber {
    font-weight: normal;
    font-size: 18px;
    display: inline-block;
    vertical-align: middle;
    background: #fff;
    border: 1px solid #000;
    padding: 4px 16px;
    margin-right: 16px;
    width: 35%;
}
.spch_erea.last span.ttl_name {
    display: inline-block;
    vertical-align: middle;
    font-size: 20px;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
    width: 60%;
    text-align: left;
    padding-left: 2%;
}
.txt_area table {
    width: 90%;
    margin: 24px auto;
    font-size: 18px;
    font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
}

.txt_area table th:before {
    content: '';
    height: 20px;
    width: 20px;
    background: #6491e5;
    display: inline-block;
    margin-right: 10px;
    margin-top: -3px;
    vertical-align: middle;
}
.page-template-page-questionnaire p {
    display: none;
}




















/* アーカイブレクチャー　パスワード保護ページ
------------------------------------------------------------*/
h2.login_ttl {
    display: inline-block;
    background: #597ba5;
    color: #fff;
    font-size: 24px;
    padding: 10px 30px;
    border-radius: 10px;
    margin-bottom: 20px;
}
form.post-password-form > p:first-child {
    display: none;
}
input#pwbox-38 {
    width: 80%;
    padding: 15px;
    font-size: 20px;
    background: #F5F5F5;
    border: #E2E7EA solid 2px;
    border-radius: 5px;
    margin-left: 6%;
}
form.post-password-form input[type="submit"] {
    background-image: url(images/btn04.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    width: auto;
    padding: 4% 9%;
    border: none;
    background-color: #fff;
    font-size: 27px;
    font-weight: bold;
    color: #fff;
    display: block;
    margin: 40px auto 0 auto;
    transition: 0.6s;
}
form.post-password-form input[type="submit"]:hover {
    opacity: 0.3;
}
hr.pass {
    margin: 40px 0;
}

/* アーカイブレクチャー詳細
------------------------------------------------------------*/
.single-post section.page_bar {
    background: #fd9556;
}
.single-post .login {
    display: none;
}
.audiojs {
    border-radius: 10px;
    width: 100% !important;
    height: 50px;
    background: #9c9c9c !important;
    overflow: hidden;
    font-family: monospace;
    font-size: 12px;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #9aa6b5), color-stop(0.5, #9aa6b5), color-stop(0.51, #9aa6b5), color-stop(1, #9aa6b5));
    background-image: -moz-linear-gradient(center top, #444 0%, #555 50%, #444 51%, #444 100%);
    -webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
    -o-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
    margin-bottom: 20px;
}
.audiojs .play-pause {
    width: 6% !important;
    height: auto;
    padding: 5px;
    margin: 0px;
    float: left;
    overflow: hidden;
    border-right: 1px solid #000;
    box-sizing: border-box;
}
.audiojs .play {
    background: url(https://www.rinri-form.jp/wp/wp-content/themes/rinri/js/player-graphics.gif) 4px 6px no-repeat;
    width: 100%;
}
.audiojs .pause {
    background: url(https://www.rinri-form.jp/wp/wp-content/themes/rinri/js/player-graphics.gif) 7px -84px no-repeat;
    width: 100%;
}
.audiojs .scrubber {
    position: relative;
    float: left;
    width: 73% !important;
    background: #5a5a5a;
    height: 16px;
    margin: 18px 10px;
    border-top: 1px solid #3f3f3f;
    border-left: 0px;
    border-bottom: 0px;
    overflow: hidden;
}
.audiojs .time {
    float: left;
    height: 50px;
    line-height: 36px;
    margin: 0px 0px 0px 6px;
    padding: 8px 18px;
    border-left: 1px solid #000;
    font-size: 16px;
    color: #000;
    font-family: initial;
}
.audiojs .time em {
    padding: 0px 2px 0px 0px;
    color: #000;
    font-style: normal;
    font-size: 16px;
    font-family: initial;
}
p.ctn {
    font-size: 15px;
    margin-bottom: 32px;
    color: #000000;
    line-height: 22px;
    text-align: center;
}
p.ctn02 {
    font-size: 15px;
    line-height: 21px;
    margin-bottom: 20px;
}
span.reload:before {
    content: '';
    background: url(images/reload.png);
    background-size: 100%;
    background-repeat: no-repeat;
    width: 23px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    margin: 0 0 0 8px;
}
.label {
    text-align: left;
    padding: 4px 0 5px 16px;
    margin-bottom: 16px;
    border-left: 10px solid #597ba5;
    border-bottom: 1px solid #597ba5;
    font-size: 16px;
}
.sp{
    display: none;
}

/*20210610　追加フォーム*/

span.mwform-radio-field.horizontal-item {
    width: 48%;
    display: inline-block;
    padding: 15px;
    font-size: 20px;
    background: #F5F5F5;
    border: #E2E7EA solid 2px;
    border-radius: 5px;
    margin: 0 auto 16px;
}
table.app_area input.name:nth-child(2) {
    margin-left: 10px;
}
input.amount {
    width: 48%;
    padding: 15px;
    font-size: 20px;
    background: #F5F5F5;
    border: #E2E7EA solid 2px;
    border-radius: 5px;
}
.burth select {
    width: 28%;
}
select.burth01 {
    padding: 15px;
    font-size: 20px;
    background: #F5F5F5;
    border: #E2E7EA solid 2px;
    border-radius: 5px;
    display: inline-block;
}
select.burth02 {
    padding: 15px;
    font-size: 20px;
    background: #F5F5F5;
    border: #E2E7EA solid 2px;
    border-radius: 5px;
}
select.burth03 {
    padding: 15px;
    font-size: 20px;
    background: #F5F5F5;
    border: #E2E7EA solid 2px;
    border-radius: 5px;
}
input.belongs {
    width: 100%;
    padding: 15px;
    font-size: 20px;
    background: #F5F5F5;
    border: #E2E7EA solid 2px;
    border-radius: 5px;
}
input.educational {
    width: 100%;
    padding: 15px;
    font-size: 20px;
    background: #F5F5F5;
    border: #E2E7EA solid 2px;
    border-radius: 5px;
}
input.field {
    width: 100%;
    padding: 15px;
    font-size: 20px;
    background: #F5F5F5;
    border: #E2E7EA solid 2px;
    border-radius: 5px;
}
input.post_no {
    padding: 15px;
    font-size: 20px;
    background: #F5F5F5;
    border: #E2E7EA solid 2px;
    border-radius: 5px;
    width: 33%;
}
select.add_01 {
    width: 33%;
    padding: 15px;
    font-size: 18px;
    background: #F5F5F5;
    border: #E2E7EA solid 2px;
    border-radius: 5px;
}
input.add_02 {
    width: 100%;
    padding: 15px;
    font-size: 20px;
    background: #F5F5F5;
    border: #E2E7EA solid 2px;
    border-radius: 5px;
}
input.add_03 {
    width: 100%;
    padding: 15px;
    font-size: 20px;
    background: #F5F5F5;
    border: #E2E7EA solid 2px;
    border-radius: 5px;
}
input.tel_no {
    width: 31% !important;
    padding: 15px;
    font-size: 20px;
    background: #F5F5F5;
    border: #E2E7EA solid 2px;
    border-radius: 5px;
    display: inline-block;
}
textarea.theme {
    width: 100%;
    padding: 15px;
    font-size: 20px;
    background: #F5F5F5;
    border: #E2E7EA solid 2px;
    border-radius: 5px;
}
table.app_area span.ext {
    margin-right: 8px;
}
table.app_area th {
    border: none;
    font-weight: bold;
}
table.app_area td {
    border: none;
    padding: 0;
}
tr.app01 td, tr.app01 th {
    padding: 40px 0 16px;
}
tr.app02 td, tr.app02 th {
    padding: 16px 0 40px;
    border-bottom: 2px solid #ccc;
}
tr.app03 td {
    padding: 40px 0 16px;
}
tr.app03 th {
    padding: 13px 0 16px;
}
tr.app03 span.name_ex {
    margin-top: 6px;
    display: block;
    font-size: 14px;
}
tr.app04 td {
    padding: 16px 0 40px;
    border-bottom: 2px solid #ccc;
}
tr.app04 th {
    padding: 0 0 45px;
    border-bottom: 2px solid #ccc;
}
tr.app04 span.name_ex {
    margin-top: 6px;
    display: block;
    font-size: 14px;
}
tr.app05 td {
    padding: 40px 0 16px;
}
tr.app05 th {
    padding: 40px 0 16px;
}
tr.app06 td {
    padding: 16px 0 40px;
    border-bottom: 2px solid #ccc;
}
tr.app06 th {
    padding: 16px 0 40px;
    border-bottom: 2px solid #ccc;
}
tr.app07 td {
    padding: 40px 0 16px;
}
tr.app07 th {
    padding: 40px 0 16px;
}
tr.app08 td {
    padding: 16px 0;
}
tr.app08 th {
    padding: 16px 0;
}
tr.app09 td {
    padding: 16px 0 40px;
    border-bottom: 2px solid #ccc;
}
tr.app09 th {
    padding: 16px 0 40px;
    border-bottom: 2px solid #ccc;
}
tr.app010 td {
    padding: 40px 0 16px;
}
tr.app010 th {
    border-bottom: 2px solid #ccc;
}
tr.app011 td {
    padding: 16px 0;
}
tr.app012 td {
    padding: 16px 0;
}
tr.app013 td {
    padding: 16px 0 40px;
    border-bottom: 2px solid #ccc;
}
tr.app014 td {
    padding: 40px 0;
    border-bottom: 2px solid #ccc;
}
tr.app014 th {
    padding: 40px 0;
    border-bottom: 2px solid #ccc;
}
tr.app010 span.add_com {
    font-size: 14px;
}
tr.app011 span.add_com {
    font-size: 14px;
}
tr.app012 span.add_com {
    font-size: 14px;
}
tr.app013 span.add_com {
    font-size: 14px;
}
tr.app014 span.add_com {
    font-size: 14px;
}
tr.app015 td {
    padding: 40px 0 16px;
}
tr.app015 th {
    padding: 40px 0 16px;
}
tr.app015 span.name_ex {
    margin-top: 6px;
    display: block;
    font-size: 14px;
}
tr.app016 td {
    padding: 16px 0 40px;
    border-bottom: 2px solid #ccc;
}
tr.app016 th {
    padding: 16px 0 40px;
    border-bottom: 2px solid #ccc;
}
tr.app017 th {
    padding: 40px 0;
    border-bottom: 2px solid #ccc;
}
tr.app017 td {
    padding: 40px 0;
    border-bottom: 2px solid #ccc;
}
tr.app017 input.file {
    width: 90%;
    padding: 15px;
    border: #E2E7EA solid 1px;
    border-radius: 5px;
}
img.form_img {
    margin: 40px 0;
}
.page-template-page-application02 td {
    padding-left: 15% !important;
}
p.app02_txt {
    font-size: 22px;
    text-align: center;
}
p.app03_txt {
    font-size: 22px;
    text-align: center;
}
.mw_wp_form .horizontal-item + .horizontal-item {
    margin-left: 0 !important;
}

.mail_area {
    text-align: center;
}
.mail_area a {
    color: #c13219;
}
.page-id-1221 tr.no_1 span.required,
.page-id-1223 tr.no_1 span.required {
	display:none;
}
/*============================================================================================

~1239

============================================================================================*/
@media screen and (max-width: 1239px){
/*************
/* ヘッダー
*************/
header .inner {
    width: 100%;
    padding: 0 1%;
}

/*************
メイン コンテンツ
*************/
.inner {
    width: 100%;
}
.bx_l {
    width: 48%;
}
.bx_r {
    width: 48%;
}
.page-template-page-movie_p .inner02 {
    width: 100%;
    margin: 0 auto;
}
	
}




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

~979px

============================================================================================*/
@media screen and (max-width: 979px){
/*************
メイン コンテンツ
*************/
section {
    padding: 0 3%;
}
.inner02 {
    width: 100%;
}
.bx02 {
    width: 100%;
    overflow: hidden;
    padding: 0;
}
.audiojs .scrubber {
    position: relative;
    float: left;
    width: 70% !important;
    background: #5a5a5a;
    height: 16px;
    margin: 18px 10px;
    border-top: 1px solid #3f3f3f;
    border-left: 0px;
    border-bottom: 0px;
    overflow: hidden;
}
.page-template-page-application .txt_en {
    font-size: 27px;
    margin-top: 15px;
}
select.add_01 {
    width: 50%;
}
input.tel_no {
    width: 29% !important;
}
.page-template-page-application02 td {
    padding-left: 0% !important;
}

	/*20240521追加*/
	.form_erea table th {
	padding-right:0;
	}
}


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

~780px

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


@media screen and (max-width: 780px){
body {
    font-size: 16px;
}

/*************
/* ヘッダー
*************/
.login {
    display: none;
}
/*************
メイン コンテンツ
*************/
section.page_bar {
    height: auto;
    padding: 0;
}
section.page_bar img {
    height: auto;
    width: 100%;
    float: none;
    margin-right: 0;
}
section.page_bar .txt_en {
    position: absolute;
    z-index: 999;
    margin: 0;
    top: 5%;
    left: 5%;
    font-size: 36px;
}
.txt_ttl {
    font-size: 20px;
    margin-top: 0;
    padding: 16px;
    text-align: center;
}
span.sqr {
    text-align: center;
    display: block;
    margin: 0 0 10px 0;
}
.home h2.ttl {
    padding: 0;
}
h2.ttl {
    font-size: 18px;
}
h2.ttl02 {
    font-size: 16px;
    margin-bottom: 20px;
    text-align: center;
}
h2.ttl02 span {
    display: block;
    text-align: center;
    width: auto;
    margin: 0 auto 8px;
    font-size: 14px;
    padding: 0;
    font-weight: bold;
}
h2.ttl02 span:first-child {
    margin-right: 0;
    margin-bottom: 24px;
}
h2.ttl03 {
    font-size: 18px;
    margin: 0 auto 16px;
    width: 40%;
    text-align: center;
    display: block;
}
h2.ttl02 span:nth-child(2) {
    text-align: left;
    font-size: 18px;
}

section.top_ct02 .lbx {
    width: 100%;
}
.lbx {
    float: none;
}
section.top_ct02 .rbx {
    width: 100%;
    padding-left: 0;
}
p.h3_txt {
    margin-bottom: 24px;
}
.rbx {
    float: none;
}

section.top_ct02 .inner02 {
    padding: 32px 3%;
}
.bx01 {
    padding: 0;
}
h3.pst_ttl {
    font-size: 18px;
    margin-bottom: 16px;
}
.name_list th {
    width: 100%;
    display: block;
}
.name_list td {
    display: block;
    width: 100%;
}
.name_list table {
    width: 100%;
}
span.spch_ttl {
    display: block;
    margin-top: 8px;
}
span.spch_ttl:before {
    content: 'テーマ';
    font-size: 12px;
    background: #597ba5;
    color: #fff;
    padding: 2px 4px;
    display: inline-block;
    margin-left: 0;
    margin-top: 0px;
    vertical-align: middle;
}

.bx_l {
    float: none;
    width: 98%;
    padding: 5%;
    margin-bottom: 40px;
}
.bx_r {
    float: none;
    width: 98%;
    padding: 5%;
}
small {
    font-size: 11px;
}
section.top_ct05 .inner {
    width: 100%;
    border: #fd9556 solid 1px;
    padding-bottom: 8px;
}
.watch_area {
    width: 100%;
    border-radius: 10px;
    text-align: center;
    padding: 30px 40px;
    box-shadow: 2px 5px 5px rgb(0 0 0 / 13%);
}
.to_ank img {
    width: 100%;
}
/* 登録フォーム
------------------------------------------------------------*/
h2.page_ttl {
    display: block;
    text-align: center;
}
.form_erea table th {
    display: block;
    width: 100%;
    border: none;
    text-align: center;
    padding-top: 30px;
}
.form_erea table td {
    text-align: center;
    display: block;
    width: 100%;
}
input.name {
    width: 40%;
}
input.send {
    box-sizing: border-box;
    padding: 5% 18%;
    background-size: 100%;
    font-size: 18px;
}
input.check {
    background-image: url(images/btn03.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    width: auto;
    padding: 9% 0%;
    border: none;
    background-color: #fff;
    font-size: 27px;
    font-weight: bold;
    color: #fff;
    margin: 0 auto;
    width: 80%;
    font-size: 18px;
}
/* アーカイブレクチャー
------------------------------------------------------*/
.spch_erea ul li {
    flex: 100%;
    max-width: 100%;
}
.page-id-38 h2.page_ttl {
    font-size: 20px;
}
.spch_opn {
    margin-bottom: 10px;
}

/* アーカイブレクチャー　パスワード保護ページ
------------------------------------------------------------*/
h2.login_ttl {
    display: block;
    text-align: center;
}
form.post-password-form label {
    text-align: center;
    display: block;
}
input#pwbox-38 {
    width: 100%;
    padding: 15px;
    font-size: 20px;
    background: #F5F5F5;
    border: #E2E7EA solid 2px;
    border-radius: 5px;
    margin-left: 0;
}
form.post-password-form input[type="submit"] {
    background-image: url(images/btn04.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto;
    width: auto;
    padding: 7% 22%;
    border: none;
    background-color: #fff;
    font-size: 27px;
    font-weight: bold;
    color: #fff;
    display: block;
    margin: 40px auto 0 auto;
}

/* アーカイブレクチャー　パスワード保護ページ
------------------------------------------------------------*/
#responsive-menu-container #responsive-menu-title #responsive-menu-title-image img {
    height: auto !important;
    width: 100%;
    max-width: 100%;
}
#responsive-menu-container {
   bottom: unset !important;
}
#responsive-menu-container #responsive-menu-search-box, #responsive-menu-container #responsive-menu-additional-content, #responsive-menu-container #responsive-menu-title {
    padding: 16px 5% 0px 5% !important;
}
.home li#responsive-menu-item-55 {
    /* display: none; */
}
.page-template-page-lecture li#responsive-menu-item-45 {
    display: none;
}
.single-post li#responsive-menu-item-45 {
    display: none !important;
}
/*詳細ページ*/
.audiojs .play-pause {
    width: 14% !important;
    height: auto;
    padding: 5px;
    margin: 0px;
    float: left;
    overflow: hidden;
    border-right: 1px solid #000;
    box-sizing: border-box;
}
.audiojs .scrubber {
    width: 45% !important;
}
.audiojs .time {
    float: left;
    height: 50px;
    line-height: 36px;
    margin: 0px 0px 0px 6px;
    padding: 8px 10px;
    border-left: 1px solid #000;
    font-size: 10px;
    color: #000;
    font-family: initial;
}
.sp{
    display: block;
}
.pc{
    display: none;
}
/*公益財団法人上廣倫理財団研究助成申込書*/
.page-template-page-application section.page_bar .txt_en {
    top: 18%;
    left: 0;
    font-size: 28px;
    padding: 0 3%;
    width: 100%;
}
span.mwform-radio-field.horizontal-item {
    width: 48%;
    margin-bottom: 4px;
    display: inline-block;
    font-size: 14px;
}
.mw_wp_form .horizontal-item + .horizontal-item {
    margin-left: 0 !important;
}
tr.app01 th {
    padding: 16px 0;
}
tr.app01 td {
    padding: 0;
    margin-bottom: 16px;
}
tr.app02 th {
    padding: 16px 0;
}
tr.app02 td {
    padding: 0 0 24px 0;
}
tr.app03 th {
    padding: 16px 0;
}
tr.app03 td {
    padding: 0;
    margin-bottom: 16px;
}
tr.app04 th {
    padding: 16px 0;
}
tr.app04 td {
    padding: 0 0 24px;
}
tr.app05 th {
    padding: 16px 0;
}
tr.app05 td {
    padding: 0;
    margin-bottom: 16px;
}
.burth select {
    width: 22%;
}
select.burth01 {
    padding: 8px;
    font-size: 16px;
    background: #F5F5F5;
    border: #E2E7EA solid 2px;
    border-radius: 5px;
    display: inline-block;
}
select.burth02 {
    padding: 8px;
    font-size: 16px;
    background: #F5F5F5;
    border: #E2E7EA solid 2px;
    border-radius: 5px;
}
select.burth03 {
    padding: 8px;
    font-size: 16px;
    background: #F5F5F5;
    border: #E2E7EA solid 2px;
    border-radius: 5px;
}
tr.app06 th {
    padding: 16px 0;
}
tr.app06 td {
    padding: 0 0 24px;
}
tr.app07 th {
    padding: 16px 0 !important;
}
tr.app07 td {
    padding: 0;
    margin-bottom: 16px;
}
tr.app08 th {
    padding: 0;
}
tr.app09 th {
    padding: 0;
}
tr.app09 td {
    padding: 16px 0 24px;
}
tr.app010 th {
    padding: 16px 0 !important;
}
tr.app010 td {
    padding: 0 0 24px;
}
select.add_01 {
    padding: 8px;
    font-size: 14px;
    width: 100%;
}
span.add_com {
    margin-bottom: -11px;
    display: block;
}
tr.app011 td {
    padding: 0 0 24px;
}
tr.app012 td {
    padding: 0 0 24px;
}
tr.app013 td {
    padding: 0 0 24px;
    border-bottom: 2px solid #ccc;
}
tr.app014 th {
    padding: 16px 0 !important;
}
tr.app014 td {
    padding: 0 0 24px;
    border-bottom: 2px solid #ccc;
}
tr.app015 th {
    padding: 16px 0 !important;
}
tr.app015 td {
    padding: 0;
    margin-bottom: 24px;
}
tr.app016 th {
    padding: 0;
}
tr.app016 td {
    padding: 16px 0 24px;
}
tr.app017 th {
    padding: 16px 0 !important;
}
tr.app017 td {
    padding: 0 0 24px;
}
/*動画視聴ページ*/
h3.spch_pl {
    font-size: 20px;
    margin-bottom: 0;
    text-align: center;
}
.start {
    margin: 24px auto;
    width: 100%;
    height: 300px;
    position: relative;
}
p.ast {
    margin-bottom: 40px;
}
/*アンケート*/
.page-template-page-questionnaire section.sec01 ul li {
    flex: 100%;
    max-width: 100%;
    margin: 0 auto 24px;
}
.page-template-page-questionnaire section.sec01 ul li img {
    height: auto;
}
.page-template-page-questionnaire section.sec02 table td {
    padding: 0;
}
.page-template-page-questionnaire input[type="text"] {
    width: 100%;
}
.page-template-page-questionnaire span.mwform-radio-field.horizontal-item {
    width: 100%;
}
.page-template-page-questionnaire textarea.impression {
    width: 100%;
}
.page-template-page-questionnaire textarea.theme {
    width: 100%;
}
tr.no_6 span {
    width: 100%;
    display: block;
}
.page-template-page-questionnaire select {
    width: 100%;
}
.page-template-page-questionnaire .gend span.mwform-radio-field.horizontal-item {
    width: 100%;
}
.gend span.mwform-radio-field-text {
    display: inherit;
}
.page-template-page-questionnaire .mwform-checkbox-field label {
    width: 100%;
    font-size: 14px;
}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}
tr.no_6 div > label {
    width: 100%;
}
.page-template-page-questionnaire section.sec02 table td div {
    width: 100%;
}


}

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

~480px

============================================================================================*/
@media only screen and (max-width:480px){
}