#rwd-search, #rwd-nav {
display: none;
}
@media screen and (max-width: 768px) {
body {
max-width: 100%;
min-width: auto;
}
.top_content_right, #search, #line, #index-sidebar-l, .index-sidebar-r-1, .index-sidebar-r-2, .index-sidebar-r-3, #text-9, #text-10 {
display: none;
}
.top {
bottom: 0;
position: fixed;
text-align: cneter;
z-index: 999;
}
.top_content .top_content_left {
text-align: center;
width: 100%;
}
.top_content .top_content_left i {
display: none;
}
#content {
position: static;
}
#header {
height: 70px;
position: static;
}
#title {
align-items: center;
background: #fff;
display: flex;
justify-content: space-between;
height: 70px;
position: fixed;
width: 100%;
z-index: 2;
}
#title a {
background-size: 200px;
background-repeat: no-repeat;
height: 56px;
margin-left: 1rem;
top: 0;
}
#rwd-search {
display: block;
padding: 1rem 0 0.5rem 0;
}
#navigation {
position: static;
padding: 0 0 1.5rem 2rem;
}
nav {
height: calc(100% - 105px);
opacity: 0;
overflow-y: scroll;
position: fixed;
top: 130px;
transition: all .3s ease;
z-index: -1;
border-radius: 3px 3px 3px 3px;
-moz-border-radius: 3px 3px 3px 3px;
-ms-border-radius: 3px 3px 3px 3px;
-o-border-radius: 3px 3px 3px 3px;
-webkit-border-radius: 3px 3px 3px 3px;
}
.rwd-nav--text {
display: block;
position: relative;
right: 20px;
z-index: 999;
}
.rwd-nav--text label {
display: block;
height: 35px;
}
.rwd-nav--text .path {
background: #000;
height: 2px;
width: 30px;
}
.rwd-nav--text .path:nth-child(1) {
transform: translateY(5px) 
}
.rwd-nav--text .path:nth-child(2) {
transform: translateY(15px) 
}
.rwd-nav--text .path:nth-child(3) {
transform: translateY(25px) 
}
#rwd-nav:checked + nav {
opacity: 1;
top: 70px;
z-index: 99;
}
.menu {
height: auto;
}
.menu ul {
opacity: 1;
position: static;
}
.menu li {
float: none;
}
.menu li:hover {
background: none;
}
.menu li:hover a {
color: #fff 
}
.menu a {
float: none;
}
.menu li:hover ul {
text-align: left;
}
.menu li > ul a {
color: #66BE12;
}
.menu li:hover ul li {
padding: 0!important 
}
#header, #content, #footer, #index, .top_content {
width: 100%;
}
#container {
display: initial;
padding: 0;
}
#content-left, #sidebar-r {
float: none;
width: 100%;
}
#playBox, #playBox-archive {
height: 52vw;
margin-top: 20px;
overflow: hidden;
position: relative;
z-index: 1;
}
#playBox-archive {
height: 45vw;
}
#playBox, #playBox .smalltitle, #playBox-archive, #playBox-archive .smalltitle-archive {
width: 100%;
}
#playBox .oUlplay, #playBox-archive .oUlplay-archive {
display: block;
height: auto;
}
#playBox .oUlplay li, #playBox-archive .oUlplay-archive li {
display: block;
height: 100%;
position: relative;
width: 100vw;
}
#playBox .des, #playBox-archive .des-archive {
bottom: 0;
left: 0;
top: auto;
width: 100%;
z-index: 1;
}
#playBox .oUlplay img, #playBox-archive .oUlplay-archive img {
height: 100%;
width: 100vw;
}
#playBox-archive .pre-archive, #playBox-archive .next-archive {
top: 0;
}
#playBox-archive .txt-archive {
width: 90%;
}
.index-content {
width: 100%;
float: none;
}
.archive-article-content-excerpt-index {
height: auto;
overflow: visible;
}
.index-archive-three-column:nth-child(3n-2) {
padding: initial;
}
.index-archive-three-column {
padding: 0 1rem !important;
width: 100%;
}
.index-archive-article-content-img {
width: 100%;
max-width: 100%;
}
.index-middle {
padding: 0 1rem;
}
#index-middle-left {
border-right: 0;
}
#index-middle-left, #index-middle-right {
display: flex;
flex-wrap: wrap;
float: none;
justify-content: space-between;
position: static;
width: 100%;
}
.index-middle-left, .index-middle-right {
display: flex;
float: none;
overflow: hidden;
width: 49%;
margin: 0 0 0.6rem 0;
position: relative;
width: 49%;
}
.index-middle-list-left, .index-middle-list-right {
width: calc(100vw - 200px) 
}
.index-middle .textwidget {
margin-top: 20px;
}
.article-content-break {
border-bottom: 0;
}
.archive-article-content-img {
height: auto;
max-width: 100%;
width: 100%;
}
.archive-article-content {
padding: 0 1rem;
}
.archive-three-column {
border-bottom: 0;
width: 100%;
}
.archive-three-column:nth-child(3n-2) {
padding: initial;
}
.archive-three-column:nth-child(3n+3) {
padding: initial;
}
#wp-pagenavi {
margin-bottom: 40px;
margin-top: 20px;
}
#sidebar-r {
overflow: hidden;
}
.sidebar-r {
padding: 0 1rem;
width: 100%;
}
#text-22 .sidebar-r-img-ad {
width: auto;
}
#text-21 .sidebar-r-img-link-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
#text-21 .sidebar-r-portrait-link {
float: none;
margin: .3rem;
width: 18%;
}
#footer {
background: #F2FFE5;
margin-top: 2.2rem;
padding: 1rem 1rem 3rem 1rem;
}
#footer_menu {
background: none;
float: none;
margin: 0;
margin-left: 30%;
padding: 0 0 0.5rem 0;
position: static;
text-align: left;
width: 70%;
}
#footer_menu span {
display: none;
}
#footer_menu a {
color: #66BE12;
display: inline-block;
text-align: left;
width: 80px;
}
#footer_menu a:hover {
color: black;
border-bottom: 0;
}
#footer #footer_logo {
background-repeat: no-repeat;
background-size: contain;
float: left;
margin-right: 1rem;
margin-top: 2rem;
max-width: 100%;
padding-left: 0.5rem;
position: static;
width: 30%;
}
#footer_text {
right: 0;
width: 100%;
}
#footer_text span:nth-child(3) {
border: 0;
display: block;
height: 0;
margin-bottom: 3px;
}
#footer #copyright {
padding: 0.5rem 0 0 0;
}
#article, #archive {
float: none;
margin: 0;
padding: 0 1rem;
width: 100%;
}
#article .bread_crumb {
height: 100%;
overflow: hidden;
padding: 1rem 0;
position: static;
}
.article-navigation {
display: flex;
flex-wrap: wrap;
}
#related-article {
width: 100%;
}
.related-article-link-wrapper ul {
display: flex;
flex-wrap: wrap;
float: none;
justify-content: space-between;
margin: 30px 0 0 0;
position: static;
width: 100%;
}
.related-article-link-wrapper ul li {
float: none;
margin: 0 0 1rem 0;
position: relative;
width: 46%;
}
#archive .category-navigation {
padding-bottom: 0;
}
#archive .article-navigation h2 {
margin-bottom: 5px;
}
#archive .archive-article-content {
padding: 0;
}
.social li {
display: none;
}
.social li:nth-child(1), .social li:nth-child(3), .social li:nth-child(10), .social li:nth-child(11) {
display: block;
}
.wpcf7 input, .wpcf7 select, .wpcf7 textarea, .comment-form input, .comment-form select, .comment-form textarea {
max-width: 100%
}
#respond #author, #respond #email, #respond #url {
margin-left: 0em;
}
.article-content-card {
padding-top: 260px;
}
.iweb {
display: block;
}
}
@media screen and (max-width: 550px) {
#text-21 .sidebar-r-portrait-link {
width: 44%;
}
.article-content-card {
padding-top: 270px;
width: 100%;
}
}
@media screen and (max-width: 395px) {
#text-21 .sidebar-r-portrait-link {
width: 44%;
}
.index-middle .textwidget {
margin-top: 20px;
}
.index-middle-list-left, .index-middle-list-right {
width: 100% ;
}
.article-content-card {
padding-top: 260px;
}
}