/*
 Theme Name:   Twenty Thirteen Child
 Template:     twentythirteen
 Version:      1.0.0
*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


*{
box-sizing:border-box;
line-height:1.5em;
}

html {
font-size: 100%;
overflow-y: scroll;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
overflow-x: hidden;
}

body {
color: #575757;
margin: 0;
font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-weight: 500;
font-size: 14px;
}

@media(max-width:768px){
#content{
padding-top:50px;
}
}

.entry-content p{
font-size:16px;
margin-bottom: 1.5em;
}
/*コンテンツフェードイン
---------------------------------------------------------------------------*/
.fade{
opacity:0;
}

/*SPメニュー用上部マージン
---------------------------------------------------------------------------*/
@media(max-width:768px){
.content{
padding-top:50px;
}
}

/*テキスト
---------------------------------------------------------------------------*/
a {
text-decoration: none;
color:#575757;
}

/*ヘッダーPCメニュー
---------------------------------------------------------------------------*/
header{
width: 100%;
background-color:#333;
border-bottom:1px solid #eee;
position: relative;
}

.header-inner{
max-width: 1100px;
width: 100%;
margin: 0 auto;
padding:0 10px 0 10px;
}

@media(max-width:768px){
header{
display:none;
}
}

.header2{
width: 100%;
border-bottom: 1px solid #eee;
height:60px;
position: fixed;
background: #fff;
z-index: 99;
}

.header2-inner{
max-width: 1300px;
width: 100%;
margin: 0 auto;
padding:0 10px 0 10px;
}

@media(max-width:768px){
.header2{
display:none;
}
}

.header_logo_box{
width: 100%;
list-style: none;
overflow:hidden;
}

.header_logo{
text-align: left;
float: left;
width:30%;
}

.header_logo img{
margin-top: 5px;
}

.header2-inner p{
float: left;
font-size: 16px;
padding: 5px 10px 5px 5px;
text-align: right;
width: 70%;
font-weight: bold;
}

.header2-inner span{
font-size: 12px;
font-weight: normal;
}

.emb{
position: fixed;
width: 100%;
max-width: 1300px;
top: 52px;
left: 0;
right: 0;
margin: 0 auto;
text-align: right;
}

.emb img{
width: 100%;
max-width: 140px;
}

@media(max-width:768px){
.emb{
top: 38px;
text-align: left;
}
.emb img{
max-width: 100px;
}
}


.menu_box{
width: 100%;
}


#menu{
display: table;
table-layout: fixed;
width: 100%;
list-style: none;
border-collapse: separate;
border-spacing: 2px 0;
	color:#fff;
}

.menu1{
display:table-cell;
vertical-align:middle;
text-align:center;
font-size: 13px;
cursor: pointer;
}

.menu1 a{
text-decoration:none;
padding:15px 0 15px 0;
display:block!important;
}

.menu1 a:hover{

}

ul.child{
display: none;
position: absolute;
z-index:9999;
list-style:none;
padding-top:10px;
}

ul.child li a{
display: block;
padding: 20px 10px 20px 10px;
width: 200px;
background-color: #555;
border-left: none;
border-bottom: 1px solid #ddd;
font-size: 14px;
}

ul.child li a:hover{
background-color: #666;
color:#fff;
}


.hd_bg_subpage{
background-color: rgba(242, 242, 242, 0.9);
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
transition: all 0.2s linear;
}

.hd_bg_subpage a{
color:#575757;
text-decoration: none;
padding: 15px 0 15px 0;
display:block!important;
font-size:13px;
}

.hd_bg_subpage a:hover{
text-decoration: none;
background-color:#73d4a6;
color:#fff;
}

.underline_menu{
	color:#fff;
	text-decoration: none;
}

.underline_menu:hover{
	color:#fff;
	text-decoration: underline;
}

/*スマホ用ヘッダーメニュー
---------------------------------------------------------------------------*/
.side-open .site,
.side-open .overlay {
-webkit-transform: translate3d(0%, 0, 0);
transform: translate3d(0%, 0, 0);
}

@media(max-width:768px){
.side-open .site,
.side-open .overlay {
-webkit-transform: translate3d(-50%, 0, 0);
transform: translate3d(-50%, 0, 0);
}
}

@media(max-width:480px){
.side-open .site,
.side-open .overlay {
-webkit-transform: translate3d(-70%, 0, 0);
transform: translate3d(-70%, 0, 0);
}
}

/* --------------------------------------------------- btn */
.btn__box {
position: relative;
text-align: center;
z-index: 1;
}

.btn__box a {
display: block;
width: 198px;
height: 38px;
margin: 0 auto;
line-height: 40px;
font-size: 13px;
color: #1a1e24;
-webkit-transition: all .3s ease;
transition: all .3s ease;
border: 1px solid #1a1e24;
}

.btn__box a:hover {
color: #fff !important;
background: #1a1e24;
}

.btn__box--svg {
position: absolute;
top: 0;
bottom: 0;
left: 0;
right: 0;
width: 214px;
height: 54px;
margin: auto;
z-index: -1;
}

.btn__box--svg rect {
fill: transparent;
stroke: #1a1e24;
stroke-width: 1px;
stroke-dasharray: 242px;
stroke-dashoffset: 256px;
-webkit-transition: all 1s ease-in-out;
transition: all 1s ease-in-out;
}

.btn__box a:hover + .btn__box--svg rect {
stroke-width: 2px;
stroke-dasharray: 600px;
stroke-dashoffset: 0;
}

/* --------------------------------------------------- side menu */
.sp_header_wrap{
display:none;
	top:0;
}

