@charset "utf-8";
 @media screen and (max-width: 480px) {   body {
height: 480px;
margin: 0;
padding: 0;
}
p {
font-size: 14px;
line-height: 1.6;
}
.imgl, .imgr, .alignleft, .alignright {
width: 100%;
margin-left: 0;
margin-right: 0;
padding: 0 0 20px;
clear: both;
}   #main .entry-content h2, #main .entry-content-i h2, #main .entry-content-s h2, .entry-content, .entry-title, .entry-content-i .entry-title {
font-size: 20px;
}
#main h2.toppage-title {
padding: 0 30px 18px;
}   h1.site-title img {
width: 85%;
margin-bottom: -10px;
overflow: hidden;
text-align: left;
}   #toc_container {
width: 100%;
box-sizing: border-box;
}
.banner, .banner-in {
height: auto;
}
.banner-in img {
height: auto;
}
.entry-content, .entry-title, .entry-content-i .entry-title {
width: 100%;
padding: 50px 2% 10px;
margin: 0;
box-sizing: border-box;
}
#loader{
top: 40%;
left: 36%;
}
.caption-head {
width: 90%;
height: auto;
margin: 0 auto;
top: 22%;
left: 0;
right: 0;
bottom: 0;
}
.caption-head p.on-head-title {
font-size: 18px;
margin-top: 10px;
}   #top-navi-bg{
display: none;
}
#naviall{ display: none;}
#dro_navi {
display: block;
position: absolute;
top: 15px;
right: 15px;
z-index: 100;
}
#nav-dr { 
display: block;
}
.nav-unsh { display:none;}
#nav-op { 
display: inline-block;
width: 30px;
height: 22px;
vertical-align: middle;
}
#nav-op span, #nav-op span:before, #nav-op span:after {
position: absolute;
height: 3px;
width: 25px;
border-radius: 3px;
background: #555;
display: block;
content: '';
cursor: pointer;
}
#nav-op span:before {
bottom: -8px;
}
#nav-op span:after {
bottom: -16px;
}
#nav-cl {
display: none;
position: fixed;
z-index: 99;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: black;
opacity: 0;
transition: .3s ease-in-out;
}
#nav-con {
overflow: auto;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
width: 90%;
max-width: 330px;
height: 100%;
background: #FCFCFC;
transition: .3s ease-in-out;
-webkit-transform: translateX(-105%);
transform: translateX(-105%);
}
#nav-in:checked ~ #nav-cl {
display: block;
opacity: .5;
}
#nav-in:checked ~ #nav-con {
-webkit-transform: translateX(0%);
transform: translateX(0%);
box-shadow: 6px 0 25px rgba(0,0,0,.15);
} #nav-con ul, #nav-con ul.children {
width: 100%;
height: auto;
margin: 0 auto;
padding: 0;
text-align: left;
list-style-type: none;
box-sizing: border-box;
}
#nav-con ul li, #nav_clo{
width: 100%;
height: auto;
line-height: 60px;
padding: 0 16px 0 20px;
float: left; 
background: url(//turbocharge5213.com/wp-content/themes/tw2default/img/navi_line.png) bottom repeat;
box-sizing: border-box;
overflow: hidden;
white-space: nowrap;
}
#nav_clo{
padding: 0;
font-weight: bold;
background: #EFEFEF;
border: 3px #FFFFFF solid;
}
#nav_clo label{
float: right;
margin: 20px 10px auto auto;
}
#nav_clo span{
transform: translateY(7px) rotate(-45deg);
}
#nav_clo span:before {
opacity: 0;
}
#nav_clo span:after{
transform: translateY(-16px) rotate(90deg);
}
#nav-con ul li:last-child{	
border-bottom: 1px #EFEFEF solid;
}
#nav-con ul li .fa, #nav-con ul li .fas,
#nav-con ul li .fal, #nav-con ul li .fab{
margin-right: 8px;
}
#nav-con ul li ul li{
width: 100%;
margin: 0 0 0 0;
padding: 0 0 0 20px;
box-sizing: border-box;
}
#nav-con ul li ul li:last-child{	
border-bottom: none;
}
#nav-con ul li a{
display: block;
color: #333333;
text-decoration: none;
}
#nav-con ul li a:hover{
color: #FF8800;
text-decoration: none;
transition: 0.4s ease-in-out;
}   .breadcrumbs {
margin: 10px 10px 10px;
padding: 0;
}   #container2r, #container2l, #container1, #containerk2r, #containerk2l, #containerk1, #containerk1 {
width: 100%;
margin-left: 0;
margin-right: 0;
border: none;
box-shadow: none;
}
#main-background {
width: 100%;
padding: 0;
margin-left: 0;
margin-right: 0;
}   #container2l #cate_des, #container2r #cate_des, #containerk2l #cate_des, #containerk2r #cate_des, #containerk1 #cate_des, #containerk1 #main, #containerk1 #cate_des {
width: 100%;
margin-top: 3px;
margin-right: 3px;
padding: 20px 10px;
margin-bottom: 30px;
box-sizing: border-box;
}   #container2l #cate_main, #container2r #cate_main, #containerk2l #cate_main, #containerk2r #cate_main, #container2l #main, #container2r #main, #containerk2l #main, #containerk2r #main {
width: 98%;
margin: 0 1%;
padding: 0;
overflow: hidden;
box-sizing: border-box;
}
#main-background #cate_main {
width: 94%;
margin-left: 3%;
margin-right: 3%;
padding-right: 5px;
overflow: hidden;
box-sizing: border-box;
}
#tb {
width: 100%;
margin-left: 0;
margin-right: 0;
overflow: hidden;
box-sizing: border-box;
}
.comments_box {
width: 90%;
margin-left: 5%;
margin-right: 5%;
overflow: hidden;
box-sizing: border-box;
}
#toppagemain .entry-content {
padding: 20px 3% 0;
border-bottom: none;
}
#toppagemain .entry-content p.top_more {
font-size: 15px;
line-height: 150%;
margin-bottom: 12px;
min-height: 3em;
max-height: 12em;
clear: both;
}
#toppagemain .entry-content p.top_more br {
display: none;
}
.entry-content, .entry-content-i, .entry-content-s {
line-height: 160%;
margin: 0;
padding: 0 5%;
border: none;
border-top: 1px #DDDDDD solid;
background: #FFFFFF;
overflow: hidden;
display: block;
}   .entry-content img.attachment-200x200 {
box-sizing: border-box;
float: left;
overflow: hidden;
background: #B7BACB;
width: auto;
height: auto;
}
.eye-catch-img {
position: relative;
width: 40%;
height: auto;
margin: 0 5% 10px 0;
clear: both;
}
#toppagemain .entry-content-i img{
width: auto;
height: 100%;
object-fit: cover; 
}
.eye-catch-img img {
width: 100%;
margin: 0;
background-size: contain;
clear: both;
}
#toppagemain .title_area_bottom {
width: 55%;
margin: 0;
float: left;
}
@media screen and (max-width: 420px) {
.eye-catch-img {
width: 100%;
margin: 0 0 20px;
}
#toppagemain .title_area_bottom {
width: 100%;
margin: 0;
clear: both;
}
}
.date_time {
margin: 0 0 6px;
padding: 0 8px 0 0;
}
.c_c_t_w .entry-title, .c_c_b_w .entry-title, #new-content .entry-title, #kanren_box h3, .comments_box h3 {
font-weight: bold;
width: 96%;
margin: 10px 2% 0;
padding: 0 0 20px 30px;
border: none;
background: #FFFFFF;
color: #333333;
clear: both;
}   #toppagemain a .link-next {
margin: 0 0 10px;
}   #side-left, #side-right {
width: 92%;
padding: 30px 5%;
margin: 20px 4%;
clear: both;
box-sizing: border-box;
}
#side-left #searchform, #side-right #searchform {
margin: 0;
}
#side-left .title, #side-right .title {
padding: 10px 0;
}
#side-left .tagcloud, #side-right .tagcloud {
margin: 0;
padding: 0;
}
#side-left .textwidget, #side-right .textwidget {
margin: 0 0 10px;
}
#side-left .textwidget p, #side-right .textwidget p {
margin: 0;
padding: 0;
}
#side-left ul, #side-right ul {
margin: 0;
padding: 0 0 0 2px;
font-size: 14px;
}
#side-left li, #side-right li, #side-left ul.children li, #side-right ul.children li, #side-left ul.sub-menu li, #side-right ul.sub-menu li {
position: relative;
text-align: left;
padding: 4px 0 4px 10px;
list-style: none;
}   #main .mail_signup{
margin: 0 -10px -10px;
padding: 0;
}   #new-content {
margin: 0;
padding: 15px 7%;
clear: both;
background: #F7F7F7;
}
ul#eye_news li p, #new-content ul#eye_news li p {
max-height: 60px;
}
#side-left ul#eye_news .sub_new_img img, #side-left #new-content ul#eye_news .sub_new_img img, #side-right ul#eye_news .sub_new_img img, #side-right #new-content ul#eye_news .sub_new_img img {
margin-top: 0;
}
#kanren_box {
padding: 0;
margin: 20px 7% 10px;
}
.kiji-navigation {
margin: 10px 6% 20px;
text-overflow: ellipsis;
}   #main #s, #main #s:focus {
margin-top: 30px;
width: 100%;
}
#main #searchsubmit {
margin-top: 5px;
margin-bottom: 30px;
width: 100%;
}   #profile {
margin: 30px 2% 40px;
padding: 40px 20px 10px;
border: 3px solid #EDEDED;
box-shadow: 0 0 40px #EFEFEF inset;
position: relative;
}
#profile p{
margin: 0;
}
#profile-thumbnail {
width: 100%;
clear: both;
margin: 0;
}
#profile-thumbnail img {
width: 30%;
border-radius: 50%;
margin: auto 35%;
}
#writter-follow {
width: 100%;
}
#profile-info p a {
width: 90%;
padding: 7px 30px;
text-decoration: none;
margin: 10px 5%;
clear: both;
box-sizing: border-box;
}   #mail_magazine .newday, #review .newday, #killer .newday {
padding: 20px 0 0;
}
#review p.lpf, #mail_magazine p.lpf, #killer p.lpf {
font-size: 10px;
padding: 10px 20px 20px;
}
#review .easy_mode_button a, #killer .easy_mode_button a, #mail_magazine .easy_mode_button a {
line-height: 3.2;
font-size: 18px;
}
#review .easy_mode_button a, #killer .easy_mode_button a, #mail_magazine .easy_mode_button a {
width: 90%;
height: auto;
line-height: 3.2;
font-size: 16px;
margin: 30px auto 20px;
text-align: left;
padding-left: 5%;
}   .opt_blue img {
width: 100%;
margin: 0;
}	
#mail_magazine .opt_blue p {
font-size: 0.8em;
margin: 10px 2%;
}
.form_mail .mailleft {
height: 14px;
font-size: 12px;
}
.form_mail .mailleft, .form_mail .mailright {
width: 96%;
margin: 0 2% 10px;
}	
#mail_magazine .ybox_btn button.mailbtn, #main .ybox_btn button.mailbtn {
width: 110%;
margin: 10px -5% 10px;
height: 3em;
font-size: 0.7em;
line-height: 3em;
}
#about-privacy {
width: 110%;
margin: 20px -5% 0;
}
#main .entry-content h3, #main .entry-content-i h3, #main .entry-content-s h3 {
font-size: 1em;
margin: 0 -31px 10px -30px;
}
#main .opt-in p {
margin: 10px 30px;
font-size: 0.7em;
line-height: 2em;
}   .c_c_t_w .textwidget, .c_c_b_w .textwidget {
border: none;
background: none;
padding: 10px 3% 20px;
margin-top: 10px;
}   #footer_box_matome {
width: 100%;
margin: 0;
padding: 10px 0 0;
box-sizing: border-box;
}
#footer_box_matome .mini_box, #footer_box_matome .mini_box_center {
width: 100%;
padding: 0 7%;
margin: 0;
clear: both;
box-sizing: border-box;
}
#footer-des p {
margin: 20px auto 0;
padding: 0 7%;
}
#foot-end {
width: 86%;
margin: 0 7%;
box-sizing: border-box;
}   .raa-title {
width: calc(100% - 60px);
height: 60px;
padding: 15px 15px 0 5px;
box-sizing: border-box;
font-size: 1.1em;
}
.raa-crown1, .raa-crown2, .raa-crown3, .raa-crown4, .raa-crown5 {
height: 60px;
width: 60px;
background-size: contain;
}
.ratt_l, .ratt_r {
width: 100%;
}
.raa-btnr a, .raa-btnl a {
width: 100%;
margin-bottom: 10px;
height: 3.5em;
line-height: 3.4em;
}   .rab-title1, .rab-title2, .rab-title3, .rab-title4, .rab-title5 {
font-size: 1em;
}
.rankb_table {
border-bottom: none;
}
.rbtt_t1, .rbtt_t2, .rbtt_t3, .rbtt_t4, .rbtt_b1, .rbtt_b2, .rbtt_b3, .rbtt_b4 {
width: 100%;
}
.rbtt_b1, .rbtt_b2, .rbtt_b3, .rbtt_b4 {
border-bottom: 1px solid #D3C8C3;
}
.rab-title1, .rab-title2, .rab-title3, .rab-title4, .rab-title5 {
background-size: 40px, auto, contain;
}
.rbtt_t1 { order: 1;}
.rbtt_b1 { order: 2;}
.rbtt_t2 { order: 3;}
.rbtt_b2 { order: 4;}
.rbtt_t3 { order: 5;}
.rbtt_b3 { order: 6;}
.rbtt_t4 { order: 7;}
.rbtt_b4 { order: 8;}
.rab-btnr a, .rab-btnl a {
width: 100%;
margin-bottom: 5px;
height: 3.5em;
line-height: 3.4em;
}  #main .rac-title1, #main .rac-title2, #main .rac-title3 {
font-size: 1.1em;
}
#main .rac-title1 br, #main .rac-title2 br, #main .rac-title3 br {
font-size: 1em;
display: none;
}
#main .rac-back .rac-l {
width: 92%;
height: 40px;
line-height: 40px;
}
.rab-btnr a, .rab-btnl a {
width: 100%;
margin-bottom: 5px;
height: 3.5em;
line-height: 3.4em;
}
}
@media screen and (max-width: 600px) {   #footer_box_matome ul#eye_news .sf_daca, #footer_box_matome ul#eye_news li .sub_date, #footer_box_matome #eye_news p {
width: 67%;
}
.mini_box ul#eye_news .sub_date, .mini_box #new-content ul#eye_news .sub_date {
margin: 0;
}
}
@media screen and (max-width: 440px) {   #toppagemain a .link-next {
margin: 35px 0 25px;
}
}