/*
Theme Name: theme name
Version: 202508010000000001
*/

/************* bg_color *************/

.bg_color_ffffff {background-color: #ffffff;}

.bg_color_dddddd {background-color: #dddddd;}
.bg_color_eeeeee {background-color: #eeeeee;}
.bg_color_f9f9f9 {background-color: #f9f9f9;}

.bg_color_ab2e1f {background-color: #ab2e1f;}
.bg_color_bf4f4f {background-color: #bf4f4f;}
.bg_color_eccaca {background-color: #eccaca;}
.bg_color_c3594a {background-color: #c3594a;}
.bg_color_ffb3b1 {background-color: #ffb3b1;}

.bg_color_footer {background-color: #000; color: #fff;}

.bg_color_footerold {background: linear-gradient(10deg,#060,#393 75%); color: #fff;}

.bg_color_cccccc_border { border:6px solid #cccccc;}
.bg_color_196735_border { border:6px solid #196735;}

/************* box_border_color *************/
.box_boder1_color_cccccc {border:1px solid #cccccc;}
.box_boder6_color_cccccc {border:6px solid #cccccc;}
.box_boder6_color_196735 {border:6px solid #196735;}

/************* sukima *************/

.ma10 {margin: 10px 0px;}
.ma20 {margin: 20px 0px;}
.ma30 {margin: 30px 0px;}
.ma41 {margin: 41px 0px;}
.ma50 {margin: 50px 0px;}
.ma100 {margin: 100px 0px;}
.ma150 {margin: 150px 0px;}
.ma200 {margin: 200px 0px;}

.ma_l_10 {margin: 0px 0px 0px 10px;}
.ma_l_20 {margin: 0px 0px 0px 20px;}
.ma_l_30 {margin: 0px 0px 0px 30px;}
.ma_l_50 {margin: 0px 0px 0px 50px;}

.ma_r_10 {margin: 0px 10px 0px 0px;}
.ma_r_20 {margin: 0px 20px 0px 0px;}
.ma_r_30 {margin: 0px 30px 0px 0px;}
.ma_r_50 {margin: 0px 50px 0px 0px;}

.pa10 {padding: 10px;}
.pa20 {padding: 20px;}
.pa30 {padding: 30px;}
.pa50 {padding: 50px;}
.pa100 {padding: 100px;}

.pa10_0 {padding: 10px 0px;}
.pa20_0 {padding: 20px 0px;}
.pa30_0 {padding: 30px 0px;}
.pa50_0 {padding: 50px 0px;}
.pa100_0 {padding: 100px 0px;}

.pa_t_30 {padding: 30px 0px 0px 0px;}
.pa_t_50 {padding: 50px 0px 0px 0px;}
.pa_t_100 {padding: 100px 0px 0px 0px;}

.pa_b_30 {padding: 0px 0px 30px 0px;}
.pa_b_41 {padding: 0px 0px 41px 0px;}
.pa_b_50 {padding: 0px 0px 50px 0px;}
.pa_b_100 {padding: 0px 0px 100px 0px;}

.slide_menu_l_1 {margin: 0px 0px 0px 10%;}
.slide_menu_r_1 {margin: 0px 10% 0px 0px;}

#bottom0 {margin-bottom: 0px; line-height:none;}

#haba50,
#haba60,
#haba70,
#haba80 {width:100%;}

@media (min-width: 768px) {

.ma10 {margin: 10px 0px;}
.ma20 {margin: 20px 0px;}
.ma30 {margin: 30px 0px;}
.ma50 {margin: 50px 0px;}
.ma100 {margin: 100px 0px;}
.ma150 {margin: 150px 0px;}
.ma200 {margin: 200px 0px;}

.ma_l_10 {margin: 0px 0px 0px 10px;}
.ma_l_20 {margin: 0px 0px 0px 20px;}
.ma_l_30 {margin: 0px 0px 0px 30px;}
.ma_l_50 {margin: 0px 0px 0px 50px;}

.ma_r_10 {margin: 0px 10px 0px 0px;}
.ma_r_20 {margin: 0px 20px 0px 0px;}
.ma_r_30 {margin: 0px 30px 0px 0px;}
.ma_r_50 {margin: 0px 50px 0px 0px;}

.pa10_0 {padding: 10px 0px;}
.pa20_0 {padding: 20px 0px;}
.pa30_0 {padding: 30px 0px;}
.pa50_0 {padding: 50px 0px;}
.pa100_0 {padding: 100px 0px;}

.pa_t_30 {padding: 30px 0px 0px 0px;}
.pa_t_50 {padding: 50px 0px 0px 0px;}
.pa_t_100 {padding: 100px 0px 0px 0px;}

.pa_b_30 {padding: 0px 0px 30px 0px;}
.pa_b_41 {padding: 0px 0px 41px 0px;}
.pa_b_50 {padding: 0px 0px 50px 0px;}
.pa_b_100 {padding: 0px 0px 100px 0px;}

.slide_menu_l_1 {margin: 0px 10px 0px 20px;}
.slide_menu_r_1 {margin: 0px 20px 0px 0px;}

#bottom0 {margin-bottom: 0px;}

#haba50 {width: 50%; margin: 0px auto 0px auto;}
#haba60 {width: 60%; margin: 0px auto 0px auto;}
#haba70 {width: 70%; margin: 0px auto 0px auto;}
#haba80 {width: 80%; margin: 0px auto 0px auto;}

}

/************* width_ *************/

.w290 {width:290px;}
.w80 {width:80%;}
.w90 {width:90%;}
.w100 {width:100%; display: block;}


/************* box_ *************/

.menu_box {border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; box-sizing:border-box;}

.r10_box {width: 100%; margin: 30px auto; padding: 10px 10px; border-radius: 5px; box-sizing:border-box; border: 1px solid #ccc;}

.r20_box {width: 100%; margin: 0px auto; padding: 30px 30px; border-radius: 10px; box-sizing:border-box; border: 1px solid #ccc;}

@media (min-width: 768px) {

.menu_box {border-top: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; box-sizing:border-box;}

.r10_box {width: 100%; margin: 30px auto; padding: 20px 20px; border-radius: 10px; box-sizing:border-box; border: 1px solid #ccc;}

.r20_box {width: 100%; margin: 0px auto; padding: 30px 30px 20px 30px; border-radius: 20px; box-sizing:border-box; border: 1px solid #ccc;}

}

/************* border *************/

.border_shadow1 {border-top: 1px solid #eee; border-left: 1px solid #eee; border-right: 1px solid #999; border-bottom: 1px solid #999; box-sizing:border-box;}

.border_r {border-right: 1px solid #ccc; box-sizing:border-box;}

.border_radius5 {border-radius:5px;}
.border_radius10 {border-radius:10px;}
.border_radius20 {border-radius:20px;}
.border_radius50 {border-radius:50px;}

@media (min-width: 768px) {

.border_shadow1 { border-right: 1px solid #999999; border-bottom: 1px solid #999999; box-sizing:border-box;}

.border_radius5 {border-radius:5px;}
.border_radius10 {border-radius:10px;}
.border_radius20 {border-radius:20px;}
.border_radius50 {border-radius:50px;}

}

/************* underline *************/

hr {border: 1px dashed #ccc; margin:50px auto;}
.underline_dash {border-bottom: 1px dashed #ccc;}
.underline {border-bottom: 1px dashed #ccc;}

/************* .photo *************/

.headphotoc {margin:0px; padding:0px;}
.headphotoc li {list-style: none;}
.headphotoc img {width:100%;}

.photoc {margin:0px; padding:0px;}
.photoc li {list-style: none;}
.photoc img {width:100%; text-align:center; margin:0px auto;}

@media (min-width: 768px) {
.headphotoc {margin:0px auto; padding:0px;}
.headphotoc li {list-style: none;}
.headphotoc img {width:100%; height:auto;}

.photoc {margin:0px; padding:0px;}
.photoc li {list-style: none;}
.photoc img {width:310px; height="auto" text-align:center; margin:0px auto;}
}

/************* .xxline *************/

.blueline {background-color:#06F; text-align:center; margin:0px; padding:0px; color:#fff;}
.greenline {background-color:#063; text-align:center; margin:0px; padding:5px; color:#fff;}
.orangeline {background-color:#ff8000; text-align:center; margin:0px; padding:5px; color:#fff;}
.fffline {background-color:#fff; text-align:center; margin:0px; padding:5px; color:#fff;}
.purpleline {background-color:#969; text-align:center; margin:0px; padding:5px; color:#fff;}
.pinkline {background-color:#F06; text-align:center; margin:0px; padding:5px; color:#fff;}
.bluegreenline {background-color:#066; text-align:center; margin:0px; padding:5px; color:#fff;}
.069line {background-color:#069; text-align:center; margin:0px; padding:5px; color:#fff;}
.soraline {background-color:#31CBFF; text-align:center; margin:0px; padding:5px; color:#fff;}

/************* #button *************/

#button230,
#button310 {width:90%; background-color:#333; margin: 50px auto; padding:10px; text-align:center;}
#button230green,
#button310green {width:90%; background-color:#196735; margin: 50px auto; padding: 10px; text-align:center;}

.button_s {width: 100%; border:1px solid #333; margin: 30px 0px 0px 0px; padding: 10px 0px 10px 0px; text-align:center;}
.button_s_c {width: 100%; border:1px solid #333; margin: 30px auto 0px auto; padding: 10px 0px 10px 0px; text-align:center;}

#button230orange,
#button310orange {width:90%; background-color:#f8b300; margin: 50px auto; padding: 10px; text-align:center;}

#button230sgreen,
#button310sgreen {width:50%; background-color:#b3d465; margin: 50px auto; padding: 10px; text-align:center;}

#button230sorange,
#button310sorange {width:90%; background-color:#f8b300; margin: 50px auto; padding: 10px; text-align:center;}
#button230sorange img {margin: 0px 12px 0px 0px; padding: 0px 0px 0px 0px; vertical-align: middle;}

#button230 a,
#button310 a,
#button230green a,
#button310green a,
#button230orange a,
#button310orange a,
#button230sgreen a,
#button310sgreen a,
#button230sorange a,
#button310ssorange a {color:#fff; font-weight: bold;}

@media (min-width: 768px) {
#button230 {width: 31%; background-color:#333; margin: 0px auto; padding: 5px 0px; text-align:center;}
#button310 {width: 30%; background-color:#f8b300; margin: 0px auto; padding: 0px 5px; text-align:center; border-radius: 50px;}
#button230green {width: 100%; background-color:#196735; margin: 0px auto; padding: 10px 0px; text-align:center; align-items: center}
#button310green {width: 100%; background-color:#196735; margin: 0px auto; padding: 0px 5px; text-align:center;}

.button_s {width: 41%; border:1px solid #333; margin: 30px 0px 0px 0px; padding: 10px 0px 10px 0px; text-align:center;}
.button_s_c {width: 41%; border:1px solid #333; margin: 30px auto 0px auto; padding: 10px 0px 10px 0px; text-align:center;}

#button310orange {width: 100%; background-color:#f8b300; margin: 0px auto; padding: 0px 5px; text-align:center;}

#button230sgreen {width: 100%; background-color:#b3d465; margin: 0px auto; padding: 5px 0px; text-align:center;}
#button310sgreen {width: 100%; background-color:#b3d465; margin: 0px auto; padding: 0px 5px; text-align:center;}

#button230sorange {width: 31%; background-color:#f8b300; margin: 0px auto; padding: 5px 0px; text-align:center;}
#button310sorange {width: 50%; background-color:#f8b300; margin: 0px auto; padding: 0px 5px; text-align:center;}
#button230sorange img {margin: 0px 12px 0px 0px; padding: 0px 0px 0px 0px; vertical-align: middle;}

#button230 a,
#button310 a,
#button230green a,
#button310green a,
#button230orange a,
#button310orange a,
#button230sgreen a,
#button310sgreen a,
#button230sorange a,
#button310ssorange a {color:#fff; font-weight: bold;}

}

#calc00001 label {margin: 0px 10px 100px 0px;}
#calc00001 label input {display: none;}
#calc00001 label p {color: #333; border: 2px solid #333; border-radius: 10px; margin: 0px 10px 10px 0px; padding: 10px 0px; text-align:center;}
#calc00001 label input:checked + p {color: #393; background: #e5f0cb; border: 2px solid #393;}

/************* #g_map *************/

#g_app {height: 0; padding-bottom: 70%; position: relative;}

#g_app iframe {width:100%; height:100%; margin:0px; position: absolute;}

/************* #tsuitekuru *************/

#tsuitekuru1,#tsuitekuru2,#tsuitekuru3 {display:none;}

@media (min-width: 768px) {
#tsuitekuru1 {display:block; position:fixed; bottom: 119px; right: 2px;}
#tsuitekuru2 {display:block; position:fixed; bottom: 2px; right: 2px;}
#tsuitekuru3 {display:block; position:fixed; bottom: 3px; right: 2px;}
}

/************* #otoiawase *************/

.accordion-content {display: none;}

/* 装飾用 */

.accordion-header {background-color: #33784c; padding: 12px 45px 10px 20px; margin: 10px 0 0; transition: background .3s ease; cursor: pointer; position: relative; color:#fff;}

.accordion-header::before,
.accordion-header::after{position:absolute; content:''; top:1px; right:20px; bottom:0; width:12px; height:2px; margin:auto; background:#fff;}
.accordion-header::after{transform:rotate(-90deg); transition:transform 0.3s;}
.accordion-header.active::after{transform:rotate(0deg);}

.accordion-content {background-color: #FFF; padding: 12px 20px 10px;}

.accordion-header span,
.accordion-content span{padding-left: 0px; position: relative;}

/* hover */
.accordion-header:hover {background-color: #7faa8f;}

/************* #footmenu *************/

#footmenu {position: fixed; bottom: 0px; left: 0px; z-index: 9; width:100%; height:41px; padding: 20px 0px 15px 0px; color: #fff; background-color:#fff; border-top:1px solid #ddd; border-radius: 10px;}
#footmenu a {color: #fff; font-weight:bolder; text-shadow: 1px 1px 2px #666;}

@media (min-width: 768px) {
#footmenu {display:none;}
}

/************* dropdown *************/

select {

  /* styling */
  width:90%;
  background-color: white;
  border: thin solid blue;
  border-radius: 4px;
  display: inline-block;
  padding: 10px 10px 10px 10px;

  /* reset */

  margin: 0;      
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
}

select.classic {
  background-image:
    linear-gradient(45deg, transparent 50%, blue 50%),
    linear-gradient(135deg, blue 50%, transparent 50%),
    linear-gradient(to right, skyblue, skyblue);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 2.5em;
  background-repeat: no-repeat;
}

select.classic:focus {
  background-image:
    linear-gradient(45deg, white 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, white 50%),
    linear-gradient(to right, gray, gray);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    100% 0;
  background-size:
    5px 5px,
    5px 5px,
    2.5em 2.5em;
  background-repeat: no-repeat;
  border-color: grey;
  outline: 0;
}

select.minimal {
  background-image:
    linear-gradient(45deg, transparent 50%, gray 50%),
    linear-gradient(135deg, gray 50%, transparent 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 20px) calc(1em + 2px),
    calc(100% - 15px) calc(1em + 2px),
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
}

select.minimal:focus {
  background-image:
    linear-gradient(45deg, green 50%, transparent 50%),
    linear-gradient(135deg, transparent 50%, green 50%),
    linear-gradient(to right, #ccc, #ccc);
  background-position:
    calc(100% - 15px) 1em,
    calc(100% - 20px) 1em,
    calc(100% - 2.5em) 0.5em;
  background-size:
    5px 5px,
    5px 5px,
    1px 1.5em;
  background-repeat: no-repeat;
  border-color: green;
  outline: 0;
}

.underline_ccc_d { border-bottom: 1px dashed #ccc;}
.underline_ccc_s { border-bottom: 1px solid #ccc;}