@charset "UTF-8";
.wpcf7 .screen-reader-response {
position: absolute;
overflow: hidden;
clip: rect(1px, 1px, 1px, 1px);
clip-path: inset(50%);
height: 1px;
width: 1px;
margin: -1px;
padding: 0;
border: 0;
word-wrap: normal !important;
}
.wpcf7 .hidden-fields-container {
display: none;
}
.wpcf7 form .wpcf7-response-output {
margin: 2em 0.5em 1em;
padding: 0.2em 1em;
border: 2px solid #00a0d2; }
.wpcf7 form.init .wpcf7-response-output,
.wpcf7 form.resetting .wpcf7-response-output,
.wpcf7 form.submitting .wpcf7-response-output {
display: none;
}
.wpcf7 form.sent .wpcf7-response-output {
border-color: #46b450; }
.wpcf7 form.failed .wpcf7-response-output,
.wpcf7 form.aborted .wpcf7-response-output {
border-color: #dc3232; }
.wpcf7 form.spam .wpcf7-response-output {
border-color: #f56e28; }
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output {
border-color: #ffb900; }
.wpcf7-form-control-wrap {
position: relative;
}
.wpcf7-not-valid-tip {
color: #dc3232; font-size: 1em;
font-weight: normal;
display: block;
}
.use-floating-validation-tip .wpcf7-not-valid-tip {
position: relative;
top: -2ex;
left: 1em;
z-index: 100;
border: 1px solid #dc3232;
background: #fff;
padding: .2em .8em;
width: 24em;
}
.wpcf7-list-item {
display: inline-block;
margin: 0 0 0 1em;
}
.wpcf7-list-item-label::before,
.wpcf7-list-item-label::after {
content: " ";
}
.wpcf7-spinner {
visibility: hidden;
display: inline-block;
background-color: #23282d; opacity: 0.75;
width: 24px;
height: 24px;
border: none;
border-radius: 100%;
padding: 0;
margin: 0 24px;
position: relative;
}
form.submitting .wpcf7-spinner {
visibility: visible;
}
.wpcf7-spinner::before {
content: '';
position: absolute;
background-color: #fbfbfc; top: 4px;
left: 4px;
width: 6px;
height: 6px;
border: none;
border-radius: 100%;
transform-origin: 8px 8px;
animation-name: spin;
animation-duration: 1000ms;
animation-timing-function: linear;
animation-iteration-count: infinite;
}
@media (prefers-reduced-motion: reduce) {
.wpcf7-spinner::before {
animation-name: blink;
animation-duration: 2000ms;
}
}
@keyframes spin {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes blink {
from {
opacity: 0;
}
50% {
opacity: 1;
}
to {
opacity: 0;
}
}
.wpcf7 [inert] {
opacity: 0.5;
}
.wpcf7 input[type="file"] {
cursor: pointer;
}
.wpcf7 input[type="file"]:disabled {
cursor: default;
}
.wpcf7 .wpcf7-submit:disabled {
cursor: not-allowed;
}
.wpcf7 input[type="url"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
direction: ltr;
}
.wpcf7-reflection > output {
display: list-item;
list-style: none;
}
.wpcf7-reflection > output[hidden] {
display: none;
}.wpcf7-back{float:left;margin-top:5px;position:relative;width:70px}.cf7msm-ro{white-space:pre-wrap}@media only screen and (min-width: 1024px) {
}
html .filter,
.menu_sp_wrapper-close{ }
html.open .filter {
position: fixed;
background-color: rgba(0,0,0,0.5);
z-index: 300;
top: -5000px;
right: -5000px;
bottom: -5000px;
left: -5000px;
backface-visibility: hidden;
transition: all .3s;
}
.header-menu-smp{
display: none;
padding: 0;
background-color: rgba(49,153,57,.8);
max-width: 414px;
width: 100%;
position: fixed;
box-sizing: border-box;
overflow: auto;
top: 0;
right: 0;
bottom: 0;  backface-visibility: hidden;
-webkit-overflow-scrolling: touch; margin-right: -414px;
transition: all .5s;
opacity: 0;
z-index: -1;
}
html.open .header-menu-smp{ margin-right: 0; opacity: 1;
z-index: 20;
}
.header-menu-smp-inner {
padding: 60px 0 20px;
}
.header-button-smpmenu-li{
width: 40px; }
.header-button-smpmenu-trigger,
.header-button-smpmenu-trigger span {
transition: all .4s;
box-sizing: border-box;
}
.header-button-smpmenu-trigger {
position: relative;
padding-bottom: 100%;
display: block;
color: inherit;
}
html.open .header-button-smpmenu-trigger {
background-color: rgba(255,255,255,0);
}
.header-button-smpmenu-trigger span {
position: absolute;
left: 3px;
width: 34px;
height: 3px;
background-color: rgba(255,255,255,1);
border-radius: 1.5px;
}
html.open .header-button-smpmenu-trigger span {
background-color: #fff;
}
.header-button-smpmenu-trigger span:nth-of-type(1) {
top: 0;
}
.header-button-smpmenu-trigger span:nth-of-type(2) {
top: 9px;
}
.header-button-smpmenu-trigger span:nth-of-type(3) {
top: 18px;
}
.header-button-smpmenu-trigger span:nth-of-type(4) {
color: rgb(255,255,255);
bottom: 0;
left: 0;
width: 100%;
text-align: center;
margin: 0;
height: auto;
background-color: transparent;
font-size: 12px;
line-height: 1;
}
.header-button-smpmenu-trigger.active{
}
.header-button-smpmenu-trigger.active span:nth-of-type(1) {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 50%;
margin-top: -1px;
}
.header-button-smpmenu-trigger.active span:nth-of-type(2) {
opacity: 0;
}
.header-button-smpmenu-trigger.active span:nth-of-type(3) {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 50%;
margin-top: -1px;
}
.header-button-smpmenu-trigger.active span:nth-of-type(4){
opacity: 0;
}
.header-menu-smp-close{
cursor: pointer;
}
.header-menu-smp-close-button{
width: 40px;
height: 40px;
position: absolute;
top: 14px;
right: 11px;
}
.header-menu-smp-close-button:before,
.header-menu-smp-close-button:after{
content: '';
position: absolute;
left: 3px;
width: 34px;
height: 2px;
background-color: #fff;
border-radius: 1px;
}
.header-menu-smp-close-button:before {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
top: 50%;
margin-top: -1px;
}
.header-menu-smp-close-button:after {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 50%;
margin-top: -1px;
}
.header-menu-smp-close-txt{
border-radius: 5px;
background-color: #f5f5f5;
text-align: center;
padding: 10px; margin: 20px auto 0 auto;
width: 90%;
} .menu_global_smp { }
.menu_global_smp > li {
position: relative;
}
.menu_global_smp li a {
display: block;
border-bottom: 1px solid rgba(255,255,255,1);
color: rgb(255,255,255); font-size: 13px;
text-align: left;
padding: 15px 15px;
position: relative;
}
.menu_global_smp > li:first-child > a {
border-top: 1px solid rgba(255,255,255,1);
}
.menu_global_smp > li > .sub-menu {
display: none;
background-color: rgba(0,0,0,0.2);
}
.menu_global_smp > li > .sub-menu > li > a {
display: block;
border-bottom: 1px dashed rgba(255,255,255,1);
color: rgb(255,255,255);
font-size: 13px;
text-align: left;
padding: 10px 10px 10px 40px;
position: relative;
}
.menu_global_smp > li > .sub-menu > li > a:before {
content: '';
position: absolute;
width: 15px;
height: 1px;
background-color: rgba(255,255,255,1);
top: 20px;
left: 20px;
} .menu_global_smp p.accordionBtn {
display: block;
width: 50px;
height: 50px;
position: absolute;
top: 0;
right: 0;
padding: 13px 15px 15px 17px;
border-left: 1px solid #ddd;
box-sizing: border-box;
}
.menu_global_smp p.accordionBtn span {
position: absolute;
left: 12px;
width: 50%;
height: 2px;
background-color: rgba(255,255,255,1);
border-radius: 4px;
transition: all .2s;
}
.menu_global_smp p.accordionBtn span:nth-of-type(1) {
top: 25px;
transform: rotate(0deg);
}
.menu_global_smp p.accordionBtn span:nth-of-type(2) {
top: 25px;
transform: rotate(90deg);
} .menu_global_smp p.accordionBtn.active span:nth-of-type(1) {
display:none;
}
.menu_global_smp p.accordionBtn.active span:nth-of-type(2) {
top: 25px;
transform: rotate(180deg);
}
@media only screen and (max-width: 1023px) {
}
@media screen and (max-width: 767px) {
.header-menu-smp {
display: block;
}
}
 a:link{color:#666666; text-decoration:none;}
a:visited{color:#666666; text-decoration:none;}
a:hover { color: #26933C; text-decoration:underline;}
a {outline:none;}
body{
min-width: 1080px;
margin: 0;
padding: 0;
text-align:center; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, sans-serif;
color:#333333;
font-size:13px;
line-height:23px;
background:url(//www.roken.or.jp/wp/wp-content/themes/kyokai2021/images/common/bg.gif) repeat-x;
}
div,ul,li,hr,form,dl,dt,dd {
border:none;
margin:0;
padding:0;
}
p {
border:none;
margin:0 0 0 0;
padding:0 0 0 0;
}
img {
margin:0;
padding:0;
border:none;
outline:none;
max-width: 100%;
height: auto;
}
table,th,tr,td {
margin:0;
padding:0;
border:none;
}
h1,h2,h3,h4,h5 {
font-size:13px;
font-weight:normal;
padding:0;
margin:0;
}
.clear {
clear:both;
}
.clearFix:after {
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em; }
* html .clearFix { display: inline-block; } * html .clearFix { height: 1%; }
.clearFix { display: block; } #container {
padding:0;
margin:0 auto;
width:980px;
text-align:left;
}
#header {
border-top:#26933C 5px solid;
padding:16px 0 0 0;
position: relative;
}
.h-left {
float:left;
width:340px;
height:80px;
}
.h-right {
float:right;
width:640px;
text-align:right;
}
.links {
font-size:10px;
padding:0 0 10px 0;
}
.others {
font-size:10px;
}
.ot-left {
float: left;
width: 180px;
margin-left: 180px;
}
.ot-right {
float:right;
width:280px;
text-align:right;
padding:5px 0 0 0;
} #header ul {
}
#header .h-right .ot-left li {
display:inline;
display:block;
float:left;
overflow:hidden;
text-align:left;
}
#header li a {
display:block;
}
#header .h-right .ot-left li.moji {
padding:6px 0 0 0;
}	
#header .h-right .ot-left li.dai a {
background:url(//www.roken.or.jp/wp/wp-content/themes/kyokai2021/images/common/fontsize.gif) no-repeat;
font-size:16px;
width:21px;
height:24px;
padding:6px 0 0 9px;
}
#header .h-right .ot-left li.chu a {
background:url(//www.roken.or.jp/wp/wp-content/themes/kyokai2021/images/common/fontsize.gif) no-repeat;
font-size:13px;
width:20px;
height:24px;
padding:6px 0 0 10px;
}
#header .h-right .ot-left li.sho a {
background:url(//www.roken.or.jp/wp/wp-content/themes/kyokai2021/images/common/fontsize.gif) no-repeat;
font-size:11px;
width:25px;
height:24px;
padding:6px 0 0 11px;
}
#searchform, #searchform div {
display:inline;
}
#searchform Label {
display:none;
}	
#s:hover, #s:focus {
background-color:#EBEBEB;
} div#nav	{
height:46px;
padding:2px 0 0 0;
margin: 0;
}
div#nav ul {
margin: 0;
padding: 0;
}
div#nav li {
float: left;
list-style-type:none;
margin: 0;
padding: 0;
}
div#nav li a {
display: block;
width: 163px;
height:46px;
color: #ffffff;
text-align: center;
line-height:50px;
background:url(//www.roken.or.jp/wp/wp-content/themes/kyokai2021/images/common/nav.png) no-repeat;
margin: 0;
padding: 0;
}
div#nav li a:hover	{
background:url(//www.roken.or.jp/wp/wp-content/themes/kyokai2021/images/common/nav.png) no-repeat 0 -50px;
text-decoration:none;
margin: 0;
padding: 0;
}
.menu_submenu > li {
display: inline-block;
margin-left: 30px;
padding-left: 1.6rem;
position: relative;
}
.menu_submenu > li:nth-of-type(1) {
margin-left: 0;
}
.menu_submenu > li::before {
content: '';
position: absolute;
top: 25%;
left: 0;
width: 0;
height: 0;
border-top: solid 6px transparent;
border-right: solid 6px transparent;
border-bottom: solid 6px transparent;
border-left: solid 6px rgba(49,153,57,1);
}
.menu_submenu > li > a {
color: rgb(77,77,77);
font-size: 1.6rem;
text-align: center;
}
.menu-global-flame { } .menu-global-flame .menu_global {
display: table;
width: 100%;
table-layout: fixed;
border-collapse: collapse;
font-size:13px;
}
.menu-global-flame.fix-header {
background:url(//www.roken.or.jp/wp/wp-content/themes/kyokai2021/images/common/side-ul.gif) repeat-x;
top: -60px; left: 0;
width: 100%;
z-index: 1000; padding: 0;
}
.menu-global-flame.fix-header .menu_global {
max-width: 980px;
width: 100%;
margin: 0 auto;
}
.menu-global-flame .menu_global > li{
display: table-cell;
position: relative;
vertical-align: middle;
}
.menu-global-flame .menu_global > li > a {
display: inline-block; background: url(//www.roken.or.jp/wp/wp-content/themes/kyokai2021/images/common/nav.png) no-repeat 0 0;
color: rgb(255,255,255); text-align: center;
padding: 12px 0;
width: 100%;
}
.menu-global-flame .menu_global > li > a:hover {
background: url(//www.roken.or.jp/wp/wp-content/themes/kyokai2021/images/common/nav.png) no-repeat 0 -50px;
text-decoration: none;
}
.menu-global-flame .menu_global > li > a > span {
display: inline-block;
border-color: rgb(255,255,255,1);
border-style: none none none solid;
border-width: 1px;
vertical-align: middle;
width: 100%;
}
.menu-global-flame .menu_global > li:last-child > a > span {
border-color: rgb(255,255,255,1);
border-style: none solid none solid;
border-width: 1px;
}
.menu-global-flame .menu_global > li > .sub-menu {
position: absolute;
width: 130%;
top: 46px;
left: 50%;
-webkit-transform: translate(-50%,0);
transform: translate(-50%,0); padding-top: 20px;
z-index: 10;
display: none; }
.menu-global-flame .menu_global > li:hover > .sub-menu {
z-index: 4;
}
.menu-global-flame .menu_global > li > .sub-menu:before{
content: '';
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 6px;
border-color: rgba(49,153,57,1) transparent transparent transparent;
top: 0;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%); }
.menu-global-flame .menu_global .sub-menu > li {
background-color: rgba(49,153,57,.8);
list-style: none;
}
.menu-global-flame .menu_global .sub-menu > li > a {
display: block;
background: none;
border-bottom: 1px solid rgba(255,255,255,.5);
color: rgb(255,255,255);
font-size: 12px;
line-height: 18px; text-align: left;
padding: 8px 6px 8px 8px;
position: relative;
}
.menu-global-flame .menu_global .sub-menu > li > a:hover {
text-decoration: none;
}
.menu-global-flame .menu_global .sub-menu > li > a:before{
content: '';
position: absolute;
width: 100%;
height: 100%;
top: 0;
right: 0;
background: rgba(49,153,57,.8); transition: transform .5s;
z-index: -1;
} .menu-global-flame .menu_global .sub-menu > li .sub-menu > li > a {
background: rgba(82,172,51,.8);
padding-left: 20px; 
} .header-button-smpmenu {
display: none;
}
.menu_global_smp {
display: none;
} .pan {
clear:both;
width:980px;
font-size:11px;
margin-top:5px;
}
.img-r {
float:left;
padding:0 15px 0 0;
}
#content {
box-sizing: border-box;
max-width:720px;
padding:30px 0 30px 40px;
font-weight:normal;
float:right;
width: 100%;
}
#content a {padding-left:0; padding-top:0; padding-bottom:0;}
#content a:link{color:#26933C; text-decoration:underline;}
#content a:visited{color:#26933C; text-decoration:underline;}
#content a:hover { color: #26933C; text-decoration:underline; font-weight:bold;} * html a{  
behavior: expression(  
this.className += this.getAttribute("href").match(/^http.*/) && (!this.getAttribute("href").match("css-lecture.com")) ? " external" : "",  
this.className += this.getAttribute("href").match(/\.pdf$/) ? " pdf" : "",
this.className += this.getAttribute("href").match(/\.doc$/) ? " doc" : "",
this.className += this.getAttribute("href").match(/\.docx$/) ? " docx" : "",
this.className += this.getAttribute("href").match(/\.xls$/) ? " xls" : "",
this.className += this.getAttribute("href").match(/\.xlsx$/) ? " xlsx" : "",
this.className += this.getAttribute("href").match(/\.zip$/) ? " zip" : "",
this.className += this.getAttribute("href").match(/^mailto.*/) ? " mailto" : "", 
this.style.behavior = "none"  
);  
}  * html a.external   {   
background: url(//www.roken.or.jp/wp/wp-content/themes/kyokai2021/images/common/ico_opwin1a.gif) no-repeat 100% 50%; 
padding-right:20px; 
}  
a[href^="http://150.60.25.64/"]  {  
padding: inherit;  
background: transparent;
padding-right:0px;
}  
a[href^="/"]  {  
padding: inherit;  
background: transparent; 
} 
a[href $='.pdf'] {
background:url(//www.roken.or.jp/wp/wp-content/themes/kyokai2021/images/common/pdf_small.gif) no-repeat 100% 50%;
padding-right:20px;
}
* html a.pdf{   
background: url(//www.roken.or.jp/wp/wp-content/themes/kyokai2021/images/common/pdf_small.gif) no-repeat 100% 50%;  
padding-right:20px;
}
a[href $='.xls'] {
background:url(//www.roken.or.jp/wp/wp-content/themes/kyokai2021/images/common/excel_small.gif) no-repeat 100% 50%;
padding-right:20px;
}
* html a.xls{   
background: url(//www.roken.or.jp/wp/wp-content/themes/kyokai2021/images/common/excel_small.gif) no-repeat 100% 50%;  
padding-right:20px;
}
a[href $='.xlsx'] {
background:url(//www.roken.or.jp/wp/wp-content/themes/kyokai2021/images/common/excel_small.gif) no-repeat 100% 50%;
padding-right:20px;
}
* html a.xlsx{
background: url(//www.roken.or.jp/wp/wp-content/themes/kyokai2021/images/common/excel_small.gif) no-repeat 100% 50%;  
padding-right:20px;
}
a[href $='.doc'] {
background:url(//www.roken.or.jp/wp/wp-content/themes/kyokai2021/images/common/word_small.gif) no-repeat 100% 50%;
padding-right:20px;
}
* html a.doc{   
background: url(//www.roken.or.jp/wp/wp-content/themes/kyokai2021/images/common/word_small.gif) no-repeat 100% 50%;  
padding-right:20px;
}
a[href $='.docx'] {
background:url(//www.roken.or.jp/wp/wp-content/themes/kyokai2021/images/common/word_small.gif) no-repeat 100% 50%;
padding-right:20px;
}
* html a.docx{   
background: url(//www.roken.or.jp/wp/wp-content/themes/kyokai2021/images/common/word_small.gif) no-repeat 100% 50%;  
padding-right:20px;
} #content a.subscription-button {	
display: inline-block;	
min-width: 160px;	
text-decoration: none;	
color: #d96c6b;	
padding: 6px 10px 5px 10px;	
border: solid 2px;	
border-radius: 5px;	
background-color: #fff;	
font-weight: bold;	
font-size: 12px;	
line-height: 1;	
position: relative;	
-webkit-transition: background 0.3s;	
-o-transition: background 0.3s;	
transition: background 0.3s;	
}	
#content a.subscription-button::before {	
content: '';	
display: inline-block;	
vertical-align: top;	
margin-right: 6px;	
width: 9px;	
height: 9px;	
border: solid 1px;	
border-radius: 50%;	
}	
#content a.subscription-button::after {	
content: '';	
position: absolute;	
width: 3px;	
height: 3px;	
border-top: solid 2px;	
border-right: solid 2px;	
top: 50%;	
left: 12px;	
transform: translateY(-50%) rotate(45deg);	
}	
#content a.subscription-button:hover {	
background-color: rgba(255, 255, 255, 0.8);	
}	
.post table.new-table {	
width: 100% !important;	
max-width: 690px;	
margin: 0;	
border: none;	
box-sizing: border-box;	
border-collapse: collapse;	
}	
.post table.new-table th, .post table.new-table td {	
border: none;	
border: solid 1px #ccc;	
}	
.post table.new-table th.no-border, .post table.new-table td.no-border {	
border: none;	
} .video {
position: relative;
width:100%; height:0; padding-top: 56.25%; margin-bottom: 20px;
} .video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
#content.content-all {
max-width: 100%;
padding: 30px 0 30px 0;
float: none;
}
#content h1 {
font-size:200%;
line-height: 1.5!important;
padding:30px 0 20px 0;
}
#content h1.single-kyokai {
padding:0px 0 20px 0;
line-height: 1.5;
}
#content p.single-cat {
padding:20px 0 5px 0;
}
.post {
margin-bottom:30px;
overflow:hidden;
}
.post .btn-kirikae{
width:300px; 
height:35px; 
text-align:center; 
border:#26933C 1px solid; 
background-color:#F5FCF3; 
color:#26933C; 
float:right;
margin-bottom:20px;
}
.post .btn-kirikae a{
display:block;
width:300px; 
height:35px; 
line-height:35px; 
background-color:#F5FCF3; 
color:#26933C;
text-decoration:none;
}
.post .btn-kirikae a:hover{
display:block;
width:300px; 
height:35px; 
line-height:35px; 
background-color: #E8FAE2; 
color:#26933C;
text-decoration:none;
}
.post p {
font-size:100%;
font-weight:normal;
padding:0 10px 20px 10px;
}
.post aside {
font-size:100%;
font-weight:normal;
padding:0 20px 20px 20px;
}
.post h2 {
clear:both;
font-size:150%;
border-top:#26933C 2px solid;
border-bottom:#26933C 1px solid;
padding:8px 0 8px 30px;
margin:20px 0;
background:url(//www.roken.or.jp/wp/wp-content/themes/kyokai2021/images/common/h2.gif) no-repeat 5px 10px;
line-height:32px;
}
.small-font {
font-size:60%;
}
.post h3 {
clear:both;
font-size:115%;
border-bottom:#A9C7AF 1px solid;
padding:20px 0 8px 10px;
margin-bottom:10px;
color:#26933C;
font-weight:bold;
}
.post h4 {
clear:both;
font-size:115%;
padding:10px 0 8px 10px;
font-weight:bold;
}
.border {
border-top:#26933C 2px solid;
margin-top:20px;
padding:10px;
}
p.postinfo {
font-size:90%;
font-weight:normal;
padding:0 10px 20px 10px;
}	
.kakomi {
border:#26933C 1px solid;
padding:10px;
margin-bottom:20px;
}
.kakomi p.midashi {
font-size:115%;
color:#26933C;
padding:0 0 8px 0;
}
.kakomi p.bun {
padding:0 0 0 0;
}
.post table {
margin:0 10px 20px 10px;
border-left:#CCCCCC 1px solid;	
border-top:#CCCCCC 1px solid; table-layout: fixed;
font-size:95%;
line-height:165%;
width: 98%!important;
}
.post th {
border-right:#CCCCCC 1px solid;	
border-bottom:#CCCCCC 1px solid;
text-align:center;
background-color:#F7F7F7;
padding:3px 5px;
}
.post th.left-normal {
text-align:left;
font-weight:normal;
}
.post td {
border-right:#CCCCCC 1px solid;	
border-bottom:#CCCCCC 1px solid;
padding:3px 5px;
}
.post td.grn {
border-right:#CCCCCC 1px solid;	
border-bottom:#CCCCCC 1px solid;
padding:3px 5px;
background-color:#F3F7EB;
}
ul.list {
list-style-type:none;
list-style-position:inside;
list-style-image:url(//www.roken.or.jp/wp/wp-content/themes/kyokai2021/images/common/link.gif);
}
ul.list li {
font-size:100%;
padding:0 0 20px 10px;
}
div.center {
text-align:center;
}			
span.new {
color:#D75D5D;
font-weight:bold;
} .kumamoto-info {
box-sizing:border-box;
width:100%;
background:#ffc;
margin-top:20px; border:1px solid #B3424A;
}
.kumamoto-info a {
display:block;
color:#B3424A;
margin:0 auto;
min-height:60px;
text-align:center;
-webkit-transition: all .3s;
transition: all .3s;
}
.kumamoto-info a:hover {
text-decoration:none;
background:#b3424A;
color:#ffc;
}
.kumamoto-info a h2 {
font-size:180%;
font-weight:700;
padding-top:20px;
}
.ribbon {
font-size: 20px;
width: 75%;
position: relative;
background: #B3424A;
color: #fff;
text-align: center;
padding: 1em 2em; margin: 0 auto auto; }
.ribbon:before, .ribbon:after {
content: "";
position: absolute;
display: block;
bottom: -1em;
border: 1.5em solid #B3424A;
z-index: -1;
}
.ribbon:before {
left: -2em;
border-right-width: 1.5em;
border-left-color: transparent;
}
.ribbon:after {
right: -2em;
border-left-width: 1.5em;
border-right-color: transparent;
}
.ribbon-content:before,
.ribbon-content:after {
content: "";
position: absolute;
display: block;
border-style: solid;
border-color: #dda transparent transparent transparent;
bottom: -1em;
}
.ribbon-content:before {
left: 0;
border-width: 1em 0 0 1em;
}
.ribbon-content:after {
right: 0;
border-width: 1em 1em 0 0;
}
.post-kumamoto {
clear:both;
background-color:#ffc;
border-top:#B3424A 2px solid;
border-bottom:#B3424A 1px solid;
display:table;
line-height:32px;
margin:15px 0 20px 0;
padding:12px 0 7px 10px !important;
width:98.5%;
}
.post-kumamoto:hover {
text-decoration:none;
}
.post-kumamoto h2 {
display:table-cell;
color:#B3424A;
font-size:180%;
font-weight:700;
width:45%;
}
.post-kumamoto div.ichiran-kumamoto {
display:table-cell;
text-align:right;
width:54%;
} .movie {
float:left;
width:350px;
padding:10px 0;
border-bottom:#CCCCCC 1px solid;
margin-right:10px;
font-size:95%;
line-height:165%;
color:#999999;
}
.movie span.m-title {
font-size:115%;
color:#666666;
font-weight:bold;
}
.movie img {
float:left;
padding:0 10px 0 0;
} .k-left {
float:right;
width:535px;
}
.k-left span {
font-size:15px;
font-weight:bold;
}
.k-right {
float:left;
width:185px;
text-align:center;
}
.m-left {
width:100px;
float:left;
}
.m-right {
width:620px;
float:right;
} .t-left {
width:490px;
float:left;
padding:0 0 30px 0;
}
.t-right {
width:200px;
float:right;
}
ul.taikai {
list-style-type:none;
list-style-position:inside;
}
ul.taikai li {
padding:0 0 10px 10px;
} .post table.tokuten {
margin:0 0 0 0;
border-left: none;	
border-top:none;
width:100%;
font-size:95%;
line-height:165%;
background:#F3F7EB;
}
.post table.tokuten td {
border-right:none;	
border-bottom:none;
padding:0 0;
} h3.info {
clear:both;
font-size:115%;
border-top:#26933C 2px solid;
border-bottom:#26933C 1px solid;
padding:8px 0 8px 30px;
margin:10px 0 20px 0;
color:#26933C;
font-weight:bold;
background:url(//www.roken.or.jp/wp/wp-content/themes/kyokai2021/images/common/link.gif) no-repeat 5px 10px;
width:340px;
}
h3.info a {
text-decoration:none;
}
.i-left {
width:320px;
float:left;
}
.i-right {
width:320px;
float:right;
}
.post h4.title {
clear:both;
font-size:115%;
padding:30px 0 0 0;
font-weight:bold;
} .k-hoken {
padding:10px;
margin:5px 0 15px 35px;
border:#CCCCCC 1px solid;
font-size:98%;
} .panhu-list > li {
padding-bottom: 30px;
} .kenshu img {
}
.kenshu a:hover {
filter: alpha(opacity=50);
-moz-opacity:0.50;
opacity:0.50;
}	
.kenshu a[href^="http"] {   
background:none;
} 
.post h3.ken {
font-size:100%;
border-bottom:none;
padding:0 0 0 0;
margin-bottom:0;
font-weight:normal;
}
.shuryo {
background-color:#EBEBEB;
}
.boshu {
background:#FFFFE6;
}
.boshu-new {
background:#FFFFE6;
color:#D75D5D;
font-weight:bold;
}
.kenshu-info-table {
border: none!important; width: 100%;
}
.kenshu-info-table th,
.kenshu-info-table td {
border: none!important;
}
.kenshu-info-table td:nth-of-type(1) {
width: 55%;
}
.kenshu-info-table td:nth-of-type(2) {
width: 45%;
}
.kenshu-table-flame table {
table-layout: fixed;
}
.kenshu-table-flame ul {
margin: 0 auto;
list-style: none;
width: 95%!important;
} .youkaigo {
padding:0 0 25px 0;
}
.youkaigo span {
padding:5px 8px;
background:#F3F7EB;
display:block;
} .kakomi2 {
background-color:#F4F4F4;
padding:20px;
}
.kakomi2 p.midashi {
font-size:115%;
color:#26933C;
padding:0 0 15px 0;
}
.kakomi2 p.bun {
padding:10px 0;
border-top:#CCCCCC 1px solid;
height:auto;
}
.kakomi2 p.toi {
padding:10px 0 0 0;
border-top:#CCCCCC 1px solid;
} ul.news-p {
clear:both;
list-style-type:none;
list-style-position:inside;
list-style-image:url(//www.roken.or.jp/wp/wp-content/themes/kyokai2021/images/common/link.gif);
}
ul.news-p li {
font-size:100%;
padding:0 20px 10px 10px;
} .miru {
text-align:right;
padding:15px 0 0 0;
}
ul.oshirase {
clear:both;
list-style-type:none;
list-style-position:inside;
list-style-image:url(//www.roken.or.jp/wp/wp-content/themes/kyokai2021/images/common/link.gif);
}
ul.oshirase li {
font-size:100%;
margin:10px 10px 20px 10px;
padding:10px;
float:left;
border:#CCCCCC 2px solid;
}
#content ul.oshirase li a {
text-decoration:none;
}
#content ul.oshirase li a:hover {
text-decoration:underline;
}
.pagenation {
}
.oldpage {
float:left;
width:200px;
}		
.newpage {
float:right;
width:200px;
text-align:right;
} .sitemap-left {
width:330px; 
padding:0 20px 0 0; 
float:left;
}
.sitemap-right {
width:330px; 
float:right;
}	
.sitemap-left dl, .sitemap-right dl {
padding: 0 0 35px 0;
}	
.sitemap-left dt h2, .sitemap-right dt h2 {
font-size:110%;
border-top:none;
border-bottom:#CCCCCC 1px solid;
padding:0 0 0 0;
margin:0 0 10px 0;
background:none;
line-height:32px;
font-weight:bold;
}
.sitemap-left dd h3, .sitemap-right dd h3 {
padding:0 0 5px 20px;
background:url(//www.roken.or.jp/wp/wp-content/themes/kyokai2021/images/common/link.gif) no-repeat 0 3px;
font-size:100%;
border-bottom:none;
margin-bottom:0;
font-weight:normal;
} 	
.sitemap-left dd.ko h3, .sitemap-right dd.ko h3 {
padding:0 0 5px 20px;
background:url(//www.roken.or.jp/wp/wp-content/themes/kyokai2021/images/common/link.gif) no-repeat 0 3px;
font-size:100%;
border-bottom:none;
margin-bottom:0;
margin-left:20px;
font-weight:normal;
} .kekka {
font-size:120%;
font-weight:bold;
padding:10px 0 0 0;
} #sidebar {
max-width:220px;
float:right;
padding:30px 0;
width: 100%;
}
#sidebar a[href^="http"] {
background: none;
padding-right: 0;
}
#sidebar ul.sidebar-menu {
border:#26933C 2px solid;
border-top: none;
padding:0;
margin:0;
}
#sidebar p {
font-size:14px;
color:#FFFFFF;
background:url(//www.roken.or.jp/wp/wp-content/themes/kyokai2021/images/common/side-ul.gif);
padding:10px 8px;
}
#sidebar p > a {
display: block;
color:#fff;
padding: 0;
text-decoration: none;
}
#sidebar p > a::hover {
color:#fff;
opacity: 1;
text-decoration: none;
}
#sidebar ul {
list-style-type:none;
padding:0;
margin:0;
}
#sidebar li { }
#sidebar li a { display: block;
font-size:14px;
background:url(//www.roken.or.jp/wp/wp-content/themes/kyokai2021/images/common/side-li.gif)!important;
padding:10px 25px 10px 8px;
border-top:#A9C7AF 1px solid;
}
#sidebar li a:hover {
color:#26933C;
text-decoration:none;
font-weight:bold; }
#sidebar li ul.sub-menu li > a {
padding-left: 20px;
}
#sidebar li.widget, #sidebar li.widget_nav_menu {
padding:0 0 0 0;
margin:0 0 0 0;
border-top:none;
background:none;
}
#sidebar .menu-roken-container {
padding:0 0 0 0;
margin:0 0 0 0;
}
ul.menu {
padding:0;
margin:0;
}
ul#menu-roken {
padding:0;
margin:0;
}
#sidebar img {}
#sidebar a:hover {
filter: alpha(opacity=50);
-moz-opacity:0.50;
opacity:0.50;
}
#sidebar .sidebar-menu-midashilink {
display: block;
box-sizing: border-box;
color: #fff;
padding: 0;
}
#sidebar .sidebar-menu-midashilink:hover {
text-decoration: none;
opacity: 1;
} #footer {
width:980px;
text-align:right;
font-size:10px;
}
.f-hr {
border-top:#CCCCCC 1px solid;
padding:20px 0;
margin:10px 0 0 0;
}
.f-left {
float:left;
width:530px;
font-size:11px;
text-align:left;
}
p {
font-size:15px;
font-weight:bold;
}
.f-right {
float:right;
width:450px;
color:#B3B3B3;
font-size:10px;
}
.footer-sns {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
}
.footer-sns .line > a > img {
max-width: 42px;
padding: 10px;
width: 100%;
}
.footer-sns .fb > a > img {
max-width: 42px;
padding: 10px;
width: 100%;
} #content-home {
width:980px;
padding:15px 0;
}
#content-home a {padding:0 0 0 0;}
.pickup {
padding:5px 10px;
background-color:#F0F0E6;
margin-top:15px;
}
.pickup span {
color:#FFFFCC;
background-color:#D75D5D;
padding:0 10px;
}
.top-l {
width:725px;
float:left;
padding-right:35px;
}
h2.hdn {
text-indent:-9999px;
}
.bar-kyokai {
height:50px;
background:url(//www.roken.or.jp/wp/wp-content/themes/kyokai2021/images/top/bar-kyokai.gif) no-repeat;
padding-bottom:10px;
} .bar-r4 {
height:50px;
background:url(//www.roken.or.jp/wp/wp-content/themes/kyokai2021/images/top/bar-r4.gif) no-repeat;
padding-bottom:10px;
}
.bar-kyokai div.rss-kyokai {
padding:18px 0 0 128px;
float:left;
width:300px;
}
.bar-kyokai div.ichiran-kyokai {
padding:18px 5px 0 0;
float:right;
width:100px;
font-size:90%;
text-align:right;
} .bar-member {
height:50px;
background:url(//www.roken.or.jp/wp/wp-content/themes/kyokai2021/images/top/bar-member.gif) no-repeat;
padding-bottom:10px;
}
.bar-member div.ichiran-member {
padding:18px 5px 0 0;
float:right;
width:100px;
font-size:90%;
text-align:right;
}
ul.top-kiji {
list-style-type:none;
}
ul.top-kiji a[href^="http"] {
background: none;
padding-right: 0;
}
ul.top-kiji span {
font-size:90%;
}
ul.top-kiji li {
padding:0 0 10px 18px;
margin-left:12px;
background:url(//www.roken.or.jp/wp/wp-content/themes/kyokai2021/images/top/arrow-grn.gif) no-repeat 0 5px;
}
ul.top-kiji li a {
color:#26933C;
text-decoration:none;
padding:0 0 0 0;
}
ul.top-kiji li a:hover {
font-weight:bold;
}
ul.top-kiji-member {
list-style-type:none;
}
ul.top-kiji-member span {
font-size:90%;
}
ul.top-kiji-member li {
padding:0 0 10px 18px;
margin-left:12px;
background:url(//www.roken.or.jp/wp/wp-content/themes/kyokai2021/images/top/arrow-red.gif) no-repeat 0 5px;
}
ul.top-kiji-member li a {
color:#D75D5D;
text-decoration:none;
padding:0 0 0 0;
}
ul.top-kiji-member li a:hover {
font-weight:bold;
}
.bar-shisetsu {
height:50px;
background:url(//www.roken.or.jp/wp/wp-content/themes/kyokai2021/images/top/bar-serch2021.gif) no-repeat;
}
.bar-shisetsu div.ichiran-shisetsu {
padding:18px 5px 0 0;
float:right;
width:250px;
font-size:90%;
text-align:right;
}
.kensaku-l {
width:445px;
float:left;
} .kensaku-r {
width:270px;
float:right;
padding:0;
font-size:95%;
}
.kensaku-r select{
font-size:95%;
}
.bar-kenshu {
height:50px;
background:url(//www.roken.or.jp/wp/wp-content/themes/kyokai2021/images/top/bar-kenshu.gif) no-repeat;
padding-bottom:10px;
}
.bar-kenshu div.ichiran-kenshu {
padding:16px 5px 0 0;
float:right;
width:180px;
font-size:90%;
text-align:right;
}
.bar-kenshu div.ichiran-kenshu-l2 {
padding:8px 5px 0 0;
float:right;
width:180px;
font-size:90%;
text-align:right;
line-height:18px;
font-size:11px;
}
.bar-kenshu div.ichiran-kenshu-l2 img{
vertical-align:text-top;
}
ul.top-kiji-kenshu {
list-style-type:none;
}
ul.top-kiji-kenshu li {
padding:0 0 10px 10px;
margin:0 0 10px 0;
border-bottom:#CCCCCC 1px dotted;
}
ul.top-kiji-kenshu li a {
color:#26933C;
text-decoration:none;
padding:0 0 0 0;
}
ul.top-kiji-kenshu li a:hover {
font-weight:bold;
}
ul.top-kiji-kenshu span {
color:#FFFFFF;
background-color:#D75D5D;
padding:0 2px;
font-size:90%;
}
.bar-event {
height:50px;
background:url(//www.roken.or.jp/wp/wp-content/themes/kyokai2021/images/top/bar-event.gif) no-repeat;
padding-bottom:10px;
}
.bar-event div.ichiran-event {
padding:16px 5px 0 0;
float:right;
width:100px;
font-size:90%;
text-align:right;
}
.top-r {
width:220px;
float:left;
}
.top-r img {
}
.top-r a:hover {
filter: alpha(opacity=50);
-moz-opacity:0.50;
opacity:0.50;
}	
.member-bg {
height:120px; max-width: 220px;
margin-right: auto;
margin-left: auto;
height: 150px;
background: url(//www.roken.or.jp/wp/wp-content/themes/kyokai2021/images/top/member-bg2023.jpg) no-repeat center center;
padding-bottom: 10px;
width: 100%;
}
.member-bg p {
padding:45px 0 0 0;
text-align: center;
}
.member-bg span {
padding:0 0 0 23px;
display:block;
}
.top-l-left {
float:left;
width:350px;
padding-right:25px;
}
.top-l-right {
float:left;
width:350px;
}
.member-bg-short {
max-width: 221px;
margin-right: auto;
margin-left: auto;
height: 99px;
background: url(//www.roken.or.jp/wp/wp-content/themes/kyokai2021/images/top/member-bg_short.gif) no-repeat center center;
padding-bottom: 10px;
width: 100%;
}
.member-bg-short p {
padding:45px 0 0 10px;
} #content .pagination{
text-align: center;
margin-bottom:15px;
}
#content a.page-numbers,
#content .pagination .current{
background: #fff;
border: solid 1px #ccc;
padding:5px 8px;
margin:0 2px;
text-decoration: none;
text-align:center;
}
#content .pagination .current{
background: #8aaa16;
border: solid 1px #8aaa16;
color: #fff;
} .search-waku {
border:#26933C 1px solid;
padding:15px;
margin-bottom:15px;
}
.search-waku span {
font-size:16px;
color:#26933C;
}
.searchform {
padding:15px;
background-color:#F3F7EB;
}
.searchform table {
margin:0 0 0 0;
font-size:95%;
line-height:165%;
padding:15px 0;
background-color:#FFFFFF;
border:#26933C 1px solid;
}
.searchform th {
padding:3px 5px;
text-align:center;
font-size:16px;
color:#26933C;
}
.searchform td {
padding:3px 5px;
} #content .enkaku-table {
border-collapse: collapse;
width: 98%!important;
}
#content .enkaku-table th:nth-of-type(1) {
text-align: left;
width: 15%;
}
#content .enkaku-table th:nth-of-type(2) {
width: 20%;
} .movie-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.movie-block .movie-left { padding-right:20px;
max-width:380px;
width: 100%;
}
.movie-block .movie-right { max-width:280px;
width: 100%;
}
.movie-box-block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.movie-box-block .movie-box {
width:220px; padding-right:15px;
}
.movie-box-block .movie-box > h3 {
font-size: 105%!important;
padding: 10px 0 8px 10px!important;
}
.movie-box-block .movie-box > h4 {
font-size: 105%!important;
}
.movie-box-block .movie-flash {
font-size:11px;
line-height:16px;
} .home-left {
width:415px;
padding-right:10px;
float:left;
}
.home-right {
width:235px;
float:right;
}
.home-right span {
background-color:#CC0000;
color:#FFFFFF;
font-weight:bold;
padding:2px 5px;
margin:0 2px 2px 0;
}
.home-right table {
font-size:95%;
line-height:165%;
margin:0 0 0 0;
border-left:none;	
border-top:none;
}
.home-right td {
padding:2px 5px;
border-right:none;	
border-bottom:none;
vertical-align:top;
} .post-mhlw table {
margin:0 10px 20px 10px;
border-left:#CCCCCC 1px solid;	
border-top:#CCCCCC 1px solid;
font-size:95%;
line-height:165%;
}
.post-mhlw th {
border-right:#CCCCCC 1px solid;	
border-bottom:#CCCCCC 1px solid;
text-align:center;
background-color:#F7F7F7;
padding:3px 5px;
}
.post-mhlw td {
border-right:#CCCCCC 1px solid;	
border-bottom:#CCCCCC 1px solid;
padding:3px 5px;
}
.post-mhlw td.grn {
border-right:#CCCCCC 1px solid;	
border-bottom:#CCCCCC 1px solid;
padding:3px 5px;
background-color:#F3F7EB;
} div.th-hosoku {
width:100%;
margin:0;
padding:0;
font-weight:normal;
} .photo_box{
width:120px; 
margin:10px 6px 0 6px; 
float:left; 
font-size:11px;
line-height:16px;
}
.photo_box img{
margin-bottom:5px;
}
.kensaku_bg{
float:left;
width:20px;
} .border table.anq-table {
width:100%;
margin:0 auto;
}
.border table.anq-table th {
font-size:11px;
line-height:13px;
font-weight:normal;
}
.input-form {
width:16px;
padding:0;
font-size:11px;
text-align:right;
}
.input-form-b {
width:16px;
padding:0;
text-align:right;
border:none;	
}
.border input.form-button2 {
width:30%;
height:50px;
margin:20px auto;
font-size:14px;
background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
background-image: -webkit-linear-gradient(top, #eee, #ccc);
background-image: -moz-linear-gradient(top, #eee, #ccc);
background-image: -ms-linear-gradient(top, #eee, #ccc);
background-image: -o-linear-gradient(top, #eee, #ccc);
background-image: linear-gradient(top, #eee, #ccc);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eee', endColorstr='#aaa',GradientType=0 ); -moz-box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
-webkit-box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
box-shadow: inset 0 0 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
} ul.r4-kiji {
list-style-type:none;
}
ul.r4-kiji li {
padding:0 0 0 18px;
margin-left:12px;
background:url(//www.roken.or.jp/wp/wp-content/themes/kyokai2021/images/top/arrow-grn.gif) no-repeat 0 5px;
}
ul.r4-kiji li a {
color:#26933C;
text-decoration:none;
padding:0 0 0 0;
}
ul.r4-kiji li a:hover {
font-weight:bold;
} .link_settei {
padding:15px;
border:#CCCCCC 1px solid;
margin:10px 0 40px 0;
background:#EFEFEF;
} .renrakusaki {
padding:20px; 
background-color:#f4fae9; 
border:4px solid #53933c;
}
.renrakusaki h4{
margin:0;
padding:0;
color:#53933c;
} .t-left {
text-align:left;
}
.t-center {
text-align:center;
}
.t-right {
text-align:right;
} .red {
color:#C00;
}
a.intro-link-color {
color:#1991cf;
} #page-top {
position: fixed;
bottom: 20px;
right: 20px;
margin-bottom: 0;
width: auto!important;
z-index: 50;
} .font24 {font-size: 24px;}
.font20 {font-size: 20px;}
.font18 {font-size: 18px;}
.font16 {font-size: 16px;}
.font14 {font-size: 14px;} .sp-mt10 {
margin-top:10px;
}
.sp-mt20 {
margin-top:20px;
}
.sp-mt30 {
margin-top:30px;
}
.sp-mt40 {
margin-top:40px;
}
.sp-mb10 {
margin-bottom:10px;
}
.sp-mb20 {
margin-bottom:20px;
}
.sp-mb30 {
margin-bottom:30px;
}
.sp-mb40 {
margin-bottom:40px;
}
.sp-pt20 {
padding-top:20px;
}
.pc {
display: block;
}
.smp {
display: none;
}
.border-none { border: none!important; } @media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) { }
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) { } @media screen and (max-width: 767px) {
body {
background: none;
min-width: initial;
}
#content.content-all {
padding: 30px 20px 30px 20px;
} .pan {
display: none;
width: 100%;
} .menu-global-flame {
display: none;
}
.header-button-smpmenu {
position: absolute;
top: 0;
right: 0;
background-color: rgba(49,153,57,1);
display: inline-block;
padding: 10px;
}
.header-button-smpmenu li {
list-style: none;
}
.menu_global_smp {
display: block;
background-color: rgba(49,153,57,1);
box-sizing: border-box;
} .website-name {
max-width: 338px;
padding: 8px 0 0 10px;
width: 65%;
} #header {
background-color: #fff;
padding: 0 0 0 0;
position: fixed;
top: 0;
width: 100%;
z-index: 10;
}
.h-left {
float: none;
height: auto;
max-width: 340px; width: 100%;
}
.h-right {
display: none; }
.others {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-bottom: 20px;
width: 100%;
}
.others .ot-left {
float: none;
max-width: 160px;
width: 100%;
margin-left: 0; 
}
.others .ot-right {
float: none;
max-width: 280px;
width: 100%;
text-align: right;
padding: 5px 0 0 0;
} #container {
padding-top: 80px;
width: 100%;
}
#content-home {
box-sizing: border-box;
padding: 0 10px;
width: 100%;
}
#content {
float: none;
padding: 0 10px 30px 10px;
}
.post table {
margin: 0 0 20px 0;
width: 100%!important;
}
.top-l {
width: 100%;
float: none;
padding-right: 0;
}
.top-l img {
max-width: 100%;
}
.bar-kyokai div.rss-kyokai {
box-sizing: border-box;
width: 60%;
}
.bar-kyokai div.ichiran-kyokai {
width: 20%;
}
.top-l-left {
float: none;
width: 100%;
padding-right: 0;
}
.top-l-right {
float: none;
width: 100%;
}
.kensaku-l {
float: none;
margin-right: auto;
margin-left: auto;
max-width: 445px;
width: 100%;
}
.photo_box {
max-width: 120px;
width: 100%;
}
.kensaku-r {
margin-right: auto;
margin-left: auto;
max-width: 445px;
width: 100%;
}
.top-r {
float: none;
border-top: 2px solid rgb(232,232,232);
margin-top: 30px;
padding-top: 15px;
text-align: center;
width: 100%;
}  .home-left {
max-width: 435px;
padding-right: 0;
float: none;
width: 100%;
}
.home-right {
max-width: 245px;
margin-right: auto;
margin-left: auto;
float: none;
width: 100%;
}
.home-left-nolimit {
max-width: 300px;
padding-right: 0;
float: none;
width: 100%;
}
.home-right-nolimit {
max-width: 400px;
margin-right: auto;
margin-left: auto;
float: none;
width: 100%;
}
.sitemap-left {
max-width: 330px;
padding: 0 0 0 0;
float: none;
width: 100%;
}
.sitemap-right {
max-width: 330px;
float: none;
width: 100%;
} #sidebar {
float: none;
margin: 0 auto;
padding: 0;
}
#sidebar ul.sidebar-menu {
display: none;
}
.bnr-block {
border-bottom: 2px solid rgb(232,232,232);
margin-bottom: 10px;
padding: 10px 0 10px;
}
body.category #sidebar,
body.single-post #sidebar,
body.page-template #sidebar {
display: none;
} #footer {
width: 100%;
}
.f-left {
box-sizing: border-box;
float: none;
padding: 0 20px;
width: 100%;
}
.f-right {
box-sizing: border-box;
float: none;
text-align: center;
width: 100%;
} .pc {
display: none;
}
.smp {
display: block;
}
.iframe-responsive {
position: relative;
width: 100%;
padding: calc(315 / 560 * 100%) 0 0; }
.iframe-responsive iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
}
@media screen and (max-width: 450px) { .photo_box {
max-width: 85px;
} #content .enkaku-table th:nth-of-type(1) {
text-align: center;
width: 8%;
}
#content .enkaku-table th:nth-of-type(2) {
width: 20%;
} .movie-block {
display: block;
}
.movie-block .movie-right {
margin: 0 auto;
}
.movie-box-block {
display: block;
}
.movie-box-block .movie-box {
max-width: 220px;
padding-right: 0;
margin: 0 auto;
width: 100%;
}
.movie-box-block .movie-box > h3 {
padding: 10px 0 8px 0;
}
} .wrap{
margin-bottom: 1.5rem;
}
.youtube {
position: relative;
height: 0;
margin-bottom: 20px;
padding-bottom: 56.25%;
overflow: hidden;
}
.youtube iframe {
position: absolute;
top: 0;
right: 0;
width: 100%;
height: 100%;
}
.wrap img{
width: 100%;
} @media screen and (min-width: 600px) {
.float-right{
float: right;
width: 49.5%;
}
.float-left{
float:left;
width: 49.5%;
}
.wrap:after{
display: block;
clear: both;
content: "";
}
}