@charset "UTF-8";
 @media (min-width: 1200px)
#container {max-width: 1140px;}
@media (min-width: 992px)
#container {
max-width: 960px;
}
@media (min-width: 768px)
#container {
max-width: 720px;
}
@media (min-width: 576px)
#container {
max-width: 540px;
}
#container {
width: 100%;
padding-right: 0px;
padding-left: 0px;
margin-right: auto;
margin-left: auto;
}
.lbox{float: none;}
.headder{margin-top: 20px;margin-bottom: 20px;}
.hd_coname_en{font-size: 2rem; line-height: 20px;text-align: center;}
.hd_coname{font-size: 0.9rem;line-height: 20px;padding-top: 10px;text-align: center;}
.hd_des{font-size: 1rem;line-height: 20px;margin-left: 0px;margin-top: 5px;color: #649F6F;letter-spacing: 0.2rem;text-align: center;}
.pad10{padding: 0.3rem;}
.pad20{padding: 0.5rem;}
.pad30{padding: 0.8rem;}
.tel_btn a {color: #FF9600}
.tel_btn{
padding: 3%;
border: 2px solid #FFFFFF;
border-radius: 10px;
text-align: center;
margin: 2% 2% 4% 2%;
background-color: #FFFFFF;
}
.navbar-default .navbar-toggle .icon-bar {
background: #1E1E1E; }
#container ul li, #container ol li {margin-left: -20px; !important; padding:0px !important;}
footer a {
color: #FF9600 !important;
text-decoration: none !important;
} .navbar{
border-radius: 0;
border: none;
background-color: #FFC108; <--! ここで背景色を設定しており、該当箇所をドロップダウンにする前は3本線のアイコン部分の背景色もこの色でした -->
}
.navbar-dark .navbar-toggler {
color: rgba(255, 255, 255, 0.5);
border-color: rgba(255, 255, 255, 1) !important;
}
.navbar-default .navbar-toggle .icon-bar {
background: #fff !important; }
.navbar-dark .navbar-brand {
font-size: 1.1rem !important;
color: #ffffff !important;
} .navi_bg{
background-color: #FFC108;
border-bottom: 2px solid #FFFFFF;
}
.navi_bg a{color: #FFFFFF !important;text-decoration: none;}
.navi_bg a:hover{color: #595959 !important;}
.navbar-dark .navbar-brand {font-size: 1.1rem !important;color: #FFFFFF !important;}
.dropdown-menu li a{color: #FFFFFF !important;text-decoration: none;} .sp_blogimg{width: 30% !important;height: auto !important;}
.sp_blogimg img{width: 100%;height: auto;}
.info_text{width: 65% !important;height: auto !important;} #side{
margin: 0px;
padding: 0 0 20px 0;
}
.itemside{
border: 1px solid #FFC108;
padding: 10px;
margin-bottom: 40px
}
.itemside  h3 {
font-size: 12px;
line-height: 1.4em;
margin: 0px;
padding: 0px;
font-weight: normal;
}
.itemside h3 a {
margin: 0px;
padding: 0px;
color: #4A4A4A;
text-decoration: none;
}
.itemside .post_data {
font-size: 10px;
color: #FFC108;
padding-bottom: 5px;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
}
.side_title_bk{padding: 0.7rem;margin-bottom: 10px;background-color: #FFC108;}
.side_title_bk2{padding: 0.7rem;margin-bottom: 10px;background-color: #FFC108;}
.side_title{
font-size: 1rem;
padding-left: 20px;
margin: 0px;
background-size: 1rem 1rem;
background-repeat: no-repeat;
background-position: 0% center;
color: #FFFFFF;
} #main img {
max-width: 100% !important ;
height: auto !important;
}  .wpcf7 input[name="your-email"],
.wpcf7 input[name="text-780"]
{    width: 90%;
padding: 8px;
margin: 10px;
border: 1px solid #ddd;
border-radius: 3px;
}
.wpcf7 input[name="text-300"],
.wpcf7 input[name="text-889"],
.wpcf7 input[name="text-765"],
.wpcf7 textarea  {
width: 60%;
padding: 8px;
margin: 10px;
border: 1px solid #ddd;
border-radius: 3px;
}
.wpcf7 input[name="tel-834"],
.wpcf7 input[name="tel-751"],
.wpcf7 input[name="tel-16"],
.wpcf7 input[name="text-908"],
.wpcf7 input[name="text-111"],
.wpcf7 input[name="text-659"]
{
width: 50%;
padding: 8px;
margin: 10px;
border: 1px solid #ddd;
border-radius: 3px;
}
.wpcf7 select[name="menu-13"],
.wpcf7 select[name="menu-799"],
.wpcf7 select[name="menu-6"],
.wpcf7 checkbox[name="checkbox-316"],
.wpcf7 radio[name="radio-721"]
{
padding: 8px;
margin: 10px;
border: 1px solid #ddd;
border-radius: 3px;
}
.checkbox-316,.wpcf7-radio{margin: 10px;display:  inline-block;}
.wpcf7 textarea[name="textarea-280"],
.wpcf7 textarea[name="your-message"] 
{
width: 100%;height: 90px;
padding: 8px;
margin-right: 10px;
margin-top: 10px;
border: 1px solid #ddd;
border-radius: 3px;
} input.sub-btn {
width: 100%;
height: 60px;
background: #F90;
color: #FFF;
font-size: 1.1em;
font-weight: bold;
letter-spacing: 0.2em;
border: 1px solid #ffae13;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-ms-transition: 0.3s;
transition: 0.3s;	
border-radius: 8px;
} input.sub-btn:hover{
background: #FFF;
color: #F90;  
} .center {
text-align:center;
}