.lsc {display: block;}
.ssc {display: none;}
@media(max-width: 1000px) {
html, body,
.custom-background .wrapper {
width: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
img {
height: auto;
max-width: 100%;
}
textarea,input{
max-width: 95%;
} .header-bar-inner, 
.banner-inner, 
.glovalnavi-inner, 
.container-inner, 
.footer-menu-inner, 
.footer-inner {
width: 100% !important; }
.container {
display: block;
padding: 0;
}
.custom-background .wrapper {
width: auto !important;
}
.header-bar-inner, 
.banner-inner, 
.glovalnavi-inner, 
.container-inner, 
.footer-menu-inner, 
.footer-inner {
padding-right: 20px;
padding-left: 20px;
max-width: auto;
width: 100%;
}
.glovalnavi > .pad { margin-left: 20px;
margin-right: 20px;
}
.glovalnavi ul ul,
.glovalnavi ul ul li {
display: none;
} .column3 #contents,
.right_sidebar #contents {
display: block;
float: none;
width: auto;
}
.column3 #main,
.right_sidebar #main {
float: left;
margin-left: 0;
margin-right: -220px; width: 100%;
}
.column3 .main-inner,
.right_sidebar .main-inner {
margin-left: 0;
margin-right: 220px; }
.column3 #sidebar1,
.right_sidebar #sidebar1 {
float: right;
width: 200px;
}
.column3 #sidebar2,
.right_sidebar #sidebar2 {
float: right;
clear: right;
width: 200px;
} .left_sidebar #contents {
display: block;
float: none;
width: auto;
}
.left_sidebar #main {
margin-right: 0;
margin-left: -220px; / *sidebar + margin(20) */
width: 100%;
}
.left_sidebar .main-inner {
margin-right: 0;
margin-left: 220px; }
.left_sidebar #sidebar1 {
width: 200px;
}
.left_sidebar #sidebar2 {
width: 200px;
} .site-description {
display: none;
} .header-txt {
left: 40px;
width: auto;
}
}
@media(max-width: 640px) {
html,body{
width: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
img {
height: auto;
max-width: 100%;
}
textarea,input{
max-width: 95%;
} .header-bar,
.footer-menu {
display: none;
}
.column3 #contents,
.column3 #main,
.column3 #sidebar1,
.column3 #sidebar2,
.right_sidebar #contents,
.right_sidebar #main,
.right_sidebar #sidebar1,
.right_sidebar #sidebar2,
.left_sidebar #contents,
.left_sidebar #main,
.left_sidebar #sidebar1,
.left_sidebar #sidebar2,
.column1 #contents,
.column1 #main,
.column1 #sidebar1,
.column1 #sidebar2 {
float: none;
clear: none;
margin-left: 0;
margin-right: 0;
max-width: auto;
width: 100%;
}
.column3 .main-inner,
.right_sidebar .main-inner,
.left_sidebar .main-inner,
.column1 .main-inner {
margin-left: 0;
margin-right: 0;
}
.column3 .container-inner,
.right_sidebar .container-inner,
.left_sidebar .container-inner,
.column1 .container-inner {
padding-top: 20px;
} .site-title {
margin: 0;
padding: 20px 0;
font-size: 1.5em;
line-height: 1.33em;
}
.site-description {
margin: 0;
font-size: 1em;
line-height: 1.33em;
}  .gnavi-btn {
position: relative;
z-index: 10;
display: block;
margin: 20px 20px 0;
padding: .75em 1em;
border: 1px solid #b0b0b0;
border-radius: 2px;
background: #f0f0f0;
background: -webkit-linear-gradient(top, #fff 0%, #e6e6e6 100%);
background:         linear-gradient(top, #fff 0%, #e6e6e6 100%);
box-shadow: 0 1px 2px rgba(000, 000, 000, .2);
color: #222;
text-decoration: none;
text-shadow: 0 1px 0 rgba(255, 255, 255, 1) ;
font-size: 14px;
font-size: 1.08rem;
cursor: pointer;
}
.gnavi-btn:hover {
background: #f0f0f0;
background: -webkit-linear-gradient(top, #fff 0%, #ededed 100%);
background:         linear-gradient(top, #fff 0%, #ededed 100%);
color: #555;
cursor: pointer;
}
.gnavi-btn:active {
position: relative;
top: 1px;
box-shadow: 0 2px 2px rgba(000, 000, 000, .3) inset;
} .glovalnavi:before,
.glovalnavi:after,
.glovalnavi *,
.glovalnavi-inner,
.glovalnavi ul,
.glovalnavi li,
.glovalnavi li a {
margin: 0;
padding: 0;
width: auto;
border: none;
background: none;
box-shadow: none;
text-shadow: none;
}
.glovalnavi *:before, .glovalnavi *:after,
.glovalnavi a:before, .glovalnavi a:after,
.glovalnavi li a:before, .glovalnavi li a:after {
content: none;
} .glovalnavi { 
display: none;
}
.gnavi-open {
display: block;
} .glovalnavi {
width: auto;
margin: 0 20px 20px;
padding: 0;
border: 1px solid #e6e6e6;
background-image: none;
background-color: #fff;
box-shadow: none;
}
.glovalnavi > .pad { margin-left: 0;
margin-right: 0;
}
.glovalnavi ul ul,
.glovalnavi ul ul li { display: block;
}
.glovalnavi li {
display: block;
float: none;
padding: 14px;
border-bottom: 1px solid #e6e6e6;
font-size: 13px;
font-size: 1rem;
}
.glovalnavi li:last-child {
border-bottom: none;
}
.glovalnavi li:hover {
background: none;
text-shadow: none;
}
.glovalnavi li:active {
background-color: rgba(0, 0, 0, 0.05);
text-shadow: none;
}
.glovalnavi li a, 
.glovalnavi li a:visited {
color: #333;
text-shadow: none;
}
.glovalnavi li a:hover {
color: #333;
text-shadow: 0 0 5px #fff;
} .glovalnavi ul ul {
position: static;
z-index: 10;
display: block;
margin: 0 0 0 1em;
padding: 0;
border: none;
}
.glovalnavi li li {
display: block;
clear: left;
margin: .5em 0 0;
padding: 0;
border: none;
border-top-color: transparent;
border-bottom: none;
background: transparent;
box-shadow: none;
font-weight: normal;
white-space: normal;
width: 100%;
}
.glovalnavi li li:before {
color: #666;
content: " - ";
}
.glovalnavi li li:first-child {
border-top-color: none;
}
.glovalnavi li li:last-child {
}
.glovalnavi li li:hover {
background: none;
border-bottom: none;
}
.glovalnavi li li a {
display: inline;
padding: 0;
background: none;
box-shadow: none;
color: #555;
text-shadow: 0 1px 0 #fff;
font-size: 12px;
font-size: 0.93rem;
line-height: 1.5;
}
.glovalnavi li li:hover > a,
.glovalnavi li li a:hover {
color: #000;
text-shadow: 0 1px 0 #fff;
box-shadow: none;
}
.glovalnavi li li a:before {
content: none;
}
.glovalnavi ul ul ul {
top: auto;
left: auto;
padding-top: 0;
}
.glovalnavi ul li > ul {
display: block;
}  .entry-img {
float: none !important;
padding: 0;
zoom: 1;
}
.entry-img:after{
display: block;
clear: both;
content: "";
}
.entry-img img {
margin: 0 auto 2em;
} .commentlist >li > ul.children {
margin: 0 0 1em 1em;
}
.commentlist ul.children li {
margin: 0;
}  .sub-btn {
display: block;
margin: 20px auto;
padding: .75em 1em;
border: 1px solid #b0b0b0;
border-radius: 2px;
background: #f0f0f0;
background: -webkit-linear-gradient(top, #fff 0%, #e6e6e6 100%);
background:         linear-gradient(top, #fff 0%, #e6e6e6 100%);
box-shadow: 0 1px 2px rgba(000, 000, 000, .2);
color: #222;
text-shadow: 0 1px 0 rgba(255, 255, 255, 1) ;
text-decoration: none;
font-size: 12px;
font-size: 0.93rem;
cursor: pointer;
}
.sub-btn:hover {
background: #f0f0f0;
background: -webkit-linear-gradient(top, #fff 0%, #ededed 100%);
background:         linear-gradient(top, #fff 0%, #ededed 100%);
color: #555;
cursor: pointer;
}
.sub-btn:active {
position: relative;
top: 1px;
box-shadow: 0 2px 2px rgba(000, 000, 000, .3) inset;
} .column3 .sidebar,
.right_sidebar .sidebar,
.left_sidebar .sidebar,
.column1 .sidebar {
display: none;
}
.column3 .sub-open,
.right_sidebar .sub-open,
.left_sidebar .sub-open,
.column1 .sub-open {
display: block;
} .back-to-top {
right: 15px;
bottom: 15px;
}  .banners {
margin-bottom: -5px;
text-align: left;
font-size: 12px;
font-size: 1.2rem;
line-height: 1.618;
}
.banners .unit {
float: none;
margin-bottom: 5px;
}
.banners.c1 .unit, 
.banners.c1 .unit, 
.banners.c2 .unit, 
.banners.c2 .unit, 
.banners.c3 .unit, 
.banners.c3 .unit {
width: auto;
}
.banners.c1 .unit2, 
.banners.c2 .unit1, 
.banners.c2 .unit2, 
.banners.c3 .unit1, 
.banners.c3 .unit2, 
.banners.c3 .unit3 {
margin-right: 0;
margin-left: 0;
}
.banners .image {
margin-bottom: 5px;
}
.banners img {
max-width: 100%;
height: auto;
} [class^="bg-deco-"] {
width: auto !important;
}  .ib-left .ib-illust,
.ib-right .ib-illust {
float: none;
text-align: center;
} .ib-left .ib-bubble {
margin-left: 0;
}
.ib-right .ib-bubble {
margin-right: 0;
}
.ib-left .colored_bg:after,
.ib-right .colored_bg:after {
position: absolute; 
top: -36px;
left: 50%;
width: 0; 
height: 0;
border: 18px solid transparent;
content: "";
margin-left: -18px;
}
.ib-left .bg-green-lt:after , .ib-right .bg-green-lt:after  { border-left-color: transparent; border-right-color: transparent; border-bottom-color: #abddcd; }
.ib-left .bg-blue-lt:after  , .ib-right .bg-blue-lt:after   { border-left-color: transparent; border-right-color: transparent; border-bottom-color: #bccddd; }
.ib-left .bg-gray-lt:after  , .ib-right .bg-gray-lt:after   { border-left-color: transparent; border-right-color: transparent; border-bottom-color: #cdcdcd; }
.ib-left .bg-purple-lt:after, .ib-right .bg-purple-lt:after { border-left-color: transparent; border-right-color: transparent; border-bottom-color: #ddbccd; }
.ib-left .bg-red-lt:after   , .ib-right .bg-red-lt:after    { border-left-color: transparent; border-right-color: transparent; border-bottom-color: #eebcbc; }
.ib-left .bg-yellow-lt:after, .ib-right .bg-yellow-lt:after { border-left-color: transparent; border-right-color: transparent; border-bottom-color: #ffddab; }
.ib-left [class^="title-"],
.ib-right [class^="title-"] {
padding: 0;
} .lsc {display: none;}
.ssc {display: block;} img.alignleft,
img.alignright{
float: none;
display: block;
padding: 0;
margin: auto;
}
}