/*
Theme Name: MC子テーマ
Theme URI: https://rider-store.jp/keni/
Author: MC
Author URI: https://rider-store.jp/keni/
Description: MC子テーマ
Version: 8.0.0.0
Template: mct
*/

/* アドバイス */
.kakomi-box-green {
position: relative;
margin: 2em auto;
padding: 1.2em;
width: 90%;
color: #555555; /* 文字色 */
background-color: #fff;
border: 2px solid #13bc1b; /* 枠線の太さ・色 */
box-shadow: 2px 2px 1px #ccc;}/* 影の色 */

.title-box-green {position: absolute;
padding: 0 .5em;
left: 20px;
top: -15px;
font-weight: bold;
background-color: #fff; /* タイトル背景色 */
color: #13bc1b;} /* タイトル文字色 */

/* 注意 */
.kakomi-box-red {
position: relative;
margin: 2em auto;
padding: 1.2em;
width: 90%;
color: #555555; /* 文字色 */
background-color: #fff;
border: 2px solid #c44c49; /* 枠線の太さ・色 */
box-shadow: 2px 2px 1px #ccc;}/* 影の色 */

.title-box-red {position: absolute;
padding: 0 .5em;
left: 20px;
top: -15px;
font-weight: bold;
background-color: #fff; /* タイトル背景色 */
color: #c44c49;} /* タイトル文字色 */

/* タイトル付　枠（影）1　*/
.kakomi-box12 {
position: relative;
margin: 2em auto;
padding: 1.2em;
width: 90%;
color: #555555; /* 文字色 */
background-color: #fff;
border: 2px solid #8FBC8F; /* 枠線の太さ・色 */
box-shadow: 2px 2px 1px #ccc;}/* 影の色 */

.title-box12 {position: absolute;
padding: 0 .5em;
left: 20px;
top: -15px;
font-weight: bold;
background-color: #fff; /* タイトル背景色 */
color: #8FBC8F;} /* タイトル文字色 */

/*吹き出し（ここから）*/
.balloon1-top {position: relative;
display: inline-block;
margin: 1.5em 0;
padding: 7px 10px;
min-width: 120px;
max-width: 100%;
color: #555;
font-size: 16px;
background: #e0edff;}

.balloon1-top:before {content: "";
position: absolute;
top: -30px;
left: 50%;
margin-left: -15px;
border: 15px solid transparent;
border-bottom: 15px solid #e0edff;}

/*.balloon1-top p {margin: 0;
padding: 0;}*/
/*吹き出し（ここまで）*/

/*お問い合わせ（ここから）*/
@media screen and (min-width: 640px) {
/*フッター用*/

.footer_number{transform-origin: top left;
transform: scale(1,1.2);
font-size: 4rem;
font-weight: bold;
color: #e32728;
letter-spacing: 0.1px;
margin-bottom: 0!important;
margin-top: 16px!important;}

/*ヘッダー用*/

.orange2_head{ height: 74px!important;
padding: 5px 0 0!important;
margin: 0 auto 3px!important;}

.orange_head{ background-color: #D3811B;
display: block;
margin: 0 auto!important;
border-radius: 3px;
padding: 1px 10px;
color: #FFF;
height: auto;
text-align: center;
/* letter-spacing: 0.1rem; */
font-size: 0.8rem;
line-height: 2rem;}

.orange_head:hover{opacity:0.7!important;}

.orange_head a{text-decoration:none!important;
color:#fff!important;}

.call_head{width: 380px!important;
padding: 3px!important;}

.green_head{width: 100%!important;
background-color: #ADBD38;
/* display: inline-block; */
margin: 1px 0!important;
border-radius: 3px;
padding: 3px 4px!important;
color: #FFF;
height: auto;
font-size: 1.1rem;
line-height: 1.4rem;
text-align: center;}

.phoneicon2 {/* width: 4%; */
color: #fff;
background-color: #ADBD38;
padding: 3.5px;
border-radius: 0.4rem;
/* height: 4%; */
margin-right: 2px;

font-size: 10px!important;}

#phonenumber2{font-size: 3rem;
margin-bottom: 0!important;
margin: 0 auto;
color:#cb241d;
font-weight: bolder;}

#phonenumber2 a{text-decoration:none!important;
color: #cb241d!important;}

#phonenumber2 a:hover{color: #cb241d!important;}
#phonenumber2:hover{color: #cb241d!important;}

#phonenumber2 span{ transform-origin: top left;
transform: scale(0.8,1);}

.n_head{color: #000;
display: inline-block;
margin: 0!important;
font-size: 0.5rem!important;
text-align: center!important;
line-height: 1.2rem;}

.box4_head{width: 63%!important;
text-align: center!important;}

.phone_head{color: #fff!important;
background-color: #CB241D!important;
padding: 3.5px!important;
border-radius: 0.2rem!important;
/* height: 4%!important; */
margin-right: 4px!important;
font-size: 10px;
/*font-size: 10%;*/}

/*ボディ用*/

.call_wrap{border:solid 2px #D1D4C0;
width:608px;
margin:10px auto;
border-radius: 10px;
padding: 10px;}

.call_wrap .orange_wrap{background-color: #1D4592;
display: block;
margin:0 auto!important;
border-radius: 3px;
padding: 5px 10px;
color: #FFF;
height: auto;
text-align: center;
letter-spacing: 0.1rem;
font-size: 1.8rem;}

.orange_wrap2:hover{opacity:0.7!important;}

.orange_wrap:hover{opacity:1!important;}

.orange_wrap2 a{text-decoration:none!important;
color:#fff!important;}

.call_wrap .orange_wrap2{background-color: #1D4592;
display: block;
margin:0 auto!important;
border-radius: 3px;
padding: 5px 10px;
color: #FFF;
height: auto;
text-align: center;
letter-spacing: 0.1rem;
font-size: 1.8rem;}

.call_wrap .orange2_wrap{background-color:#FFDFBF;
display:block;
margin: 0 auto 10px;
border-radius: 3px;
color:#FFF;
height: 125px;}

.call_wrap	.green_wrap{
background-color: #CB241D;
display: block;
margin: 3px 0!important;
border-radius: 3px;
padding: 1px 4px;
color: #FFF;
height: auto;
font-size: 1.6rem;
width: 95%;
text-align: center;}

.call_wrap .fl{display: flex;
justify-content: space-between;
margin: 0 0 8px;}

.fl .box3{display: flex;
flex-direction: column;
width: 33%;}

.call_wrap .box_1{display: flex;
align-items: center;
width: 30%;}

.call_wrap .box_2{width: 65%;}

.call_wrap	.box4{width: 66%;
text-align: center;}

.n_txt{color: #000;
margin-bottom: 0.2rem!important;
text-align: center;}

.n_txt2{font-size: 0.6rem;
color: #000;
text-align: center;
/* display: inline-block; */
/* margin-left: 45px; */
margin-bottom: 0px!important;
margin-top: -5px;}
		
.n_txt span{font-size: 0.6rem;}	
.call_wrap .box4 #phonenumber{
font-size: 4.8rem;
 margin: 15px auto 0;
color: #cb241d;
font-weight: bolder;}

#phonenumber a{text-decoration:none!important;
color: #cb241d!important;}

#phonenumber a:hover{color: #cb241d!important;}
#phonenumber:hover{color: #cb241d!important;}
	
#phonenumber span{transform-origin: top left;
transform: scale(0.8,1);}
	
.call_wrap .box_2 p {margin: 0!important;
font-size: 1.4rem;
padding: 0;
text-align: left;
line-height: 2rem;
font-weight: bold;
color: #000;
letter-spacing: 1.1px;}

.call_wrap .box_2 p span{color: #1D4592;
letter-spacing: 1px;}

.orange2_wrap .fl{padding:0 8px;}

.box4 .phoneicon{color: #fff;
background-color: #CB241D;
padding: 3.5px;
border-radius: 0.4rem;
/* height: 4%; */
margin-right: 8px;
margin-bottom: 4px;
font-size: 20px!important;}

.orange_wrap .mailicon{margin-right: 6px;}

.box3 #first{margin-top:10px!important;}

.sp{display:none!important;}

.sp_txt {font-size: 1.1rem;
}
}

@media screen and (max-width: 640px) {

/*ヘッダー用*/
	
.orange2_head{height: 60px!important;
padding: 5px 0 0!important;
margin: 0 auto 3px!important;}

.orange_head{ background-color: #1D4592;
display: block;
margin: 0 auto!important;
border-radius: 3px;
padding: 3px 10px;
color: #FFF;
height: auto;
text-align: center;
/* letter-spacing: 0.1rem; */
font-size: 1.1rem;}

.orange_head a{text-decoration:none!important;
color:#fff!important;}
.orange_head:hover{
opacity:0.7!important;}
.call_head{
width: 98%!important;
padding: 3px!important;}

.green_head{width: 105%!important;
background-color: #CB241D;
display: block;
margin: 1px 0!important;
border-radius: 3px;
padding: 1px 4px;
color: #FFF;
height: auto;
font-size: 1rem;
text-align: center;}

#phonenumber2 a{text-decoration:none!important;
color: #cb241d!important;}
#phonenumber2{font-size: 2.1rem;
margin-bottom: 0!important;
margin: 0 auto;
color: #cb241d;
font-weight: bolder;}
#phonenumber2 span{ transform-origin: top left;
transform: scale(0.8,1);}

.n_head{margin: 0!important;
font-size: 1rem!important;
text-align: center!important;
color: #000;
margin-bottom: 0!important;}

.box4_head{width: 67%!important;
text-align: center!important;}

.phone_head{color: #fff!important;
background-color: #CB241D!important;
padding: 3.5px!important;
border-radius: 0.2rem!important;
margin-right: 4px!important;
font-size:30%;}

/*ボディ用*/

.box4 a{color:#333!important;
text-decoration:none;}

.sp{display:block!important;}

.call_wrap{border:solid 2px #D1D4C0;
width:98%;
margin:10px auto;
border-radius: 10px;
padding:4px;
line-height: 1.3rem;}

.call_wrap .orange_wrap{background-color: #1D4592;
display: block;
margin: 0!important;
border-radius: 3px;
 padding: 1px 7px;
color: #FFF;
height: auto;
text-align: center;
letter-spacing: 0.1rem;
line-height: 1.3rem;}

.orange_wrap2:hover{opacity:0.7!important;}

.orange_wrap2 a{text-decoration:none!important;
color:#fff!important;}

.call_wrap .orange_wrap2{
background-color: #1D4592;
display: block;
margin: 0!important;
border-radius: 3px;
 padding: 4px 7px;
color: #FFF;
height: auto;
text-align: center;
letter-spacing: 0.1rem;
line-height: 1.5rem;}

.call_wrap .orange2_wrap{background-color: #FFDFBF;
display: block;
margin: 0 auto 10px;
border-radius: 3px;
color: #FFF;
height: 90px;}

.call_wrap	.green_wrap{background-color: #CB241D;
display: block;
margin: 5px 0!important;
border-radius: 3px;
padding: 1px 0px;
color: #FFF;
height: auto;
font-size: 1rem;
width:100%;
text-align: center;}

.call_wrap .fl{display: flex;
justify-content: space-between;
margin: 0 0 8px;}

.fl .box3{display: flex;
flex-direction: column;
width: 30%;}

.call_wrap .box_1{display: flex;
align-items: center;
width: 17%;}

.call_wrap .box_2{width: 83%;}

.call_wrap	.box4{width: 70%;
text-align: left;
text-align: center;
margin-top:10px;}

.n_txt{color: #000;
margin-bottom: 0!important;
text-align: center;
display: inline-block;
font-size: 1rem;}

.n_txt2{font-size: 0.8rem;
color: #000;
text-align: center;
/* display: inline-block; */
/* margin-left: 45px; */
margin-bottom: 0px!important;}

.n_txt span{font-size: 0.6rem;}
.call_wrap .box4 #phonenumber{
font-size: 2.2rem;
margin: 10px auto 0;
color: #333;
font-weight: bolder;}

#phonenumber a{text-decoration:none!important;
color: #cb241d!important;}

#phonenumber span{ transform-origin: top left;
transform: scale(0.8,1);}

.call_wrap .box_2 p {margin: 0!important;
padding: 0;
text-align: left;
line-height: 2rem;
font-weight: 550;
color: #000;
font-size: 1.2rem;}

.call_wrap .box_2 p span{color: #1D4592;
letter-spacing: 1px;}

.orange2_wrap .fl{padding:0 4px;}

.box4 .phoneicon{/* width: 4%; */
color: #fff;
background-color: #CB241D;
padding: 3.5px;
border-radius: 0.2rem;
/* height: 4%; */
margin-right: 3px;
margin-bottom: 2px;
font-size: 1rem;}

}

.orange_wrap .mailicon{margin-bottom: -3px;
margin-right: 6px;
width: 5%;
height: 5%;}

.box3 #first{margin-top:9px!important;}

.orange_wrap span{font-size: 0.9rem;}
.sp_txt{font-size: 1rem;}

/*お問い合わせ（ここまで）*/
html #phonenumber2 a,
html #phonenumber a{    font-size: 80%;letter-spacing: -0.01em;}