@media(max-width:768px){
.sp_header_wrap{
display:block;
width: 100%;
position: fixed;
padding: 0;
height: 50px;
z-index: 999999;
background-color: #fff;
border-bottom: 1px solid #ededed;
}
}

.header_logo_sp{
position: absolute;
z-index: 99999;
top:0;
}

.header_logo_sp img {
width: 100%;
max-width: 250px;
margin-top: 6px;
margin-left: 10px;
}


.side-menu {
display:none;
}

@media(max-width:768px){
.side-menu {
display:block;
position: fixed;
top: 0;
right: -50%;
width: 50%;
height: 100%;
padding-top: 50px;
padding-bottom: 50px;
text-align: left;
font-size: 15px;
background: #fff;
z-index: -999;
-webkit-transition: all .5s ease;
transition: all .5s ease;
opacity:0;
overflow-x: hidden;
overflow-y: hidden;
-webkit-overflow-scrolling: touch;
}
}


@media(max-width:480px){
.side-menu {
right: -70%;
width: 70%;
}
}

.side-menu_on {
z-index: 999999;
-webkit-transition: all .5s ease;
transition: all .5s ease;
opacity:1;
overflow-y: auto;
right: 0;
background: rgb(145,211,255);
background: -moz-linear-gradient(to top, #00a3e1 , #016ab6 100%);
background: -webkit-linear-gradient(to top, #00a3e1 , #016ab6 100%);
background: linear-gradient(to top, #00a3e1 , #016ab6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#016ab6', endColorstr='#00a3e1',GradientType=1 );
}

.site_on {
position:fixed;
overflow-y:hidden;
}

.side-menu__ul {
width: 100%;
height: 100%;
display: block;
overflow: auto;
}

.side-menu__ul span {
padding-left:10px;
}

.side-menu__ul--child {
display: none;
}

.active .side-menu__ul--child {
display: block;
}

.side-menu__ul li a {
border-bottom: 1px solid #dadada;
}

.side-menu__ul--child li a {
display: block;
padding: 8px 0 8px 32px;
color: #ccc;
border-bottom: 1px solid #fff;
}

.side-menu__ul > li > a,
.side-menu__ul > li h5 {
display: block;
padding: 15px 0 15px 20px;
color: #fff;
}

.side-menu__ul h5 {
font-weight:normal;
cursor: pointer;
-webkit-transition: all .5s;
transition: all .5s;
}

.side-menu__ul > li > h5:after {
content: ' +';
color: #ffd800;
font-size: 20px;
}

.side-menu__ul > li.active h5:after {
content: ' -';
}

.side-menu__ul > li > h5:hover,
.side-menu__ul > li a:hover {
background: #016ab6;
color: #fff;
}

/* --------------------------------------------------- ellipsis btn */
.side-menu-btn {
position: absolute;
top: 6px;
right: 20px;
width: 40px;
height: 40px;
padding: 5px;
cursor: pointer;
z-index: 4;
}

.ellipsis-v {
position: relative;
display: block;
cursor: pointer;
width: 30px;
height: 30px;
}

.ellipsis-v .point {
position: absolute;
left: 0;
right: 0;
display: block;
width: 35px;
height: 4px;
margin: auto;
-webkit-transition: all .3s;
transition: all .3s;
background: #000;
}

.ellipsis-v .point.top {
top: 0;
}

.ellipsis-v .point.mid {
top: 0;
bottom: 0;
}

.ellipsis-v .point.bot {
bottom: 0;
}

.side-menu-btn:hover .top {
-webkit-transform: translateY(-2px);
-ms-transform: translateY(-2px);
transform: translateY(-2px);
}

.side-menu-btn:hover .bot {
-webkit-transform: translateY(2px);
-ms-transform: translateY(2px);
transform: translateY(2px);
}

.side-open .side-menu-btn:hover .top,
.side-open .top {
width: 41px;
height: 2px;
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
transform-origin: left top;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
background: #000;
}

.side-open .mid {
opacity: 0;
}

.side-open .side-menu-btn:hover .bot,
.side-open .bot {
width: 41px;
height: 2px;
-webkit-transform-origin: left bottom;
-ms-transform-origin: left bottom;
transform-origin: left bottom;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
background: #000;
}

.side-open .side-menu-btn:hover .bot,
.side-open .side-menu-btn:hover .top {
background: #000;
}




/*コンテンツアニメーション
---------------------------------------------------------------------------*/
.fadeinonly {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1.0s;
 -ms-animation-duration:1.0s;
 animation-duration:1.0s;
 -webkit-animation-name: fadeinonly;
 animation-name: fadeinonly;
 visibility: visible !important;
}
@-webkit-keyframes fadeinonly {
 0% { opacity: 0; }
 100% { opacity: 1;}
}
@keyframes fadeinonly {
 0% { opacity: 0;}
 100% { opacity: 1;}
}

.fadeinup{
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1.0s;
 -ms-animation-duration:1.0s;
 animation-duration:1.0s;
 -webkit-animation-name: fadeinup;
 animation-name: fadeinup;
 visibility: visible !important;
}
@-webkit-keyframes fadeinup {
 0% { opacity: 0; -webkit-transform: translateY(40px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeinup {
 0% { opacity: 0; -webkit-transform: translateY(40px); -ms-transform: translateY(40px); transform: translateY(40px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}


.fadeindown{
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1.0s;
 -ms-animation-duration:1.0s;
 animation-duration:1.0s;
 -webkit-animation-name: fadeindown;
 animation-name: fadeindown;
 visibility: visible !important;
}
@-webkit-keyframes fadeindown {
 0% { opacity: 0; -webkit-transform: translateY(-40px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeindown {
 0% { opacity: 0; -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px); transform: translateY(-40px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}


.fadeinleft {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1.0s;
 -ms-animation-duration:1.0s;
 animation-duration:1.0s;
 -webkit-animation-name: fadeinleft;
 animation-name: fadeinleft;
 visibility: visible !important;
}
@-webkit-keyframes fadeinleft {
 0% { opacity: 0; -webkit-transform: translateX(-40px); }
 100% { opacity: 1; -webkit-transform: translateX(0); }
}
@keyframes fadeinleft {
 0% { opacity: 0; -webkit-transform: translateX(-40px); -ms-transform: translateX(-40px); transform: translateX(-40px); }
 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}

.fadeinright {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1.0s;
 -ms-animation-duration:1.0s;
 animation-duration:1.0s;
 -webkit-animation-name: fadeinright;
 animation-name: fadeinright;
 visibility: visible !important;
}
@-webkit-keyframes fadeinright {
 0% { opacity: 0; -webkit-transform: translateX(40px); }
 100% { opacity: 1; -webkit-transform: translateX(0); }
}
@keyframes fadeinright {
 0% { opacity: 0; -webkit-transform: translateX(40px); -ms-transform: translateX(40px); transform: translateX(40px); }
 100% { opacity: 1; -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); }
}


.fadeinzoom {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1.0s;
 -ms-animation-duration:1.0s;
 animation-duration:1.0s;
 -webkit-animation-name: fadeinzoom;
 animation-name: fadeinzoom;
 visibility: visible !important;
}
@-webkit-keyframes fadeinzoom {
 0% { opacity: 0; -webkit-transform: scale(0.7);}
 100% { opacity: 1; -webkit-transform: scale(1);}
}
@keyframes fadeinzoom {
 0% { opacity: 0; -webkit-transform: scale(0.7); -ms-transform: scale(0.7); transform: scale(0.7); }
 100% { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
}



.fadeinboyon {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:0.8s;
 -ms-animation-duration:0.8s;
 animation-duration:0.8s;
 -webkit-animation-name: fadeinboyon;
 animation-name: fadeinboyon;
 visibility: visible !important;
}
@-webkit-keyframes fadeinboyon {
 0% { -webkit-transform: scale(0.7);}
 100% { -webkit-transform: scale(1);}
}
@keyframes fadeinboyon {
0% {  -webkit-transform: scale(1.0); -ms-transform: scale(1.0); transform: scale(1.0); }
20% {  -webkit-transform: scale(0.6); -ms-transform: scale(0.6); transform: scale(0.6); }
50% {  -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
100% { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
}

.fadeinhurihuri {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:0.6s;
 -ms-animation-duration:0.6s;
 animation-duration:0.6s;
 -webkit-animation-name: fadeinhurihuri;
 animation-name: fadeinhurihuri;
 visibility: visible !important;
}
@-webkit-keyframes fadeinhurihuri {
0% {  -webkit-transform: rotate(0deg);}
50% {  -webkit-transform: rotate(-20deg);}
100% {  -webkit-transform: rotate(0deg);}
}
@keyframes fadeinhurihuri{
0% {  -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
50% {  -webkit-transform: rotate(-20deg); -ms-transform: rotate(-20deg); transform: rotate(-20deg); }
100% {  -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); }
}
/*ボタン
--------------------------- */

button{
background-color: transparent;
border: none;
cursor: pointer;
outline: none;
padding: 0;
appearance: none;
}

.normal-botan{
border: 3px solid #BFDB58;
color: #ADC450;
padding: 10px 30px 10px 30px;
font-size: 16px;
border-radius: 30px;
font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-weight: 500;
margin-bottom: 10px;
font-weight: bold;
}

.normal-botan:hover{
background-color: #BFDB58;
color: #fff;
}

.contact-botan{
margin-top: -50px;
position: relative;
text-align: right;
margin-right: 20px;
}

.contact-botan button{
font-size: 14px;
background-color: #FFF146;
padding: 10px 30px 10px 30px;
}

.contact-botan button:hover{
background-color: #FFF;
}

@media(max-width:768px){
.contact-botan{
display:none;
}
}


/*トップへボタン
--------------------------- */
#page-top {
width:0px;
height:0px;
position: fixed;
right: 80px;
z-index:9999;
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
}

.arrow{
position: relative;
display: inline-block;
padding: 0 0 0 16px;
color: #E0E0E0;
vertical-align: middle;
text-decoration: none;
font-size: 15px;
}
.arrow::before,
.arrow::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}

.posi::before{
top:-60px;
width: 50px;
height: 50px;
background: #868686;
border-radius: 10px;
}
.posi::after{
top:-45px;
left:11px;
width: 25px;
height: 25px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
}

#page-top:hover {
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";
}

@media(max-width:768px){
#page-top:hover {
opacity: 0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
}
}


/*マージン系
--------------------------- */
.pd10{
padding:10px;
}

.pd20{
padding:20px;
}

.pdt35{
padding-top:35px;
}

.pdt50{
padding-top:50px;
}

.pdt70{
padding-top:70px;
}


.mdb-15{
margin-bottom:15px;
}

.mdb-30{
margin-bottom:30px;
}

.mdb-40{
margin-bottom:40px;
}

.mdb-50{
margin-bottom:50px;
}

.mdt-50{
margin-top:50px;
}

.mdt-20{
margin-top:20px;
}

.pdb-20{
padding-bottom:20px;
}

.pdb-40{
padding-bottom:40px;
}

.pdb-50{
padding-bottom:50px;
}

.pdb-50{
padding-bottom:50px;
}

.t-center{
text-align:center;
}

/*その他
--------------------------- */
.clear{
clear:both;
}

hr{
height: 0;
margin: 0;
padding: 0;
border: 0;
margin:0 auto;
}

@media(max-width:768px){
.flex-container {
  display: -webkit-flex; /* Safari */
  display: flex;
  -webkit-flex-direction: column-reverse; /* Safari */
  flex-direction: column-reverse;
}
}


/*メインビジュアル
---------------------------------------------------------------------------*/
.anime1{
opacity:0;
 }

.mainv-wrap-100-kotei{
background:url("https://krc.spring-field.net/wp-content/uploads/2018/06/mainv.jpg");
width: 100%;
box-sizing: border-box;
position:fixed;
z-index:-2;
background-position: center 50%;
background-repeat: no-repeat;
background-size: cover;
height: 600px;
margin-top: 50px;
}


@media(max-width:480px){
.mainv-wrap-100-kotei{
background:url("https://krc.spring-field.net/wp-content/uploads/2018/06/mainv-sp.jpg");
height:100vh;
background-repeat: no-repeat;
background-size: cover;
background-position: center top;
}
}


.mainv-wrap-100-kotei-inner{
width:100%;
max-width:1100px;
height:600px;
margin:0 auto;
background:url("https://tokyokokubunjirc.org/wp-content/uploads/2025/07/main-text-_2025.png");
background-repeat: no-repeat;
background-position: center 50%;
background-size: cover;
position:relative;
top:20px;
z-index:9;
}


@media(max-width:768px){
.mainv-wrap-100-kotei-inner{
height:600px;
background:url("https://tokyokokubunjirc.org/wp-content/uploads/2025/06/main-text-sp_2025.png");
background-size:contain;
background-repeat: no-repeat;
background-position: center 50%;
top:20px;
}
}

@media(max-width:480px){
.mainv-wrap-100-kotei-inner{
height:100vh;
}
}
/*アイコン
---------------------------------------------------------------------------*/
.icon{
text-align: center;
}



/*サブページヘッダー
---------------------------------------------------------------------------*/
.subv-wrap{
width:100%;
background-color: #96d7ff;
padding-bottom: 46px;
}

.subv-inner{
width:100%;
margin:0 auto;
max-width:800px;
padding-top:143px;
}

@media(max-width:768px){
.subv-wrap{
padding-top: 50px;
padding-bottom: 0px;
}
.subv-inner{
padding-top:40%;
}
}



/*メディアクエリ
--------------------------- */

.sp_on_768{
display:none;
}

@media(max-width:768px){
.sp_on_768{
display:block;
}
}

.sp_off_768{
display:block;
}

@media(max-width:768px){
.sp_off_768{
display:none;
}
}

.sp_on_600{
display:none;
}

@media(max-width:600px){
.sp_on_600{
display:block;
}
}

.sp_off_600{
display:block;
}

@media(max-width:600px){
.sp_off_600{
display:none;
}
}

.sp_on_480{
display:none;
}

@media(max-width:480px){
.sp_on_480{
display:block;
}
}

.sp_off_480{
display:block;
}

@media(max-width:480px){
.sp_off_480{
display:none;
}
}




/*コンテンツサイズ
---------------------------------------------------------------------------*/
.wd1100{
width:100%;
max-width:1100px;
margin:0 auto;
}


/*トップページメインビジュアル
---------------------------------------------------------------------------*/
#logowrap {
	width: 100%;
	box-sizing:border-box;
	background-image: url(http://www.tokyokokubunjirc.org/wp/wp-content/uploads/2018/06/mainv.jpg);
	background-position: center 50%;
	background-repeat: no-repeat;
	-moz-background-size:cover;
	background-size:cover;
}

.logo {
	width: 100%;
	max-width: 1100px;
	height:600px;
	margin:0 auto;
	position: relative;
}



#logo_anime0{
	width: 100%;
	height:64px;
	position:absolute;
	z-index:99;
	display:none;
	top:30%;
	background: url();
	background-position: center top;
	background-repeat: no-repeat;
 }

#logo_anime1{
	width: 100%;
	height:50px;
	margin-top:20px;
	position:absolute;
	z-index:99;
	display:none;
	top:45%;
	background: url();
	background-position: center top;
	background-repeat: no-repeat;
 }

#logo_anime2{
	width: 100%;
	height:50px;
	margin-top:20px;
	position:absolute;
	z-index:99;
	display:none;
	top:60%;
	background: url();
	background-position: center top;
	background-repeat: no-repeat;
 }

.logo-sp {
width: 100%;
max-width: 1100px;
height: 500px;
margin: 0 auto;
position: relative;
}

.logo-sp img {
width: 100%;
position: relative;
top: 30%;
}


/*トップページ
---------------------------------------------------------------------------*/
.wrapper{
width: 100%;
overflow: hidden;
background: #fff;
position: relative;
z-index: 6;
}

section{

}

.wd-1100{
width:100%;
max-width:1100px;
margin:0 auto;
text-align:center;
}

.wd-900{
width:100%;
max-width:900px;
margin:0 auto;
}


.wd-800{
width:100%;
max-width:800px;
margin:0 auto;
}

hr{
border: 1px solid #006ab6;
width: 80px;
}

.top_news{
padding: 50px 15px 50px 15px;
}

.top_news h2{
text-align: center;
font-size: 20px;
padding-bottom: 10px;
margin-bottom: 5px;
}

.news_box_inner ul{
height: 250px;
margin-top: 40px;
overflow-y: scroll;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.news_box_inner li{
border-bottom: dashed 1px #ccc;
padding:20px;
}

.news_box_inner h3{
font-size: 16px;
margin: 3px 0 3px 0;
}

.top-about{
padding: 50px 15px 50px 15px;
}

.top-about h2{
text-align: center;
font-size: 20px;
padding-bottom: 10px;
margin-bottom: 5px;
}

.top-about-inner{
margin-top: 40px;
}

.top-about-inner ul{
display: table;
table-layout: fixed;
width: 100%;
list-style: none;
border-collapse: separate;
border-spacing: 30px 0;
}

.top-about-inner li{
display: table-cell;
vertical-align: middle;
text-align: center;
font-size: 14px;
cursor: pointer;
}

.top-about-inner img{
width:100%;
}

.top-about-inner img:hover{
opacity:0.7;
}


.top-report{
padding: 50px 15px 50px 15px;
}

.top-report h2{
text-align: center;
font-size: 20px;
padding-bottom: 10px;
margin-bottom: 5px;
}

.top-report-inner{
margin-top: 40px;
}

.top-report-inner li{
overflow: hidden;
padding: 20px 10px 20px 10px;
border-bottom: 1px solid #ccc;
text-align: left;
}

.top-report-inner h3{
font-size: 20px;
color:#575757;
}

.report-pdf img{
width:100%;
max-width: 150px;
margin-top: 10px;
}

.report-box-left{
float: left;
width: 80%;
padding: 10px 10px 0 0;
font-size: 16px;
}

.report-box-right{
float: left;
width: 20%;
text-align: center;
}

.report-box-right img{
width: 100%;
max-width: 100px;
}

.moretag{
text-align: right;
clear: both;
margin-top: 1em;
}

.moretag a{
font-size: 15px;
padding: 5px 20px 5px 20px;
border-radius: 10px;
background: #409de0;
color: #fff;
}

.moretag a:hover{
background: #5fb3f0;
}



.top-link{
padding: 50px 15px 50px 15px;
}

.top-link h2{
text-align: center;
font-size: 20px;
padding-bottom: 10px;
margin-bottom: 5px;
}

.top-link-inner{
margin-top: 40px;
overflow:hidden;
}

.top-link-inner ul{
width: 100%;
list-style: none;
overflow:hidden;
}

.top-link-inner li{
width:33.3%;
float:left;
text-align: center;
font-size: 14px;
padding:5px;
}

.top-link-inner li a{
text-decoration:underline;
}


@media(max-width:768px){
.top-link-inner li{
width:50%;
}
}

@media(max-width:480px){
.top-about-inner li {
    display: block;
    margin-bottom: 30px;
}
.top-link-inner li{
width:100%
}
}



.page-wrap{
padding: 50px 20px 50px 20px;
}

.page-wrap h2{
text-align: center;
font-size: 20px;
padding-bottom: 10px;
margin-bottom: 5px;
}

.kaicho-name{
text-align: right;
margin: 30px 0 0 0;
}

.kaicho-name p{
font-size: 14px;
}

.year-theme{
text-align: center;
margin: 30px 0 30px 0;
}

.year-theme p{
font-size: 28px;
}

.year-theme span{
font-size: 20px;
}

.kaicho-main-text {
	text-align: left;
}

.kaicho-image{
width: 100%;
max-width: 40%;
float: right;
margin: 0 0 2em 2em;
}

.kaicho-text-ul{
list-style-type: decimal;
font-size:16px;
text-align: left;
}

.kaicho-text-ul li{
margin-left:1em;
}

@media(max-width:480px){
.kaicho-image{
max-width: 100%;
float:none;
margin:0 0 1em 0;
}
}

.about-main{
padding: 30px 0 30px 0;
width: 100%;
max-width: 1100px;
margin: 0 auto;
overflow: hidden;
}

.about-left{
width: 50%;
float: left;
padding: 20px;
}

.about-right{
width: 50%;
float: left;
padding: 20px;
}

.about-left table{
border-collapse: separate;
border-spacing: 5px;
width: 100%;
}

.about-left table th{
background: #333;
padding: 7px;
text-align: right;
color: #fff;
width: 30%;
}

.about-left table td{
padding: 7px;
background: #eee;
width: 70%;
}

.about-rekidai{
width: 100%;
max-width:800px;
margin:0 auto;
margin-top:50px;
}

.about-rekidai table{
border-collapse: separate;
border-spacing: 5px;
width: 100%;
padding-top:40px;
}

.about-rekidai table th{
background: #333;
padding: 7px;
color: #fff;
}

.about-rekidai table td{
padding: 7px;
background: #eee;
}


.old-about-box-left {
width: 80%;
float: left;
padding: 20px;
text-align: left;
line-height: 1.8em !important;
}

.old-about-box-left ~ p {
line-height: 1.8em !important;
}

.old-about-box-right{
width: 20%;
float: left;
padding: 20px;
}

.old-about-box-right li p{
text-align:center;
font-size:12px;
margin-bottom:20px;
}

.old-about-box-right img{
width: 100%;
}

.about-ayumi{
width: 100%;
max-width:800px;
margin:0 auto;
margin-top:50px;
}

.about-ayumi ul{
margin-top: 40px;
text-align: center;
font-size: 18px;
}

.about-ayumi li{
line-height:1.7em;
}

.about-ayumi li a,
.about-ayumi li a:visited {
text-decoration:underline;
color:#575757 !important;
}


@media(max-width:768px){
.about-left{
width: 100%;
float:none;
padding: 0px;
margin-bottom:20px;
}
.about-right{
width: 100%;
float:none;
padding: 0px;
}
.old-about-box-left{
width: 70%;
}
.old-about-box-right{
width: 30%;
}
}

@media(max-width:480px){
.old-about-box-left{
width: 100%;
float:none;
}
.old-about-box-right{
width: 100%;
float:none;
}
.old-about-box-right ul{
width: 100%;
margin: 0;
padding: 0;
display: -webkit-box;
display: -moz-box;
display: -ms-box;
display: -webkit-flexbox;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.old-about-box-right li{
width: 33.3%;
padding: 3%;
}
}


.organization-main-text{
margin: 30px 0 30px 0;
}

.organization-main-text img{
width:100%;
max-width:1100px;
}


/*例会報告ページ
---------------------------------------------------------------------------*/
.mainv-wrap-subpage{
width:100%;
background:url("https://krc.spring-field.net/wp-content/uploads/2018/06/sub-bg.jpg");
background-repeat: no-repeat;
background-position: center 50%;
background-size: cover;
padding-top: 60px;
}

.mainv-wrap-subpage h1{
width: 100%;
max-width: 1000px;
padding: 50px 20px 50px 20px;
margin: 0 auto;
color: #575757;
font-size: 20px;
}

.mainv-wrap-subpage span{
background-color: rgba(255, 255, 255, 0.7);
    padding: 10px 15px 10px 15px;
}

.news-detail-wrap{
max-width: 1000px;
margin: 0 auto;
width: 100%;
padding:0px 20px 50px 20px;
}

.news-detail-wrap h3{
font-size: 25px;
border-bottom: 1px solid #ccc;
margin-bottom: 5px;
}
.news-detail-wrap p{
font-size:15px;
}

.news-detail-wrap img{
max-width:100%;
padding: 30px 5px 10px 5px;
}

.back-link{
margin-top: 40px;
text-align: center;
}

.back-link span{
background-color: #8c8c8c;
color: #fff;
padding: 10px 50px 10px 50px;
border-radius: 10px;
font-size: 18px;
}

.back-link span:hover{
background-color: #bababa;
}


@media(max-width:768px){
.mainv-wrap-subpage{
padding-top: 50px;
}
}

/*contact
---------------------------------------------------------------------------*/
.contactwrap {
width: 100%;
padding: 40px 10px 80px 10px;
}

.contact {
padding: 0 30px 0 30px;
}

.contact_text {
	text-align:center;
	padding: 0px 15px 30px 15px;
	font-size:15px;
	color:#fff;
}
.phoneno {
text-align: center;
font-size: 18px;
color: #fff;
margin-top: 40px;
}

.phoneno span {
	font-size:50px;
	font-family: 'Libre Baskerville', serif;
	font-weight:bold;
	letter-spacing: 0;
}

@media(max-width:480px){
.contact_text {
	text-align:left;
}
.phoneno span {
	font-size:30px;
}
}


#formwrap {
max-width: 1000px;
margin: 0 auto;
margin-top: 20px;
padding: 0 30px 30px 30px;
border: 1px solid #fff;
}

table.formTable{
width:100%;
margin:0 auto;
border-collapse: separate;
border-spacing: 0 30px;
}

table.formTable tr{
margin-bottom:30px;
}

table.formTable th{
font-weight:bold;
text-align:left;
font-size:18px;
width: 30%;
color:#fff;
}

table.formTable td{
font-weight:normal;
text-align:left;
font-size:18px;
width: 70%;
color:#999999;
}

.form_inner-check {
	max-width:750px;
	margin:0 auto;
	padding:40px 20px 40px 20px;
	box-sizing:border-box;
	background-color:#FFF;
	border-radius: 3px;
}

table.formTable-check{
width:100%;
margin:20px 0 20px 0;
}

table.formTable-check tr{
border-bottom:1px solid #ddd;
}

table.formTable-check th{
font-weight: normal;
text-align: right;
font-size: 14px;
padding: 20px;
width: 30%;
white-space: nowrap;
}

table.formTable-check td{
font-weight: normal;
text-align: left;
padding: 20px;
}


input.form1 {
width: 100%;
padding: 20px;
font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-size: 18px;
border: none;
}

input.form2 {
width: 100%;
padding: 20px;
font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-size: 18px;
border: none;
}

textarea {
width: 100%;
font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
font-size: 15px;
border: none;
resize: vertical;
padding: 10px;
}

td.error input ,
td.error textarea ,
td.error label {
    background:#FFEF97;
}
* html td.error label {
    background:none;
}
*+html td.error label{
    background:none;
}
.error{
    margin:0;
    color:#FFEF97;
    font-weight:normal;
	padding:5px 0 5px 0;
	font-size: 16px;
}

#btn_confirm {
font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
color:#fff;
font-size:18px;
background-color:#ff4da0;
padding: 15px 50px 15px 50px;
border: 1px solid #ff4da0;
cursor: pointer;
}

#btn_confirm:hover {
background-color:#FF3894;
border: 1px solid #FF3894;
}

.formwrap_check {
    text-align: center;
}

@media(max-width:768px){
table.formTable th{
	width:100%;
	display:block;
	margin: 0 auto;
}
table.formTable td{
	display: list-item;
	list-style:none;
	width: 100%;
}
table.formTable-check th{
width: 100%;
display: block;
margin: 0 auto;
text-align: left;
padding: 20px 20px 0 20px;
font-weight: bold;
}
table.formTable-check td{
display: list-item;
list-style:none;
width: 100%;
}
}


@media(max-width:480px){
#btn_confirm {
	padding: 3% 5% 3% 5%;
}
}


/*footer
---------------------------------------------------------------------------*/
footer{
position: relative;
z-index: 5;
}

.footer-inner{
width: 100%;
max-width: 1100px;
margin: 0 auto;
padding: 30px 20px 30px 20px;
}

.footer-logo{
text-align:center;
}

.footer-logo h3{
font-size: 20px;
color: #fff;
}

.footer-logo p{
color: #fff;
}

.footer-logo img{
width:100%;
max-width:400px;
margin: 20px 0 20px 0;
}

.footer-menu ul{
width: 100%;
list-style: none;
}

.footer-menu li{
text-align: center;
font-size: 14px;
padding:5px;
}

.footer-menu ul a{
color:#fff;
}

.footer-menu ul a:hover{
text-decoration:underline;
}

.copyright{
	width:100%;
	text-align:center;
	padding:10px;
	font-size:12px;
}

.footerwrap2 {
	width: 100%;
	min-width: 1100px;
	background-color: #BE9E5D;
}

.footer2 {
	max-width: 1100px;
	height:100%;
	margin:0 auto;
	position:relative;
	padding:10px 0 10px 10px;
	overflow: hidden;
	font-size:12px;
}
.footer2 li{
	color:#575757;
	float:left;
}





/*カテゴリ一覧
---------------------------------------------------------------------------*/
.category-list{
padding: 40px 20px 40px 20px;
overflow:hidden;
width:100%;
max-width:1100px;
margin:0 auto;
margin-top: 47px;
}

.category-list h2{
font-size:24px;
font-weight:normal;
letter-spacing: 0.15em;
text-align:center;
padding:0 0px 20px 0px;
color:#be9e5d;
word-wrap: break-word;
border-bottom: 1px solid #be9e5d;
margin-bottom: 30px;
}

.kiji-list{
width: 100%;
margin: 0;
padding: 0;
display: -webkit-box;
display: -moz-box;
display: -ms-box;
display: -webkit-flexbox;
display: -moz-flexbox;
display: -ms-flexbox;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: flex;
-webkit-box-lines: multiple;
-moz-box-lines: multiple;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}

.category-list-box {
padding-bottom: 30px;
border-bottom: 1px solid #bab9b9;
overflow: hidden;
width: 46%;
list-style: none;
position: relative;
margin: 2%;
}

.category-list h3{
font-size:18px;
word-wrap: break-word;
}

.category-list-box img {
max-width: 100%;
max-height:200px;
}

.category-list-box img {
    transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
}

.category-list-box img:hover {
    transform: scale(1);
    -webkit-transform: scale(1);
    box-shadow: 0px 0px 0px 4px #fff, 0px 0px 0px 6px #79d2cf;
}


.category-list-box-left{
text-align: center;
padding:20px;
}

.category-list-box-right{
padding-bottom: 80px;
}


.category-more-botan {
background-color: #79D2CF;
text-align: center;
border-radius: 100px;
padding: 10px 30px 10px 30px;
color:#fff;
font-size:16px;
position: absolute;
bottom: 40px;
width: 100%;
}

.category-more-botan:hover {
background-color: #60c0bd;
-webkit-transition: all .2s;
transition: all .2s;
color:#fff;
}

.back-link-list{
background-color: #be9e5d;
text-align: center;
border-radius: 100px;
padding: 10px 30px 10px 30px;
color: #fff;
font-size: 16px;
width: 150px;
text-align: center;
margin: 0 auto;
margin-top: 50px;
}

.back-link-list:hover {
background-color: #a4813a;
-webkit-transition: all .2s;
transition: all .2s;
color: #fff;
}

@media(max-width:550px){
.category-list-box {
padding-bottom: 30px;
border-bottom: 1px solid #bab9b9;
overflow: hidden;
width: 100%;
list-style: none;
position: relative;
margin: 0%;
margin-top: 30px;
}
.category-list-box img {
    transform: scale(1);
    -webkit-transform: scale(1);
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
	border:2px solid #79d2cf;
	box-shadow: 0px 0px 0px 0px #fff, 0px 0px 0px 0px #79d2cf;
	margin: 30px 0 30px 0;
}
.category-list-box img:hover {
    transform: scale(1);
    -webkit-transform: scale(1);
		box-shadow: 0px 0px 0px 0px #fff, 0px 0px 0px 0px #79d2cf;
}
.category-more-botan {
margin-top:30px;
}
}





.tx-center{
text-align:center;
}



/*背景
---------------------------------------------------------------------------*/

.bg-white{
background-color:#fff;
}

.bg-gray{
background-color:#eee;
}

.bg-black{
background-color:#333;
}

.bg-top-about{
	background: url();
	background-position: left top;
	background-repeat: repeat;
}


/*********pageナビ*********/
.pagenavi{
    color: #000;
    margin: 2px auto;
    line-height:2em;
    text-align:center;
    clear: both;
	margin-top:30px;
}
.pagenavi a{
    text-decoration:none;
}
.pagenavi a.page-numbers, .pagenavi .current{
    padding: 3px 7px;
    border:solid 1px #ccc;
    text-decoration:none;
    font-size:12px;
}
.pagenavi a.page-numbers:hover{
    color:#fff;
    background: #5fb3f0;
}
.pagenavi .current{
    color: white;
    background: #409de0;
    border-color: #409de0;
    font-weight:bold;
}
.pagenavi .next, .pagenavi .prev{
    border:0 none;
    background:transparent;
    text-decoration:none;
    font-size:13px;
    font-weight:bold;
}





.link-botan{
text-align:center;
margin:50px 0 30px 0;
}

.link-botan span{
background-color: #909090;
padding: 10px 50px 10px 50px;
border-radius: 10px;
font-size: 18px;
color: #fff;
}

.link-botan span:hover{
background-color: #727272;
}




.sch-wrap h3{
font-size: 20px;
color: #006ab6;
margin-top:30px;
}

.sch-wrap table{
width: 100%;
border-collapse: separate;
border-spacing: 5px;
}

.sch-wrap table th{
text-align: left;
background: #00a3e1;
color: #fff;
padding: 7px 15px;
}

.sch-wrap table tr{

}

.sch-wrap table td{
padding: 7px 15px;
text-align: center;
font-size: 16px;
border-bottom: 1px solid #f2f2f2;
background: #f6f6f6;
text-align: left;
}

.wd20{
width:20%;
}
.wd10{
width:15%;
}
.wd70{
width:65%;
}


.member-wrap a{
text-decoration:underline;
}

.member-wrap table{
width: 70%;
border-collapse: separate;
border-spacing: 5px;
max-width: 800px;
margin: 0 auto;
margin-top: 30px;
}

.member-wrap table th{
text-align: left;
background: #333;
color: #fff;
padding: 5px 20px;
}

.member-wrap table tr{

}

.member-wrap table td{
padding: 5px;
background: #f2f2f2;
text-align: left;
padding: 5px 20px;
}

.member-wrap.wd1{
width:150px;
}

.member-wrap.wd2{
width:100px;
}




/*会員ページ
---------------------------------------------------------------------------*/
.member-page-wrap{
width:100%;
max-width:900px;
margin:0 auto;
overflow:hidden;
padding-bottom:40px;
}

.member-page-wrap h3{
font-size:20px;
border-bottom: 1px solid #b3b3b3;
margin-bottom: 10px;
}

.member-page-wrap li{
padding: 20px;
font-size: 16px;
}

.member-page-wrap li:hover{
background-color: #cfecff;
}

.member-page-wrap li::before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(http://www.tokyokokubunjirc.org/wp/wp-content/uploads/2018/06/xls-icon.png);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    margin-right: 10px;
}


.member-page-wrap2{
width:100%;
max-width:900px;
margin:0 auto;
overflow:hidden;
}

.member-page-wrap2 h3{
font-size:20px;
border-bottom: 1px solid #b3b3b3;
margin-bottom: 10px;
margin-top: 20px;
}

.member-page-wrap2 li{
padding: 20px;
font-size: 16px;
border-bottom: 1px dashed #cbcbcb;
}

.member-page-wrap2 li:hover{
background-color: #cfecff;
}

.member-page-wrap2 li::before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(http://www.tokyokokubunjirc.org/wp/wp-content/uploads/2018/06/pdf-icon2.png);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    margin-right: 10px;
}


.member-page-wrap3{
width:100%;
max-width:900px;
margin:0 auto;
overflow:hidden;
padding-bottom: 40px;
}

.member-page-wrap3 h3{
font-size:20px;
border-bottom: 1px solid #b3b3b3;
margin-bottom: 10px;
}

.member-page-wrap3 li{
padding: 20px;
font-size: 16px;
}

.member-page-wrap3 li:hover{
background-color: #cfecff;
}

.member-page-wrap3 li::before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 30px;
    background-image: url(http://www.tokyokokubunjirc.org/wp/wp-content/uploads/2018/06/pdf-icon2.png);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    margin-right: 10px;
}


@media(max-width:768px){

}

.entry h2{
text-align: left;
margin-top: 30px;
border-bottom: 2px solid #006ab6;
margin-bottom: 20px;
padding-bottom: 5px;
clear:both;
}

.entry h3{
font-size: 18px;
border-bottom: 0px solid #ccc;
margin-bottom: 0px;
}
.entry p{
overflow:hidden;
margin-bottom: 20px;
}
.entry img{
padding:0;
float: right;
margin: 1em;
}


.switchbox {
    padding: 0;
}

.switchbox label {
    display: block;
    cursor :pointer;
    background: #333333;
	color:#FFFFFF;
	padding: 5px;
	width: 150px;
	text-align: center;
}

.switchbox input {
    display: none;
}

.switchbox div {
    height: 0;
    overflow-y: hidden;
    transition: 0.8s;
    opacity: 0;
}

.switchbox input:checked + label + div {
    height: auto;
    opacity: 1;
}

/*アイコン*/
.switchbox label::before {
    font-family: 'FontAwesome';
    padding-right: 8px;
}

@media(max-width:480px){
.entry img{
float: none;
margin: 0;
}
}


.movie_conts {
    display: block;
    width:100%;
    text-align:center;
    margin:3em auto 6em;
}
.movie_main {
    width:100%;
    max-width:800px;
}


/* 親テーマ 4.5 の max-width 制限を確実に解除する */
.entry-header,
.entry-content,
.entry-summary,
.entry-meta {
    max-width: 1100px !important; /* !important で親の 604px を強制的に上書き */
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
}


/* 1. クラスが付いている段落を左寄せにする（既存） */
.kaicho-main-text {
    text-align: left !important;
	line-height: 1.8em !important;
    display: block !important;
    overflow: visible !important;
}

/* 2. 【重要】クラスが付いた段落の「すぐ後ろに続く」全ての段落も左寄せにする */
.kaicho-main-text ~ p {
    text-align: left !important;
    display: block !important;
	line-height: 1.8em !important;
	margin-top:1.5em !important;
}

/* 3. 画像の回り込み設定 */
.kaicho-image {
    float: right !important;
    margin: 0 0 2em 2em !important;
    max-width: 300px !important;
    height: auto !important;
}

/* 画像直後の不要な改行を消す */
.kaicho-main-text br {
    display: none !important;
}

a:visited {
    color: #ffffff !important;
}

u {
    text-decoration: underline;
	color:#575757;
}

.top-report-inner li a,
.top-report-inner li a:visited,
 {
text-decoration: none;
color:#575757;
}

.top-report-inner li a:hover,
 {
text-decoration: none;
color: orange;
}