/*
Theme Name: 賢威8.0（子テーマ） 
Theme URI: https://rider-store.jp/keni/
Author: 株式会社ウェブライダー		
Author URI: https://web-rider.jp/
Description: 賢威8.0 子テーマです。		
Version: 8.0.0.0
Template: keni80_wp_standard_all_202005222115
*/


@media (min-width: 768px) {
	.col2 .keni-main { float: right !important; }}


/*  header
------------------------------------------*/
.keni-header_wrap { display:none; }

.tophead { padding-top:10px; background:#fff; }
.headl { float:left; width:64%; margin-right:4%; }
.headr { float:left; width:32%; }
.headr { 
	padding:12px 0px 16px;
	background:url(https://denkitsuushin.com/wp-content/uploads/cta04.png) no-repeat;
	background-position:right bottom -8px;
	background-size:160px auto;
}
.headr .cta01 { width:70%; }
.headr .telwrap { line-height: 1.2; }
.headr .h_tel { 
	font-family: serif; font-weight:900; color:#f77c00;  font-size:240%; }
.headr .cta02 { width:70%; }
.headr a:hover img { opacity:0.6;  }

.head-button { 
    color: #fff;
    font-weight: 900;
    text-decoration: none;
    text-shadow: 0px 0px 2px #B3B3B4;
    letter-spacing: -1px;
    font-size: 16px;
    text-align: center;
    margin-left: 16px;
    background-color: #CD3239;
    background: linear-gradient(to bottom, #FFE593, #FAAF14);
    padding: 6px 16px;
    display: inline-block;
    border-radius: 16px;
    border: 2px solid #B3B3B4;
    width: 240px;
    box-sizing: border-box;
}
.head-button:hover { color:#fff; opacity:0.6; } 

@media (max-width : 940px){
.tophead h1 { margin: 0em 0 10px; }
.headl { float:none; width:100%; margin-bottom:8px; text-align:center;  }
.headr { float:none; width:100%; background-size:180px auto; }}

@media (max-width : 767px){
.keni-header_wrap { display:block; }
.keni-header_col1 .site-title { font-size:130%; }
	
.desc { display:none; }
.tophead { width:100% !important; margin:auto; padding:0 2%; box-sizing:border-box; }
.tophead h1 { margin: 1em 0 10px !important; }
.container { position: inherit; }
.main-body { margin-top: 0em; }
.home .main-image { margin-bottom: 1.5em !important; }}

@media (max-width : 600px){
	.keni-header { display:none; }
	.headl { padding-right:50px; }
	.headr { display:none; }
	.home .headr { display:block; }
	.headr { background-size:120px auto; }
	.headr .h_tel {font-size: 180%; }
}

/*  navi
------------------------------------------*/
.keni-container .keni-gnav_wrap { background:#F0E033; }
.keni-container .keni-gnav_inner li a { color:#333; }
.keni-container .keni-gnav_inner li a i { margin-right:4px; }
.keni-container .keni-gnav_cont { background:#F0E033; }

@media (min-width: 768px){
	.keni-gnav_inner li { width: 220px; }
	.keni-container .keni-gnav_inner li a { border-bottom:none; text-align:center; }
	.keni-container .keni-gnav_inner li a:hover, .keni-container .keni-gnav_inner li a:active, .keni-container .keni-gnav_inner li a:focus {
		border-bottom: none;
	 	background:#fff;
		color:#F0E033;
	}}

@media (max-width: 767px){
	.keni-container .keni-gnav_inner li a br { display:none; }
	.keni-container .keni-gnav_inner li a .fa,.svg-inline--fa { margin-right:4px; }
}


/*  contents
------------------------------------------*/
.keni-main .keni-section h1 {
    margin: 40px -10px 10px;
    padding: 20px 10px 0;
    background-image: linear-gradient( -45deg, #fff 25%, #F0E033 25%, #F0E033 50%, #fff 50%, #fff 75%, #F0E033 75%, #F0E033 );
    background-size: 4px 4px;
    background-repeat: repeat-x;
    font-size: 2.0rem;
}


.keni-section .article-body h2 { margin-top: 60px; }
.keni-section .article-body h3 { margin-top: 40px; background:#F0E033; color:#fff; font-weight:900; border:none; padding-left:16px; }
.keni-section .article-body h3 span.navy { color:#fff !important; }

.keni-section .article-body h4 { position: relative; margin-top: 30px; border-bottom:0px; }
.keni-section .article-body h4:after { content: ""; position: absolute; left: 0;
	bottom: 0; width: 100%; height: 7px; border-bottom: 0px;
	background: -webkit-repeating-linear-gradient(-45deg, #F0E033, #F0E033 2px, #fff 2px, #fff 4px);
	background: repeating-linear-gradient(-45deg, #F0E033, #F0E033 2px, #fff 2px, #fff 4px); }

.keni-section .article-body h5 { margin-top: 20px; }



.ctabox { 
	background:url(https://denkitsuushin.com/wp-content/uploads/cta04.png) no-repeat;
	background-position:right bottom;
	background-size:220px auto;
}
.ctabox .kec { color:#F0E033; }
.ctabox p { margin:0; font-weight:900; }
.ctabox p.cta0 { font-size:28px; line-height: 1.2; }
.ctabox p.cta1 { font-size:40px; margin-top:8px; line-height: 1.2; }
.ctabox p.cta2 { font-size:28px; color:#d9510b; margin-top:16px; line-height: 1.2;}
.ctabox p.cta3 { font-size:24px; }
.ctabox .cta_tel { font-family: serif; font-weight:900; color:#f77c00;  font-size:330%; line-height:1.5;  }
.ctabox p.cta4 { font-size:28px; color:#d9510b; background-color:#fac2a4; padding:8px 16px; border-radius:8px; display:inline-block; text-align:center; }
.ctabox p.cta5 { font-size:32px; margin-top:8px; letter-spacing:-1px; text-shadow:0px 0px 4px #fff; }
.page_ctabtn { 
	color:#fff; font-weight:900; text-decoration:none; text-shadow:0px 0px 2px #B3B3B4; letter-spacing:-1px;
	font-size:32px; text-align:center;
	margin:auto;
	background-color:#CD3239;
	background: linear-gradient(to bottom, #F3765A, #F0E033);
	padding:24px 32px;
	display:inline-block; border-radius:16px; border:4px solid #B3B3B4;
	width:70%; box-sizing:border-box;
}
.page_ctabtn:hover { color:#fff; opacity:0.6; }
.cta img{ width:70%;}


@media only screen and (max-width: 1000px){
	.ctabox {  background-size:130px auto; }
	.ctabox .cta_tel { font-size:220%;  }
}
@media only screen and (max-width: 600px){
	.ctabox .telwrap { text-align:left !important; }
	.ctabox { background-size:120px auto; }
	.ctabox p.cta0 { font-size:32px; }
	.ctabox p.cta1 { font-size:28px; margin-top:8px; }
	.ctabox p.cta2 { font-size:28px; color:#d9510b; margin-top:16px; }
	.ctabox p.cta3 { font-size:24px; }
	.ctabox p.cta4 { font-size:20px; }
	.ctabox p.cta5 { font-size:24px; text-align:left !important;  }
	.page_ctabtn { font-size:24px; padding:24px 16px; width:100% }
}

/*  sidebar
------------------------------------------*/
.sub-conts .section-wrap .section-in .section-title {
position: relative;
background: #F0E033;
box-shadow: 0px 0px 0px 5px #F0E033;
border: dashed 2px white;
padding: 0.2em 0.5em;
color: #fff;
}
.widget .keni-section .sub-section_title {
    line-height: 1.0;
    margin: 0 -20px 16px;
    padding: 16px 10px;
    border: 0;
    outline: 0;
    background: #F0E033;
    font-weight: normal;
    font-size: 1.6rem;
    color: #333;
    border-radius: 0;
    box-shadow: none;
}
.keni-sub .widget > .keni-section .sub-section_title:after {
    position: absolute;
    content: '';
    top: 100%;
    left: 30px;
    border: 15px solid transparent;
    border-top: 15px solid #F0E033;
    width: 0;
    height: 0;
}

.sidebar a:hover img { opacity:0.6; }
.button {
    display:inline-block;
    padding:8px 60px; 
    border-radius:30px;
    border:1px solid #aaa;
    color:#fff;
    box-shadow:1px 1px 3px #ccc;
    text-decoration:none;
}
a:hover img { opacity:0.6; }
.button:hover { opacity:0.6; color:#fff; }
.conbtn { background:#F0E033; }
.recobtn { background:#ec4238; }

.hbtn { background:#f27d76; }
.stbtn { background:#8e150e; }

.widget_pages .keni-section > ul li a:hover {
   color: #fff !important;
   text-decoration: none !important;
	background:#F0E033;
}
.sub-conts .widget_nav_menu li { background: none; margin:0; padding:0; }
.widget_nav_menu ul li.menu-item-923 a { border-bottom:none; }
.sub-conts .widget_nav_menu ul ul { margin-top: 0em; }

.widget_nav_menu ul li.current-menu-parent a { background:#4fb7ec; color:#fff !important; }
.widget_nav_menu ul li.current-menu-parent ul li a { background:#7dcaf1; color:#fff !important; }


.widget_nav_menu ul li.current-menu-item a:before { color:#fff; }

.keni-sub .widget > .keni-section .sub-section_title { position:relative; margin-bottom:32px; }

.widget_nav_menu .keni-section ul li.current-menu-parent a,.widget_nav_menu .keni-section ul li.current-menu-item a { background:#f8ed91; color:#333 !important; }
.widget_nav_menu .keni-section ul li.current-menu-parent ul li a,.widget_nav_menu .keni-section ul li.current-menu-item ul li a { background-color:#fcf8d1;  color:#333 !important;}
.keni-sub .widget_nav_menu .keni-section ul > li.menu-item-object-page > a::before {     position: absolute;
    top: 10px;
    left: 8px;
    border: none;
    font-family: "Font Awesome 5 Free";
    content: "\f02e"; }

.keni-sub .widget_nav_menu .keni-section ul > li.menu-item-has-children > ul li a::before {
    position: absolute;
    top: 18px;
    left: 30px;
    border-width: 4px 6px;
    border-style: solid;
    border-color: transparent;
    border-left-color: #000;
    content: '';
}


/*  footer
------------------------------------------*/
.keni-main .keni-section_wrap_style02 { display:none; }

.keni-footer_outer { padding: 0; }
.ftsec h3 {
	border-bottom:2px solid #F0E033;
   font-size:1.5em;
	color:#F0E033 !Important;
	border-top:2px solid #F0E033;
}

.ftsec { background:#F9F9F9; padding:0 20px; }
#area01 { float:left; width:49%; margin-right:1%; }
#area02 { float:right; width:49%; margin-left:1%; }

.ftsec p { height: 30px; }

.keni-footer_wrap { background:#F0E033; padding-bottom:80px; }
@media (max-width : 750px){
#area01 { float:none; width:100%; margin-right:0%; margin-bottom:50px; }
#area02 { float:none; width:100%; margin-left:0%; }}

.ftsec2 .page-top { right:0px; bottom:0px; left:0px; background-color: #F0E033; }
.ftsec2 .page-top a { padding: 0px; }
.top2 { position:fixed; right:20px !important; bottom:25px !important; left: inherit; z-index:999; }
.page-top a:before { display:none; }

.over { width:70px; }
.page-top a:hover img { opacity:0.6; }
.ftsec2{line-height:1; position:fixed; right:0px; bottom:0px; left:0px;background-color:rgba(240, 224, 51,.9); }

.ftwrap { width:70%; margin:auto; }
.ft1 { float:left; width:50%; }
.ft1 a { text-decoration:none; }
.ft2 { float:left; width:50%;  padding-top: 4px; }

.tel { font-size:40px; font-family: serif; font-weight:900;text-shadow:1px 1px #000; line-height:1.2; color:#F77C00; text-shadow:1px 1px 1px #111; }
.tel img { vertical-align: baseline; }

.ftsec2 a.square_btn {
    width:340px;
    position: relative;
    display: inline-block;
    padding: 0.3em 2em;
    text-decoration: none;
    color: #FFF;
	 line-height:1.3;
    background: #14CC5A;
    border-radius: 50px;
    box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), 0 2px 2px rgba(0, 0, 0, 0.19);
    font-weight: bold;
    border: 2px solid #ccc;
}
.ftsec2 .square_btn:hover { color:#fff; opacity:0.6; }

.spfoot { box-sizing:border-box; padding:6px 16px 0px;  }

.spf1,.spf2,.spf3 { display:inline-block; float:left; width:32%; font-size:65%; margin-bottom:2px; text-align:center;
	padding:16px 0px !important; font-weight:900; color:#fff; border-radius:5px; text-decoration:none; }

.spf1 { background-color:#eb6100; box-shadow:0px 2px #eb6100; text-align:center; }
.spf2 { background-color:#00B900; box-shadow:0px 2px #00B900; margin:0 2%; text-align:center; }
.spf3 { background-color:#0a3190; box-shadow:0px 2px #0a3190; text-align:center; }

.spf1:hover,.spf2:hover,.spf3:hover { color:#fff; }


@media (max-width : 1200px){
.ftwrap { width:80%; margin:auto; }}
@media (max-width : 1100px){
.ftwrap { width:90%; margin:auto; }}
@media (max-width : 1000px){
.ftwrap { width:100%; margin:auto; }}

.sptext { display:none; }
@media (max-width : 850px){
.sptext { display:block; font-size: 85%; }
.pctext { display:none; }
.ft1 { float:none; width:100%; }
.ft2 { float:none; width:100%;  padding-top: 4px; }
	.tel { font-size:36px; }
	
	.ft1 { padding:6px 0px 0px; }
	.page-top a.square_btn { width: 85%; padding:12px 0px;}
	.page-top a.square_btn br { display:none; }
	.keni-footer_wrap { padding-bottom:170px; }

}

@media (max-width : 767px){
	.keni-footer-panel_wrap { display:none; }
	.page-top { display:block !important; opacity:1 !important; }}

@media (max-width : 680px){
	.ft1 .tel { font-size:28px; }
	.ft1 img { width:30px; }
	.ftsec2 { background-color: rgba(0, 0, 0,.6); }
	.ftsec2 .spfoot p { color:#fff !important; }
	
.keni-footer_wrap { padding-bottom:140px; }
.over { width:46px; }
.top2 { bottom: 50px !important; right:10px !important; }
}



.k0 {
padding: 10px;
border: 1px solid #639dcb;
}

.k1 { 
	background-color: #f6f6f6; 
	margin-bottom: 10px; 
	padding: 10px; 
	border: solid 1px silver; 
	}

.k2 { 
	background-color: #ffd; 
	margin-bottom: 10px; 
	padding: 10px; 
	border: solid 1px #f93; 
	}

.k3 { 
	background-color: #fff0ff; 
	margin-bottom: 10px; 
	padding: 10px; 
	border: solid 1px #f00; 
	}

.k4 { 
	background-color: #e1f2ff; 
	margin-bottom: 10px; 
	padding: 10px; 
	border: solid 1px #39c; 
	}

.k5 { 
	background-color: #e0f5f5; 
	margin-bottom: 10px; 
	padding: 10px; 
	border: solid 1px #6cc; 
	}

.k6 { 
	background-color: #e0f5e0; 
	margin-bottom: 10px; 
	padding: 10px; 
	border: solid 1px #6c6; 
	}

.k7 { 
	margin-bottom: 10px; 
	padding: 10px; 
	border: dashed 2px #f00; 
	}

.k8 { 
	margin-bottom: 10px; 
	padding: 10px; 
	border: dashed 2px silver; 
	}

.k9 { 
	background-color: #ffdf55; 
	margin-bottom: 10px; 
	padding: 10px; 
	border: dotted 3px #ff7f00; 
	}

.k10 { 
	margin-bottom: 10px; 
	padding: 10px; 
	border: dotted 2px #f00; 
	}

.k11 { 
	margin-bottom: 10px; 
	padding: 10px; 
	border: dotted 2px gray; 
	}

.k12 { 
	margin-bottom: 10px; 
	padding: 10px; 
	border: solid 1px gray; 
	}