body {
margin:0px;padding:0px;font-size:12px;color:#333;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Verdana,'ＭＳ Ｐゴシック',sans-serif;
}
img{border:none;}
.cl{clear:both;}
h1,h2,h3,h4{margin:0px;padding:0px;}
ul , li{margin:0px;padding:0px;list-style:none;}
.mainbtn li{width:205px;height:109px;float:left;}
.floatR{float:right;margin-left:0.5em;margin-bottom:0.5em;}
.floatL{float:left; margin-right:0.5em;margin-bottom:0.5em;}
.hint{font-size:10px;display: none;}
table{border-collapse: collapse;width:99%;}
table th{padding:0.5em;border:1px solid #efefef;text-align:left;vertical-align: top;white-space: nowrap;background-color:#f6f6f6;}
table td{padding:0.5em;border:1px solid #efefef;}
a{color:#0F74AC;}
a:hover{color:#B81B22;}

.entry-title{line-height:1.4em;}
.tips{}
.tips .one{width:24%;float:left;margin-left:2px;margin-bottom:2px;padding:2px;border:1px solid silver;height:10em;}
.tips .one .title{background-color:#efefef;padding:3px;font-weight:bold;}


/* MARGIN */
.mgn05em{height:0.5em;overflow:hidden;}
.mgn1em{height:1em;overflow:hidden;}
.mgn2em{height:2em;overflow:hidden;}
.mgnlimg{height:35px;overflow:hidden;padding-top:5px;color:#666;}

body{background-image:url(/files/images/background.jpg);background-repeat: repeat-x;}
.container{width:1000px;margin:0px auto;overflow:hidden;}
.header{height:67px;position:relative;}
.header_left{width:180px;height:65px;float:left;}
.header_right{width:40%;position:absolute;right:0px;}
.header_right h1{font-size:12px;color:white;font-weight:normal;}
.site-description{width:auto;display:block;position:absolute;right:0px;top:40px;font-size:12px !important;color:#efefef !important;font-weight:normal !important;}

.menus{height:155px;}
.gmenu{height:36px;}
.gmenu a{display:block;width:100px;height:36px;float:left;}
.gmenu a:hover{background-position:bottom;}
.gmenu .on img{background-position:bottom;}


h2{line-height:1.5em;}


    .main{margin-top:0.5em;line-height:1.4em;}
        .main_left{float:left;min-height:300px;width:820px;overflow:hidden;background-image:url(/files/images/background_main.jpg);background-repeat: no-repeat;background-position:right top;}
        .main_left h2{height:36px;font-size:13px;display:block;background-image:url(/files/images/solid_index/solid_index_06.jpg);}
        .main_left h2 span{display:block;padding-top:10px;padding-left:20px;}
        .main_left h3{height:33px;font-size:13px;display:block;background-image:url(/files/images/h3back.jpg);background-repeat: no-repeat;}
        .main_left h3 span{display:block;padding-top:10px;padding-left:38px;}
        
            .graybox{padding:5px;width:100%;background-color:#f6f6f6;border:1px solid #efefef;}
            .graybox .graybox_white{width:100%;padding:5px;background-color:#ffffff;}
            .graybox .graybox_white p{margin:0.2em 0;}

            .col2 .col2_left{width:400px;font-size:14px;line-height:1.5em;width:410px;float:left;}
            .col2 .col2_left .graybox{width:390px;}
            .col2 .col2_left .graybox .graybox_white{width:380px;}
            
            .col2 .col2_right{width:400px;font-size:14px;line-height:1.5em;float:right;}
            .col2 .col2_right .graybox{width:390px;}
            .col2 .col2_right .graybox .graybox_white{width:380px;}
            
            .mintitle{border-bottom:1px solid #efefef;}
            .mintitle span{padding:0.1em 0.6em;display:inline-block;background-color:#333;color:white;font-size:10px;}

        .pankuzu{}
        .mgn_main{height:30px;}

        .main_right{float:right;min-height:300px;width:175px;}
        .right_box_one{background-color:#F8F8F8;border:1px solid #EAEAEA;}
        .right_box_one_white{min-height:100px;background-color:#ffffff;border:1px solid #EAEAEA;margin:5px;padding:5px;}

    .footer{background-image:url(/files/images/footer/solid_footer_01.jpg);width:1000px;height:37px;margin:5px auto;overflow:hidden;font-size:10.5px;line-height:1.4em;}
    .footer div{margin-top:10px;}
    .footer_left{font-size:10.5px;width:50%;float:left;}
    .footer_right{font-size:10.5px;width:50%;float:right;text-align:right;}


  .tipboxs{overflow: auto;}
  .tipboxs .tipbox{width:240px;height:120px;padding:10px;border:1px solid #f6f6f6;float:left;margin-left:5px;margin-bottom:5px;font-size:10px;}
  .tipboxs .tipbox:hover{cursor: pointer;background: #ffefef;}
  .tipboxs .tipbox .title{font-weight: bold;}

  .widget ul{padding:0.5em;padding-left:0em;}
  .widget-title{border:1px solid #F3C6C6;padding:0.3em;background:#FFEEEE;}
  .site-description{font-size:12px;color:#efefef;}
/* AJAX */
.elm_wait{background-image: url("./loading-s-5.gif");background-repeat: no-repeat;background-position: center ;}
.elm_open{}

#news *{text-decoration:none;color:#d00000;}


.entry-content{font-size:12px;line-height:1.4em;}
.entry-content strong{font-size:16px;}

.is_pc{display:block;}
.is_sp{display:none;}


	.menu-btn {    cursor: pointer;}
	#menu-list {    display: none;}
	
	
/* SP */
@media screen and (min-width: 0px) and (max-width: 800px) {

	.is_pc{display:none;}
	.is_sp{display:block;}
    .container{width:95%;margin:0px auto;}
	.menus{display:none;}
	/*.header_right{display:none;}*/
	.site-description{top:25px;font-size:90%;}

	.main_left{width:auto  !important;overflow: visible;min-height:auto;background-image:none;}
	.main_right{display:none;}
	#news{display:none;}

	.main{margin-top:15px;}
	.entry-content{width:auto;margin:0px auto; !important}
	
	.col2 .col2_left{width:auto;float:none;}
	.col2 .col2_left .graybox{width:auto; }
	.col2 .col2_left .graybox .graybox_white{width:auto;}
	.col2 .col2_left img{width:100%;}

	.col2 .col2_right{margin-top:1em;width:auto;float:none;}
	.col2 .col2_right .graybox{width:auto; }
	.col2 .col2_right .graybox .graybox_white{width:auto; }
	.col2 .col2_right img{width:100%;}
}


/* ============================================================
   Contact form (CF7) - responsive fields  [added 2026-06-30]
   Scoped to .wpcf7-form so other pages are unaffected.
   ============================================================ */
.wpcf7-form .form-group{ margin:0 0 1em; }
.wpcf7-form label{ display:inline-block; margin-bottom:.35em; font-weight:bold; }
.wpcf7-form .wpcf7-form-control-wrap{ display:block; }
.wpcf7-form input[type="text"],
.wpcf7-form input[type="email"],
.wpcf7-form input[type="tel"],
.wpcf7-form input[type="url"],
.wpcf7-form input[type="number"],
.wpcf7-form input[type="date"],
.wpcf7-form select,
.wpcf7-form textarea{
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  margin:0;
  padding:.7em .8em;
  font-size:16px;          /* 16px+ prevents iOS auto-zoom on focus */
  line-height:1.5;
  color:#333;
  background:#fff;
  border:1px solid #ccc;
  border-radius:6px;
  -webkit-appearance:none;
  appearance:none;
}
.wpcf7-form textarea{ min-height:8em; resize:vertical; }
.wpcf7-form input:focus,
.wpcf7-form select:focus,
.wpcf7-form textarea:focus{
  outline:none;
  border-color:#0F74AC;
  box-shadow:0 0 0 2px rgba(15,116,172,.15);
}
.wpcf7-form .required{ color:#d00000; }
.wpcf7-turnstile{ margin:.5em 0 1em; }
.wpcf7-form .wpcf7-submit{
  display:block;
  width:100%;
  max-width:320px;
  margin:1.2em auto 0;
  padding:.9em 1.5em;
  font-size:16px;
  font-weight:bold;
  color:#fff;
  background:#0F74AC;
  border:0;
  border-radius:6px;
  cursor:pointer;
  transition:background .15s ease;
}
.wpcf7-form .wpcf7-submit:hover{ background:#0c5e8c; }
.wpcf7-form .wpcf7-spinner{ vertical-align:middle; }

/* form fills its gray container at every width */
.graybox_white .wpcf7-form{ width:100%; }

@media screen and (max-width:800px){
  .wpcf7-form .wpcf7-submit{ max-width:100%; }
}

/* fix: prevent the form/gray boxes from overflowing the content column.
   The theme's .graybox/.graybox_white use width:100% + padding without
   box-sizing, so they render ~12px/10px wider than their parent. Scope the
   border-box fix to the contact page (page-id-23) to avoid touching others. */
.page-id-23 .graybox,
.page-id-23 .graybox_white{ box-sizing:border-box; width:100%; max-width:100%; }
.page-id-23 .entry-content{ overflow-x:hidden; }
.page-id-23 .wpcf7-form{ max-width:100%; }
.page-id-23 .wpcf7-turnstile{ max-width:100%; }
.page-id-23 .wpcf7-turnstile iframe{ max-width:100%; }
