/*
Theme Name: Exray
Theme URI: http://septianfujianto.com/themes/exray
Author: Septian Ahmad Fujianto
Author URI: http://septianfujianto.com/
Description: A simple, clean and responsive theme build with HTML5 and Twitter Bootstrap. Designed to be starting point for your Website with unlimited possibility for customization, with Theme Customizer and Theme Options ready, you won't get any trouble modifying most part of the theme. By using flat design concept, your content will standout and catch your reader eyes. 
Version: 1.5.2
License: GNU General Public License v3 
License URI: http://www.gnu.org/licenses/gpl-3.0.html
Tags: one-column, two-columns, three-columns, left-sidebar, right-sidebar, custom-menu, custom-colors, flexible-header, full-width-template, post-formats, sticky-post, theme-options, threaded-comments, editor-style, translation-ready
Text Domain: exray
*/

@import url("css/bootstrap.css");
@import url("css/master.css");

/*content*/
.content{
    width:660px;
}
*{
    font-size: 17px;
}
/*header*/
.head {
    width: 100%;
    background-color: #fbf8f3;
    padding-bottom: 15px;
}
.head-in {
    width: 970px;
    overflow: hidden;
    margin: auto;
}
.logo-in {
    width: 400px;
    float: left;
    margin-right: 15px;
}
.logo-in p {
    margin-top: 15px;
    line-height: 23px;
    color: #643301;
}
.time-in {
    width: 270px;
    float: left;
    margin-right: 15px;
}
.head-right-box {
    width: 270px;
    float: left;
}
p.main_img {
    text-align: center;
    background: #fef1d1;
}
ul.g-menu {
    overflow: hidden;
    width: 970px;
    margin: auto;
}
ul.g-menu li {
    float: left;
}
ul.g-menu li img {
    width: 159px;
    height: auto;
    margin-top: 15px;
    margin-bottom: 15px;
}
ul.g-menu li img {
    border-left: 2px dotted #c1c1c1;
}
ul.g-menu li:last-child img {
    border-right: 2px dotted #c1c1c1;
}
#footer_body {
    padding: 0;
    background: #fff;
    border-top: 3px solid #f90;
    clear: both;
}
.sp_foot_pop{
    display: none;
}
/*footer*/
#bottom {
    width: 900px;
    height: 35px;
    padding: 0;
    clear: both;
}
#footer {
    width: 900px;
    margin: auto;
}
#footer div#footer-menu {
    clear: both;
}
#footer div.copy {
    clear: both;
    padding-top: 4px;
    margin-top: -40px;
    font-size: 17px;
}
#footer div.copy p {
    text-align: center;
    padding: 5px 0;
}

/************************
ã‚µã‚¤ãƒ‰ãƒãƒ¼
************************/
.side_box{
    border: solid 1px #d5d5d5;
    border-radius: 10px;
}
.side_box h2{
    text-align: center;
    background: #ef9700;
    color: #fff;
    border: 0px;
    padding: 13px 0px;
    margin: 0px;
    font-size: 16px;
    border-radius: 10px 10px 0px 0px;
}
.textwidget .side_box h3{
    text-align: center;
    padding: 10px 0px 10px;
    margin: 0px 0px 0px;
    border-bottom: solid 1px #c5bebe !important;
    border: 0px;
    color: #dd6c25;
    border-top: solid 1px #c5bebe !important;
}
.side_box ul{
    padding: 5px 15px 15px;
}
.side_box ul li{
    border-bottom: dotted 2px #bcb6b6;
    padding: 7px 7px 7px 25px;
    background-image: url("images/side_icon.png");
    background-repeat: no-repeat;
    background-position: left center;
}
.side_box ul li a{
    font-size: 16px;
    color: #333;
}

.side-honin {
    border: 1px solid #ccc;
    padding: 10px;
    margin-bottom: 20px;
}
.side-hin-txt-1 {
    border-bottom: 2px dotted #8c8c8c;
    margin-bottom: 10px;
    padding-bottom: 5px;
    margin-top: 5px;
}
.side-bun-area {
    padding: 10px;
    color: #464646;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    border: 1px solid #ccc;
}
.menu_dotted li {
    padding: 5px 0;
    border-bottom: 2px dotted #ccc;
}

.textwidget{
    width: 260px;   
}
.side-hin-txt{
    font-size:16px;
}
.side-hin-txt p{
    font-size:16px;
}
.red{
    color:red;
}
.green{
    color:#1a8312;
}
.fs17{
    font-size:17px;
}
h3{
    border-left: solid 8px #ef9700;
    border-bottom: dotted 3px #43270E;
    color: #333;
    font-size: 16px;
    font-weight: bold;
    padding: 7px 0 10px 15px;
    margin-bottom: 10px;
    margin-top: 15px;
}
.blog_text p a{
color: #333;
}
.ovh{
    width: 100%;
    overflow: hidden;   
}
.img-left{
    width: 35%;
    float: left;
}
.text-right{
    float: right;
    width: 63%; 
}
.img_left{
    width: 49%;
    float:left;
}
.img_right{
    width: 49%;
    float: right;
}
.staff .img-left{
/*    width: 25%!important;*/
width: 35%!important;
}
.staff .text-right{
/*    width: 73%!important;*/
    width: 63%!important
}
h2{
    font-size: 20px;
    font-weight: bold;
    color: #333;
    border-left: 8px solid #eb9501;
    background: #faf6ef;
    padding: 15px 10px;
}
.abc{
    background-color: #B1B1B1;
    text-align: center;
     font-size: 17px;
    font-weight: bold;
}
#voice_wrap{
    overflow: hidden;
    margin-bottom: 30px;
}
.voice01{
    margin: 10px 3% 6px 0px;
    padding: 20px 8px;
    background: #FFFFCC;
    border: solid 1px #BDBDAE;
    border-radius: 8px;
    width: 30.8%;
    float: left;
    height: auto;
}
.voice01:nth-child(3n) {
    margin-right: 0;
}
.voice02{
    border-color: #fff;
    overflow: hidden;
    background: #fff;width: 90%;
    margin: auto;
    padding: 0px;
    width: 170px;
    height: 120px;
    position: relative;
}
.voice02 img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translateY(-50%) translateX(-50%);
    -webkit- transform: translateY(-50%) translateX(-50%);
}
/*
.voice01{
margin: 20px 24px 24px 32px;
    padding: 24px;
    background: #FFFFCC;
    border: solid 1px #BDBDAE;
    border-radius: 8px; 
    width:90%;
}
.voice02{
border-color: #fff;
    overflow: hidden;
    background: #fff;
    width: 90%;
    margin: auto;
    padding: 40px;  
}*/
.voice03{
width: 98%;
    overflow: hidden;
    border: solid 1px #CCC;
    background: #FBF7C4;
    padding: 16px;
    margin-bottom: 15px;
    margin: 15px auto;  
}
.voice04{
padding: 16px;
    background: #fff;
    overflow: hidden;   
}
.voice03 img{
    width:50%;
    margin:auto;
    display: inherit;
}
.voice04 img{
    width:50%;
    margin:auto;
    display: inherit;
}
.textwidget h3{
    border-bottom:none !important;
}
.hoken td{
    text-align:center!important;
}
p{
    font-size:17px;
    line-height:25px;
	margin-bottom: 1em
}
.bengo {
    width: 600px;
    height: auto;
    margin-bottom: 15px;
    padding: 20px;
    display: table;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #bc9523;
}
.bengo .left {
    width: 33%;
    height: auto;
    margin: 0;
    padding: 0;
    float: left;
}
.bengo .right {
    width: 57%;
    height: auto;
    margin: 0;
    padding: 0;
    float: right;
}
.title {
    font-size: 18px;
    font-weight: bold;
    color: #333;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 3px dotted #ff6600;
}
.name2 {
    font-size: 18px;
    color: #330000;
    margin-bottom: 15px;
    padding-bottom: 5px;
    border-bottom: 1px solid #330000;
}
ul li{
    list-style:none!important;
}
.bengo2 {
    width: 600px;
    height: auto;
    margin-bottom: 15px;
    padding: 20px;
    display: table;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border: 1px solid #bc9523;
}
.bengo2 .right {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}
.title{
    width: 100%;
    margin-left: 0 !important;
}
.name2{
width: 100%;
    margin-left: 0 !important;  
}
.bengo ul li{
    margin-left:0 !important;
}
b{
    font-weight:bold;
}
.image_right{
    width:35%;
    float:right;
}
.text_left{
    width:50%;
    float:left;
}
.image_left{
    width:35%;
    float:left;
}
.text_right{
    width:60%;
    float:right;
}
.riyu-3-box {
    margin-bottom: 20px;
    /*border: 3px solid #faa850;*/
    border:none;
    border-top: none;
    width: 650px;
    margin-top: -20px;
    border-radius: 5px;
    padding-top: 20px;
}
#main-in .top_reason02 {
    border-top: 1px dotted #330000;
    border-bottom: 1px dotted #330000;
    height: auto !important;
    margin: 0 auto 0;
    min-height: 160px;
    padding-top: 15px;
    width: 600px;
}
#main-in .top_reason02 img:nth-child(2), #main-in .top_reason img:nth-child(2) {
    border-bottom: 2px dotted #e2831d;
    padding-bottom: 9px;
}
#main-in .rht {
    float: right;
}
#main-in .top_reason {
    border-bottom: 1px dotted #330000;
    height: auto !important;
    margin: 0 auto;
    min-height: 160px;
    padding-top: 15px;
    width: 600px;
}
#leftarea {
    margin-right: 240px;
}
#leftarea, #rightarea {
    overflow: hidden;
    float: left;
    margin-bottom: 20px;
}
#leftarea {
    width: 210px;
    padding-top: 190px;
}
.ors_def li{
 margin-left: 0!important;
}
.ors_def li a{
    color: #333;    
}
.page-id-314 .entry-title{
  display:none;
}
.page-id-314 .breadcrumbs{
    display:none;
}

/* TOPãƒ¡ãƒ‹ãƒ¥ãƒ¼ */
.syo-top li{
    display: inline-block;
    margin-right: 10px; 
    margin-bottom: 10px;
}
.syo-top li:nth-child(3),.syo-top li:nth-child(6){
    margin-right: 0px;
}

/* 3ã¤ã®ç´„æŸ */
.point_box {
  width: 100%;
  height: auto;
  margin-bottom: 30px;
  display: table;
}

.point_box img {
  width: 100%;
  height: auto;
  margin-bottom: 7px;
  padding: 0;
}

.point_box .inner,
.point_box .inner_last {
  width: 100%;
  margin: 0;
  padding: 0;
  float: left;
}

.point_box .inner .img_box,
.point_box .inner_last .img_box {
  width: 33.33333333%;
  height: auto;
  margin: 0;
  padding-top: 20px;
  float: right;
}

.point_box .inner .img_box img,
.point_box .inner_last .img_box img {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.point_box .inner ul,
.point_box .inner_last ul {
  width: 63.88888888%;
  height: auto;
  margin: 0;
  padding: 0;
  float: left;
}

.point_box .inner ul li,
.point_box .inner_last ul li {
  width: 410px;
  height: auto;
  margin-bottom: 15px;
  padding: 0;
  font-size: 15px;
}

.point_box .inner ul li img,
.point_box .inner_last ul li img {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.point_box .inner ul li p,
.point_box .inner_last ul li p {
  font-size: 15px;
  line-height: 1.5em;
  color: #764810;
}

/*******************
ã‚°ãƒ«ãƒ¼ãƒ—é™¢ åº—èˆ—ç´¹ä»‹ã€€åœ°åŸŸã‹ã‚‰æ²»ç™‚é™¢ã‚’æŽ¢ã™ãƒšãƒ¼ã‚¸
********************/
/* ã‚°ãƒ«ãƒ¼ãƒ—é™¢ã€€ãƒœã‚¿ãƒ³ */
div.group_btn_box{

}
div.group_btn_box ul{
    margin: auto;
    width: 680px;
}
div.group_btn_box ul li{
    display: inline-block;
    margin: 0px 15px 15px 0px;
    width: 205px;
}
div.group_btn_box ul li:nth-child(3), div.group_btn_box ul li:nth-child(6),div.group_btn_box ul li:nth-child(9){
    margin-right: 0px;
}

/* å…¨ãƒœã‚¿ãƒ³ */
div.group_btn_box ul li a{
    display: block;
    text-decoration: none;
    padding: 13px 20px;
    background-image: url("images/group_icon.png");
    background-repeat: no-repeat;
    background-position: right 15px center;
    background-size: 15px;
    text-align: center;
}
div.group_btn_box ul li:hover{
    opacity: 0.8;
}
div.group_btn_box ul li.btn a{
    text-decoration: none;
    color: #FFF;
}

/* ãƒœã‚¿ãƒ³1 */
div.group_btn_box ul li.btn1{
    border-radius: 3px;
    background: #2091fc;
    border-bottom: solid 4px #0173b1;
}

/* ãƒœã‚¿ãƒ³2 */
div.group_btn_box ul li.btn2{
    border-radius: 3px;
    background: #ea6b0f;
    border-bottom: solid 4px #c05025;
}

/* ãƒœã‚¿ãƒ³3 */
div.group_btn_box ul li.btn3{
    border-radius: 3px;
    background: #f063c8;
    border-bottom: solid 4px #c02598;
}

/* ãƒœã‚¿ãƒ³4 */
div.group_btn_box ul li.btn4{
    border-radius: 3px;
    background: #52cf2d;
    border-bottom: solid 4px #109f11;
}

/* ãƒœã‚¿ãƒ³5 */
div.group_btn_box ul li.btn5{
    border-radius: 3px;
    background: #21c2e4;
    border-bottom: solid 4px #2494f3;
}

/* ãƒœã‚¿ãƒ³6 */
div.group_btn_box ul li.btn6{
    border-radius: 3px;
    background: #e45821;
    border-bottom: solid 4px #9f2e10;
}

/*******************
ã‚°ãƒ«ãƒ¼ãƒ—é™¢ åº—èˆ—ç´¹ä»‹
********************/
div.group2{

}
div.group2 ul{

}
div.group2 ul li{
    display: inline-block;
    width: 320px;
    margin: 0px 15px 25px 0px;
    background: #fff2dc;
    border: solid 1px #ffc696;
    border-radius: 5px;
    padding: 15px;
    vertical-align: top;
}
div.group2 ul li:nth-child(even){
    margin-right: 0px;
}
div.group2 ul li div.in{
    overflow: hidden;
}
div.group2 ul li div.in p{
    font-size: 14px;
}
div.group2 ul li div.in p.img{
    float: left;
    margin: 0px 13px 13px 0px;
}
div.group2 ul li div.in p.img img{
    width: 100px;
}
div.group2 ul li div.in p.ttl{
    font-weight: bold;
    color: #ff6c00;
    font-size: 15px;
}
div.group2 ul li div.in p.txt{

}
div.group2 ul li div.tenpo{
    width: 200px;
    margin: 7px auto 0px;
}
div.group2 ul li div.tenpo a{
    background: #f66;
    color: #fff;
    border-radius: 5px;
    display: inherit;
    padding: 7px 20px;
    text-decoration: none;
    text-align: center;
    font-size: 17px;
}



.riyu-3-box{
    width:100%;
}
.cai-image-with-caption{
  margin: 0px 10px; 
    float: right;   
}
.menu_dotted li img{
    vertical-align: middle; 
}
.hibiki-left{
    width:20%;
    float: left;
}
.hibiki-right{
    width:78%;
    float:right;
}
.hiza_left{
     width: 60%;
    float: left;
}
.hiza_right{
    width: 38%;
    float: right;
}
.kosi_right{
    width: 35%;
    float: right;   
}
.kosi_text_left{
    width: 60%;
    float: left;
}
.kosi_left{
width: 35%;
    float: left;    
}
.kosi_text_right{
    width: 60%;
    float: right;   
}
.sports_right{
    width: 38%;
    float: right;   
}
.sports_left{
width: 60%;
    float: left;    
}
.pc { display: block; }
.sp { display: none; }

.page-id-143 .rank{
    display:none;
}
.page-id-143 h1{
    display:none;
}
.img-center{
    width:100%;
    text-align:center;
}
@media screen and (max-width: 768px){
.pc{ display: none; 
}
.sp { 
    display: block; 
}
    
/*header*/
    #menu-list{
    width:100%; 
    }
    .main_img {
      /*  height: 350px;    */
    }   
    .head-in{
        width:100%;
        background-color: #fff;
    }   
    #footer{
        width:100%;
    }   
ul.g-menu {
    width: 90%;
    text-align: center;
    height: 50px;
    margin-top: -1px;
    overflow: hidden;
    margin: auto;
}
ul.g-menu li {
    float: left;
    display: inline-block;
    line-height: 50px;
    border-right: 1px solid #f9dddd;
    font-size: 12px;
    height:auto;
    width:33%;
}
ul.g-menu li a{
color: #fff;
   /* padding: 0 5px;*/
    display: block;
}   
    .head{
        padding-bottom:0px!important;
    }   
    .logo-in{
        width:65%;
        float:left;
    }   
    .menu1 {
    padding: 5px 5px 0px 10px;
}
    .top-menu-container .container{
        padding:0px!important;
    }
    .head-top p{
     font-size: 10px;
    background-color:#ff8040;
    text-align: center;
    color: #fff;    
    }
#menu-list li {
    border-bottom: 1px solid #E9CF9D;
    list-style: none;
    overflow:hidden;
    height:40px;
}   
#menu-list li:first-child {
   border-top: 2px solid #d0993e;
}
#menu-list li a {
    text-align: center;
    display: block;
    position: relative;
    color: #333333;
    font-weight: bold;
    font-size: 1.1em;
    line-height: 1.5em;
    padding: 0.5em 2em 0.5em 0.5em;
    }
    
    .lists{
        width: 100%;
        overflow:hidden;
    }   
/*header end*/
    

div#footer-bk2 {
    position: fixed;
    width: 100%;
    bottom: -5px;
    margin: 10px 0 0 0;
    padding: 0;
    text-align: center;
    overflow: hidden;
}
div#footer-bk2 div ul {
    line-height: 0;
}
div#footer-bk2 div ul li {
    float: left;
    list-style: none;
    width: 25%;
}
div#footer-bk2 div ul li img {
    width: 100%;
    height: auto;
}
    .head-in{
    padding-bottom: 10px;   
    }   
    #primary{
        display:none;
    }
    .img-left{
    width: 100%;
    height: auto;   
    float:none; 
    }   
    .text-right{
    width: 100%;
    float: none;    
    }
.staff .img-left{
    width: 50%!important;
    margin: auto;
}
.staff .text-right{
    width: 100%!important;
}
.bred {
    font-size: 16px;
}   
    h2{
        font-size:18px;
        height:auto;
    }
    .img_right{
        width: 100%;
        float:none;
    }
    .bengo{
        width: 100%;
    }
    .bengo2{
        width: 100%;
    }
    .image_right{
    width:100%;
    float:none;
}
.text_left{
    width:100%;
    float:none;
}
.image_left{
    width:100%;
    float:none;
}
.text_right{
    width:100%;
    float:none;
}
    .img_left{
        width:100%;
        float:none;
    }   
.content{
    width:100%;
}
    #main-in .top_reason02{
        width: 100%;
    }   
    #main-in .top_reason{
        width:100%;
    }
    .syo-top img {
    width: 31%;
}
    .syo-bottom img{
    width: 31%; 
    }
    .cai-image-with-caption{
        float:none;
    }   
    #main-in .rht {
    float:none;
    display: inherit;   
    margin: auto;   
}
#foot-nav {
    margin: 0;
    padding: 7px 0;
    border-top: 1px solid #FFF;
    width: 100%;
}
#foot-nav ul li a{
    color: #2c1d05;
    font-size: 14px;
}

    .top_reason02 img{
        width: 100%;
    }   
    .top_reason img{
        width:100%;
    }
    .img_right img{
    text-align: center;
    display: inherit;
    margin: auto;   
    }
    .voice01{
        width: 100%;
        margin: 10px 0 6px;
    }
    .voice02{
        width: 100%;
        height: auto;
        padding: 20px;
    }
    .voice02 img{
        position: relative;
        top: 0;
        left:0;
        transform:translateY(0%) translateX(0%);
        -webkit- transform:translateY(0%) translateX(0%);
    }
    .price_table tbody tr th {
    background-color: #FFCD70;
    color: #4B3027;
    font-weight: bold;
    text-align: center;
    vertical-align: middle;
    border-image-source: initial;
    border-image-slice: initial;
    border-image-width: initial;
    border-image-outset: initial;
    border-image-repeat: initial;
    border-style: solid;
    border-color: rgba(0, 0, 0, 0.0980392);
    border-width: 0px 1px 1px 0px;
}
.ui-rtsr-name {
    padding: 4px 0px 3px;
}
.kosi_right {
    width: 60%;
    float: none;
    margin: auto;
}
    .kosi_text_left{
        width:100%;
        float:none;
    }
    .kosi_left{
        width: 60%;
    float: none;
    margin: auto;   
    }   
    .kosi_text_right{
        width:100%;
        float:none; 
    }   
    .sports_right{
        width:100%;
        float:none;
    }
    .sports_left{
    width:100%;
        float:none; 
    }
    .hibiki-left{
        width:40%;
        margin:auto;
        float:none;
    }
    .hibiki-right{
    width:100%;
    float:none; 
    }
    /* TOPãƒ¡ãƒ‹ãƒ¥ãƒ¼ */
    .syo-rei-box{
        margin-top: 5%;
    }
    .syo-top li {
    margin-right: 2%;
    margin-bottom: 2%;
    width: 31%;
    }
    .syo-rei-box a img {
        margin: 0;
        width: 100%;
    }

/* TOP 3ã¤ã®ç´„æŸ */
.point_box{
    margin-bottom: 0%;
}
.point_box .inner, .point_box .inner_last{
    min-height: auto;
    float: none;
}
.point_box .inner .img_box, .point_box .inner_last .img_box {
    width: auto;
    height: auto;
    margin: 0;
    padding-top: 20px;
    float: none;
    text-align: center;
}
.point_box .inner .img_box img, .point_box .inner_last .img_box img {
    width: auto;
}
.point_box .inner ul, .point_box .inner_last ul{
    width: auto;
    float: none;
}
.point_box .inner ul li, .point_box .inner_last ul li {
    width: auto;
    margin-bottom: 3%;
}

/*******************
ã‚°ãƒ«ãƒ¼ãƒ—é™¢ åº—èˆ—ç´¹ä»‹ã€€åœ°åŸŸã‹ã‚‰æ²»ç™‚é™¢ã‚’æŽ¢ã™ãƒšãƒ¼ã‚¸
********************/
div.group_box{
    display: none;
}
div.group2 ul li {
    width: 100%;
    margin: 0px auto 5%;
}
/* ã‚°ãƒ«ãƒ¼ãƒ—é™¢ã€€ãƒœã‚¿ãƒ³ */
div.group_btn_box ul {
    margin: auto;
    width: auto;
}
div.group_btn_box ul li {
    display: inline-block;
    margin: 0px 3% 3% 0px;
    width: 47%;
}
div.group_btn_box ul li:nth-child(3), div.group_btn_box ul li:nth-child(6), div.group_btn_box ul li:nth-child(9) {
    margin: 0px 3% 3% 0px;
}
div.group_btn_box ul li:nth-child(2), div.group_btn_box ul li:nth-child(4), div.group_btn_box ul li:nth-child(6), div.group_btn_box ul li:nth-child(8),div.group_btn_box ul li:nth-child(10){
    margin-right: 0px;
}

    div#footer-bk2 {
        bottom: 0;
    }
    .post{
        width: 94%;
        margin: auto;
    }
    
    .main-header {
    width: 100% !important;
    margin-top:64px !important;
}
    .sp-header{
        display: block !important;
    }
    .mhead-in{
        display: none;
    }
    #menubar{
        display: none;
    }
#sp-header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    margin: 0 auto;
    border-top: 2px solid #54bece;
    border-bottom: 1px solid #eaeaea;
    text-align: left;
    background-color: #fff;
}

#sp-header {
    height: 60px;
}

        #GlobalNav {
    z-index: 15;
}

#GlobalNav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100vw;
}
        .menuNav {
    width: 100%;
    text-align: left;
}
ul.add_menu {
    width: 100%;
    display: flex;
    margin: auto;
    text-align: center;
}

ul.add_menu li {
    width: 100%;
    max-width: 50%;
    text-align: center;
    border-right: 1px solid #eaeaea;
    border-top: 1px solid #eaeaea;
}
ul.add_menu li:last-child{
    border-right: none;
}
.menuNav ul.add_menu li a {
    padding: 18px;
    background: #ff6666;
    color: white;
    text-shadow: 1px 0 rgba(0,0,0,0.2);
}
.menuNav ul.add_menu li:last-child a {
    background-color: #ffad66;
}

        .menuNav ul li {
    background-color: #fff;
    line-height: 1.3;
    font-size: 17px;
    font-weight: bold;
}
        .menuNav ul li.menu01 a {
    background: url(https://www.eikoukai.net/image/icon_01.png) no-repeat 15px 16px;
    background-size: 20px auto;
}

.menuNav ul li a {
    display: block;
    text-decoration: none;
}

.menuNav ul li a {
    text-decoration: none;
    color: #333;
}

.menuNav ul li a {
    border-bottom: 1px solid #eaeaea;
    padding: 18px 10px 18px 44px;
}

.menuNav ul li a {
    display: block;
    text-decoration: none;
}

.menuNav ul li a {
    text-decoration: none;
    color: #4b2e08;
    font-size: 14px;
}
.sp-header{
    display: block;
}
.sp-header a img{
    width: 40%;
}
.sp-header{
    display: block;
    background-color: #fff;
    position: fixed;
    z-index: 999;
    top: 0%;
    padding-top: 15px;
    padding-bottom: 9px;
        }
        #Wall {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 100%;
    height: 100%;
    background-color: #fff;
    opacity: 0.9;
    text-indent: -9999px;
    z-index: 10;
}
        body{
            padding: 0 0px;
        }
        #Wall{
            display: block;
        }
    #header {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 10;
    margin: 0 auto;
    border-top: 2px solid #54bece;
    border-bottom: 1px solid #eaeaea;
    text-align: left;
    background-color: #fff;
}
    #header {
    height: 60px;
}

    #Wall{
        display: none;
    }
header {
    height: auto;
    width: 100%;
    position: relative;
}
.site_logo {
    float: left;
    width: 46%;
    margin-top: 20px;
    margin-bottom: 10px;
}
.head_bunner {
    float: right;
    width: 50%;
    text-align: right;
    margin-top: 15px;
}
a.icon_tel {
    animation: buruburu 0.7s infinite;
}

.sp_foot_pop{
    position: fixed;
    bottom: 0px;
    left: 0px;
    display: inherit;
}
.sp_foot_pop img{
    vertical-align: bottom;
    width: 100%;
}
    .sp-ekiten{
        display: block;
    }
    .pc-ekiten{
        display: none;
    }
    .access_in_left{
        width: 100%;
    }
    .access_in_right{
        width: 100%;
    }
    .sp-line img{
        margin-top: -30px;
    }
    .sp-line{
        margin-top: -30px;
    }
    .foot-popup {
    display: block;
    position: fixed;
    bottom: 0;
    background-color: #585858;
    z-index: 999;
}
    .fp-in {
    width: 100%;
    margin: auto;
    overflow: hidden;
}
    #page{
    margin-top: 50px;
}
/*2019-02-15*/
.contact_box .inner ul li:first-child {
    width: 100%!important;
}
.contact_box .inner ul li:last-child {
    width: 100%!important;
}   
/**/    
}
/**/
.head-box{
    background: #fef1d1;
}
.head-box-in{
    width: 1000px;
    margin: auto;
    padding-bottom: 10px;
    overflow: hidden;
}
.head-left{
    width: 40%;
    float: left;
}
.head-caption{
    font-size: 12px;
    font-weight: bold;
}
.head-access p span{
    background: #dc682a;
    padding: 5px 10px;
    margin-right: 3px;
    border-radius: 5px;
    color: #fff;
    font-weight: bold;
}
.head-right{
    float: right;
    margin: 7px 0px 0px 0px;
}
.head-right p{
    margin: 0px;
}
.head-but-l{
    float: left;
    width: 50%;
}
.head-but-r{
    float: right;
    width: 50%;
    text-align: center;
}
.head-but-r img{
    margin: 5px 0 1px;
}
.head-but-r a img{
    margin: 0;
}
.head-gnav{
    width: 100%;
    background: #ef9700;
}
.head-gnav ul{
    width: 970px;
    overflow: hidden;
    margin: auto;
}
.head-gnav ul li{
    width: 160px;
    float: left;
    border-left: 1px solid #fff;
    text-align: center;
    padding: 15px 0;
}
.head-gnav ul li:last-child{
    border-right: 1px solid #fff;
}
.head-gnav ul li a{
    color: #fff;
    font-weight: bold;
    font-size: 15px;
}
.head-access{
    margin-top: 10px;
}
.article-author{
    display: none;
}
.comment-area{
    display: none;
}
.entry-meta{
    display: none;
}
.ekiten{
    display: none;
}
.page-id-143 .ekiten{
    display: block;
}

/*2019-02-15è¿½è¨˜*/
.contact_box {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 20px;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    border: 3px solid #ef9700;
    display: table;
}
.contact_box .inner {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}
.contact_box .inner ul {
    width: 100%;
    height: auto;
    margin: 20px 0;
    padding: 0;
    float: left;
}
.contact_box .inner ul li:first-child {
    width: 40.05934718%;
    height: auto;
    margin: 0;
    padding: 0;
    float: left;
}
.contact_box .inner img {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
}
.contact_box .inner ul li:last-child {
    width: 56.37982195%;
    height: auto;
    margin: 0;
    padding: 0;
    float: right;
}
.contact_box .inner p, .contact_box .inner p span {
    font-size: 15px;
    line-height: 1.5em;
    color: #764810;
}
.gloup-box{
    overflow: hidden;
    width: 100%;    
}
.gloup-box ul li{
    width:32%;
    float:left;
}
.korona{
max-width:1000px;
margin:20px auto;
}
.qa-text{
    margin-bottom: 10px;
    font-size: 18px;
    border-bottom: dotted #faa850;  
    padding-bottom:5px;
}
.qa-text span{
font-size: 25px;    
}
.qa-text02  b{
font-size: 20px;    
}

table.table {
    width: 100%;
    border: none;
    margin: 1em 0;
}

.price-section {
    margin: 10px 0;
}

.price-section .table th ,
.price-section .table td {
    font-size: 16px;
    padding: 10px;
}

.price-section .table th {
    width: 50%;
    padding-left: 5px;
    border: 1px solid #ef9700;
}

.price-section .table td {
    border: 1px solid #ef9700;
}
.price-section p {
    font-size: 15px;
    line-height: normal;
}

#contact_form.table th {
    width: 40%;
    background-color: #ef9700;
    color: white;
    font-size: 14px;
    font-weight: bold;
    line-height: 1.8em;
    text-shadow: 0 2px 2px rgba(0,0,0,0.2);
    border: none;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    text-align: left;
    padding: 10px 5px;
    vertical-align: middle;
}


#contact_form.table {
    width: 100%;
    border: none;
    border-top: 1px solid #ef9700;
    border-left: 1px solid #ef9700;
    margin: 1em 0;
}

#contact_form.table td {
    font-size: 14px;
    border: none;
    font-weight: normal;
    border-right: 1px solid #ef9700;
    border-bottom: 1px solid #ef9700;
    text-align: left;
    padding: 10px;
    background-color: white;
}

#contact_form th span {
    background: #fff;
    padding: 5px;
    border-radius: 5px;
    color: #de0000;
    margin-right: 5px;
}

form .contact_p1 {
    text-align: center;
}

form .contact_p1 input {
    margin: 0 auto 25px;
    background: #ef9700;
}

form .contact_p1 input:hover {
    opacity: .7;
    background: #ef9700;
}

@media screen and ( max-width: 768px ) {
    #contact_form.table th,
    #contact_form.table td {
        display: block;
        width: 100%;
    }
}

/* 2022_4_28 吉田追記 */

* {
    font-family: 'Noto Sans JP', sans-serif !important;
}

:root {
    --maincolor: #ef9700;
    --fontcolor: #333;
}

.center {
    max-width: 1000px;
    margin: auto;
}

/* ヘッダー */

.new-header {
    box-shadow: none;
    margin-bottom: 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.logo {
    width: 15%;
    float: left;
    padding: 10px;
}

.header-botan {
    width: 70%;
    float: right;
}

.header-botan ul {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.header-botan ul li {
    display: table-cell;
    position: relative;
}

.header-botan ul li a {
    display: block;
    padding: 53px 0;
    text-align: center;
    text-decoration: none;
    color: var(--fontcolor);
    font-size: 17px;
}

.header-botan ul li a:hover {
    opacity: 0.5;
}

.header-botan ul li::after {
    content: "|";
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    color: var(--fontcolor);
}

.header-botan ul li:first-of-type:after, .header-botan ul li:last-of-type:after {
    content: none;
}

.header-botan ul li:last-of-type a {
    background: var(--maincolor) url(images/header-contact-icon.png);
    background-repeat: no-repeat;
    background-position: left 1vw center;
    color: white;
    padding-left: 30px;
    background-size: 16%;
}

.main-img {
    background-image: url(images/main-back.jpg);
    background-size: cover;
    background-position: center center;
    padding: 60px 10px;
    padding-bottom: 150px;
    position: relative;
}

.main-img img {
    margin: auto;
}

.news-block {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    overflow: hidden;
    background-color: #00000090;
}

.news-block ul {
    display: table;
    width: 100%;
}

.news-block ul li {
    display: table-cell;
    padding: 10px;
}

.news-block ul li.news-top {
    width: 10%;
    background-color: #54bece;
    color: white;
    text-align: center;
    vertical-align: middle;
}

.news-block ul li.news-main {
    width: 80%;
    vertical-align: middle;
}

.news-block ul li.news-main a {
    display: block;
    padding: 5px 0;
    text-decoration: none;
    color: white;
}

.news-block ul li.news-main a span {
    display: inline-block;
    margin-right: 10px;
}

.news-block ul li.news-last {
    width: 10%;
    vertical-align: middle;
}

.news-block ul li.news-last a {
    display: block;
    padding: 10px;
    background-color: var(--fontcolor);
    color: white;
    text-align: center;
    border-radius: 50px;
    text-decoration: none;
}

.news-block ul li.news-last a::after {
    content: "+";
    display: inline-block;
    margin-left: 10px;
}



.group-link-area {
    background: var(--maincolor);
    background-position: left center;
    background-size: auto;
    background-repeat: no-repeat;
    padding: 80px 0;
    margin-top: 40px;
    overflow: hidden;

}

.group-link-area img {
    display: block;
    margin: auto;
    /* float: right; */
}

.group-link-area a img {
    margin-top: 20px;
}

.home .group-link-area {
    margin-top: 0;
}

.gropu-link-in {
    width: 100%;
    overflow: hidden;
    padding: 40px 0;
    padding-left: 35%;
    background-image: url(images/logo-icon-w.png);
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: left center;
    text-align: center;
}

.group-link-text {
    font-size: 1.5vw;
    color: white;
    font-family: 'Kosugi Maru', sans-serif !important;
    text-align: left;
}

.group-link-text span.big {
    font-size: 150%;
    display: inline-block;
    margin: 0 5px;
    font-family: 'Kosugi Maru', sans-serif !important;
}

.group-link-text span.mini {
    font-size: 70%;
    display: inline-block;
    margin-top: 20px;
    font-family: 'Kosugi Maru', sans-serif !important;
}

.gropu-link-in a {
    display: inline-block;
    padding: 15px;
    color: var(--maincolor);
    background-color: white;
    text-decoration: none;
    margin-top: 20px;
    font-size: 1vw;
    border-radius: 50px;
    font-weight: bold;
}

/* フッター */

.new-footer {
    padding: 70px 0 100px;
}

.footer-top-in {
    display: table;
    table-layout: fixed;
    padding-left: 15%;
    margin-bottom: 40px;
    background-image: url(images/logo.png);
    background-size: 12%;
    background-repeat: no-repeat;
    background-position: left center;
}

.footer-top-block {
    display: table-cell;
    width: 25%;
    border-left: 1px solid #ccc;
    padding-left: 10px;
}

.footer-top-block.footer-case ul {
    width: 100%;
    overflow: hidden;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.footer-top-block.footer-case ul li {
    width: 49%;
    margin-bottom: 1%;
}

.footer-bottom-in {
    display: table;
    width: 100%;
}

.footer-bottom-block {
    display: table-cell;
    border-left: 1px solid #ccc;
    padding-left: 10px;
    width: 50%;
}

.footer-bottom-in .footer-bottom-block:first-of-type {
    border-left: 0;
    padding-left: 0;
}

.footer-block-title {
    font-weight: bold;
    color: var(--fontcolor);
    font-size: 16px;
    margin-bottom: 1em;
}

.footer-block-title::before {
    content: "●";
    color: var(--maincolor);
    display: inline-block;
    margin-top: 10px;
}

.footer-bottom-block ul {
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.footer-bottom-block ul li {
    width: 50%;
    margin-bottom: calc((100% - (50% * 2)) / 2);
}

.footer-bottom-block ul#menu-group-gunma li {
    width: 100%;
}

.new-footer ul li a {
    padding: 5px 0;
    color: var(--fontcolor);
    text-decoration: none;
    font-size: 14px;
    display: block;
}

.new-footer ul li a::before {
    content: "―";
    font-weight: bold;
    color: var(--maincolor);
    display: inline-block;
    margin-right: 5px;
}

.copy {
    border-top: 2px dotted var(--maincolor);
    padding: 10px 0;
}

.copy p {
    margin: 0;
    text-align: center;
    font-size: 14px;
    color: var(--maincolor);
}

.copy p a {
    color: var(--maincolor);
}

body.category h2.entry-title, body.category h2.entry-title * {
    box-sizing: border-box;
}

body.category h2.entry-title {
    border: none;
    background: none;
    padding: 0;
}

body.category h2.entry-title a {
    padding: 15px;
    padding-left: 50px;
    display: block;
    border-radius: 10px;
}

body {
    min-width: 1200px;
}

.wpcf7-form-control-wrap.tel input  {
    width: 100%;
}


/* 追加されるエリア */
/******************************************************************************/
/********お問い合わせ************************************************************/
/******************************************************************************/
#top_contact_area{
  display:flex;
  padding:70px 0;
  flex-direction:column;
  flex-wrap:nowrap;
  align-content:center;
  justify-content:center;
  align-items:center;
  background-image:url(images/contact_bg.jpg);
}
 #top_contact_area h2{
  color:#333;
  background:none;
  font-size:30px;
  letter-spacing:3px;
  margin: 0px 0 3px;
  border: none;
  font-weight: normal;
  padding: 0;
}
#top_contact_area h3{
  color:#333;
  background:none;
  font-size:18px;
  text-align:center;
  margin: auto;
  margin-bottom:24px;
  line-height:1.55em;
  letter-spacing:1px;
  border: none;
  font-weight: normal;
  padding: 0;
}
#top_contact_area ul{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  align-content:center;
  justify-content:space-between;
  align-items:center;
  width:100%;
  max-width:834px;
}
#top_contact_area ul li{
  width:48%;
}
#top_contact_area ul li ul {
  flex-direction: column;
  width: 100%;
  padding:0;
}
#top_contact_area ul li ul li {
  width: 100%;
}
#top_contact_area ul li ul li:nth-child(2) {
  margin-top: 3%;
}
/******************************************************************************/
/********お問い合わせここまで****************************************************/
/*************お願いここから****************************************************/
/*****************************************************************************/
#top_ask.top_cnt {
  padding-bottom:0;
  width: 100%;
  margin: 0 auto;
}
#top_ask .wrap{
  display:flex;
  flex-direction:column;
  flex-wrap:nowrap;
  align-content:center;
  justify-content:space-evenly;
  max-width:1000px;
  width: fit-content;
  margin: 0 auto;
  border:solid 3px #ef9700;
  padding:40px 39px 40px 50px;
}
#top_ask .top_h2{
  margin-bottom:20px;
  font-size: 17px;
}
#top_ask .top_h2 p {
  margin-top:20px;
}
#top_ask .top_h2 h2{
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  align-content:center;
  justify-content:center;
  align-items:center;
  padding-bottom:0;
  margin-bottom:0;
}
#top_ask .top_h2 figure {
    width: fit-content;
    margin: 0 auto;
    margin-bottom: 2rem;
}
#top_ask .top_h2 p:nth-child(3){
  margin-top:12px;
}
#top_ask .top_h2 h2:after{
  display:none;
}
#top_ask .wrap ul li {
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  align-content:center;
  justify-content:flex-start;
  align-items:center;
  margin-bottom:20px;
  /* margin-right:20px; */
}

#top_ask .wrap ul li figure {
  width:110px;
  height:110px;
  margin-right:30px;
}
#top_ask .wrap ul li figure img{
  width:100%;
  height:auto;
}

#top_ask .wrap ul {
  width:100%;
}

#top_ask .wrap ul li div h3 {
  border:none;
  padding:0;
  color:#ef9700;
  font-size:30px;
  letter-spacing:2px;
}

#top_ask .wrap ul li div p {
  font-size:17px;
  letter-spacing:0.4px;
}

/*****************************************************************************/
/*************お願いここまで****************************************************/
/*************初めての方ここから************************************************/
/*****************************************************************************/
.home_block_inner h3 {
    border: none;
    margin: 0;
    padding: 0;
    font-size: 35px;
    font-weight: bold;
}
.home_block02 .left {
    width: 55%;
    float: unset;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 1.5em 0;
}
.home_block02 .right {
    width: 34%;
    float: unset;
    text-align: center;
    margin: 1.5em 0;
}
.home_block02 .img {
    max-width: 350px;
    padding-top: 40px;
}
.home_block02_t span {
    color: #ef9700;
}
.home_block_inner {
    display: flex;
    justify-content: space-between;
}



@media screen and (max-width: 1200px) {

    .center {
        width: 90%;
    }

    .header-botan {
        width: 100%;
    }

    .logo {
        width: 30%;
        float: none;
    }

    .logo img {
        width: 100%;
        margin: auto;
        display: block;
    }

    .content {
        float: none;
        padding-left: 20px;
    }

}

/* レスポンシブ */

@media screen and (max-width: 780px) {

    body {
        min-width: auto;
    }
    
    .content {
        float: none;
        padding-left: 0;
    }
    
    /* ヘッダー */

.new-sp-header {
    position: sticky;
    top: 0;
    width: 100%;
    overflow: hidden;
    z-index: 999;
    background-color: white;
}

.sp-header-in, .sp-header-top {
    width: 100%;
    overflow: hidden;
}

.sp-logo {
    width: 45%;
    float: left;
    padding: 15px 5px;
}

.sp-botan {
    width: 50%;
    float: right;
    padding: 15px 0;
}

.sp-botan  ul {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.sp-botan ul li {
    display: table-cell;
    vertical-align: top;
}

.sp-botan ul li label {
    display: block;
    padding: 5px;
}

.sp-botan ul li label span.top, .sp-botan ul li label span.middle, .sp-botan ul li label span.bottom {
    display: block;
    width: 50%;
    height: 2px;
    background-color: var(--maincolor);
    margin: 14% auto;
    transition: 0.2s;
}

/* .sp-botan ul li label span.top {
    margin-top: 6%;
}

.sp-botan ul li label span.bottom {
    margin-bottom: 6%;
} */

.sp-botan ul li label span.bottom {
    margin-bottom: 0;
}

.sp-botan ul li label span.sp-menu-text {
    display: block;
    font-size: 3vw;
    text-align: center;
    /* font-weight: bold; */
    color: #57362b;
    margin-top: 1vw;
}

input#sp-menu:checked + .sp-header-in .sp-botan ul li label span.top {
    transform: translateY(2.5vw) rotate(45deg);
}

input#sp-menu:checked + .sp-header-in .sp-botan ul li label span.middle {
    transform: rotate(45deg);
    opacity: 0;
}

input#sp-menu:checked + .sp-header-in .sp-botan ul li label span.bottom {
    transform: translateY(-2.5vw) rotate(-45deg);
}

.sp-header-bottom {
    width: 100%;
    overflow: hidden;
    height: 100%;
    max-height: 0vh;
    transition: 0.2s;
}

.sp-header-bottom ul {
    width: 100%;
    overflow: hidden;
    padding-left: 1px;
}

.sp-header-bottom ul li {
    width: 50%;
    float: left;
    padding-right: 1px;
    padding-bottom: 1px;
}

.sp-header-bottom ul li:last-of-type:nth-of-type(odd) {
    width: 100%;
}

.sp-header-bottom ul li a {
    display: block;
    background-color: var(--maincolor);
    padding: 15px;
    color: white;
    position: relative;
}

.sp-header-bottom ul li a::after {
    content: " ";
    display: inline-block;
    width: 5px;
    height: 5px;
    border-top: 2px solid white;
    border-right: 2px solid white;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
}

input#sp-menu:checked + .sp-header-in .sp-header-bottom {
    max-height: 100vh;
}

.main-img {
    padding: 25% 0;
    padding-bottom: 45%;
    background-image: url(images/main-back-sp.jpg);
}

.news-block ul li.news-top {
    font-size: 3vw;
}

.news-block ul li.news-main {
    width: 65%;
}

.news-block ul li.news-last {
    width: 25%;
    font-size: 3vw;
}


.gropu-link-in {
    background-image: url(images/logo-icon-w-sp.png);
    padding: 20px 5%;
}

.group-link-text {
    font-size: 4vw;
    text-align: center;
}

.group-link-text span.mini {
    font-size: 100%;
    margin-top: 4vw;
}

.gropu-link-in a {
    font-size: 4vw;
}

.new-footer {
    padding: 40px 0;
    background-size: 25%;
}

.footer-top-in {
    display: block;
    padding: 0;
    background-size: 80%;
    padding-top: 25%;
    background-position: center top;
    margin-bottom: 0;
    background-image: url(images/logo-side.png);
}

.footer-top-block {
    display: block;
    width: 100%;
    padding: 15px 5%;
    border-left: none;
    border-bottom: 1px solid #ccc;
}

.footer-top-block ul {
    width: 100%;
    overflow: hidden;
}

.footer-top-block ul li, .footer-bottom-block ul li {
    width: 100%;
    /* float: left; */
    padding: 2px;
}

.footer-top-block ul li a, .footer-bottom-block ul li a {
    display: block;
    padding: 15px 10px;
    border: 1px solid var(--maincolor);
    background-color: white;
    border-radius: 5px;
    font-size: 4vw;
}

.footer-top-block.footer-case ul li {
    margin-bottom: 0;
    width: 100%;
}

.footer-top-block.footer-case ul {
    display: block;
}

.footer-bottom-in {
    display: block;
}

.footer-bottom-block, .footer-bottom-in .footer-bottom-block:first-of-type {
    display: block;
    width: 100%;
    border-left: none;
    border-bottom: 1px solid #ccc;
    padding: 15px 5%;
}

.footer-bottom-in .footer-bottom-block:last-of-type {
    border-bottom: none;
}

.popup {
    position: sticky;
    bottom: 0;
    width: 100%;
    z-index: 999;
}

.popup ul {
    width: 100%;
    display: table;
    table-layout: fixed;
}

.popup ul li {
    display: table-cell;
}

.popup a {
    display: block;
    line-height: 0;
}

.group-link-area {
    padding: 40px 10px;
}

.group-link-area img {
    width: 90%;
    float: none;
}

.center {
    width: 100%;
}

img.top-case-title {
    width: auto;
}

.main-img img {
    width: 70%;
}

.copy p {
    font-size: 12px;
}

.group-link-area .sp > img {
    width: 70%;
}

}

/* 症例ブレッド */
.worries_block{
	padding: 15px 20px 5px;
}
.worries_block span.sub-hd {
    display: block;
    padding: 1em 0;
    text-align: center;
    font-size: 22px;
    font-weight: normal;
    color: dimgrey;
    border-top: 1px solid darkgray;
    border-bottom: 1px solid darkgray;
    margin: 1em 0;
}
.worries_block img.img-r {
    float: right;
	width: 24%;
}
.problem-list ul{
		width: 70%;
	}
.problem-list ul li {
    padding: 15px 0;
    padding-left: 45px;
    color: dimgrey;
    font-size: 18px;
    border-bottom: 1px dotted darkgray;
    background-image: url(../exray/images/check-icon.png);
    background-size: 30px;
    background-repeat: no-repeat;
    background-position: left center;
    text-align: left;
}
.worries_block .center-img {
    text-align: center;
}
.worries_block .center-img img {
  margin: 1.5em auto 0;
}
.worries_block span.hd_2 {
    display: block;
    margin-bottom: 1em;
    font-size: 30px;
    font-weight: bold;
    color: #ef9700;
    text-align: center;
}
aside#secondary.sidebar2 {
  width: 25%;
}
aside#secondary.sidebar2 h3 {
  width: auto;
  font-size: 17px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
  background-color: #ef9700;
  text-align: center;
  border-radius: 0;
  padding: 16px 14px 12px;
}
h3.side2-second {
  margin-top: 1rem;
}
aside#secondary.sidebar2 .menu-\%e7\%b7\%8f\%e5\%90\%88\%e3\%83\%a1\%e3\%83\%8b\%e3\%83\%a5\%e3\%83\%bc-container,
aside#secondary.sidebar2 .menu-\%e7\%97\%87\%e4\%be\%8b\%e3\%83\%a1\%e3\%83\%8b\%e3\%83\%a5\%e3\%83\%bc-container {
  border: solid 1px #aaa;
  border-top: none;
  border-radius: 0;
}
.widget-area.sidebar2 li {
  border-bottom: 1px solid #DDD;
  width: auto;
  height: auto;
  margin: 0;
  padding: 10px 25px 10px 5px;
}
table#contact_form td span.mini-text{
    font-size: 13px;
    color: #a8a8a8;
}

input.wpcf7-form-control.wpcf7-tel.wpcf7-validates-as-required.wpcf7-text.wpcf7-validates-as-tel {
   width: 100%;
}
.wpcf7-acceptance span.wpcf7-list-item{
    margin: 0;
}
.access_page th,
.access_page td{
    font-size: 18px;
    font-weight: normal;
    padding: 15px 10px;
    vertical-align: middle;
}

.access_page tbody {
    border: 2px solid #ef9700;
}

.access_page tr {
    border-bottom: 1px solid #fff;
}


.flow {
    width: 100%;
    height: auto;
    margin-bottom: 20px;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.flow li {
    width: 32%;
    margin-bottom: 30px;
}

.flow li p{
  font-size: 15px;
}

.flow .inner {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  padding: 0;
  float: left;
}

.flow .inner ul {
  width: 32.10526315%;
  height: auto;
  margin-right: 1.842105263%;
  padding: 0;
  float: left;
}

.flow .inner ul.last {
  width: 32.10526315%;
  height: auto;
  margin: 0;
  padding: 0;
  float: left;
}

.flow .inner ul li,
.flow .inner ul.last li {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
  padding: 0;
}

.flow .inner ul li img,
.flow .inner ul.last li img {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
}

.flow li img{
  margin-bottom: 10px;
}

.flow .inner ul li p,
.flow .inner ul.last li p {
  font-size: 15px;
  line-height: 1.5em;
  color: #353535;
}


/* サイドバー エリア */
#primary .side_info p {
    margin-bottom: 7px;
    font-size: 16px;
}

#primary .side_info p:last-child{
  margin-bottom: 0px;
}

.side_info {
  height: auto;
  padding: 8px;
  padding-bottom: 12px;
  border: 1px solid #dddcda;
  margin-bottom: 0px;
}

.side_info p {
  font-size: 16px;
}

.side_info b {
  font-size: 18px;
  color: #ef9700;
}

.side_info p span {
  margin-left: 65px;
}

span.tel {
    margin-left: 0 !important;
}

.side_info .access_map {
  width: auto;
  height: auto;
  margin: 10px 0 5px 0;
  display: table;
}
/*お問い合わせエリア*/
.page-contact {
    overflow: hidden;
    padding: 20px;
    border: 2px solid #ef9700;
    border-radius: 10px;
    margin: 1em 0;
}

.page-contact p{
    margin: 0px 0px 13px;
}

.page-contact a {
    display: block;
}

table.table {
    width: 100%;
    border: none;
    border-top: 1px solid #ef9700;
    border-left: 1px solid #ef9700;
    margin: 1em 0;
}

table.table th {
    background-color: #ef9700;
    color: white;
    font-size: 16px;
    font-weight: bold;
    text-shadow: 0 2px 2px rgba(0,0,0,0.2);
    border: none;
    border-right: 1px solid white;
    border-bottom: 1px solid white;
    text-align: center;
    padding: 10px;
}

table.table tr:last-child th{
  border-bottom: solid 1px #ef9700;
}

table.table td {
    font-size: 16px;
    border: none;
    font-weight: normal;
    border-right: 1px solid #ef9700;
    border-bottom: 1px solid #ef9700;
    text-align: left;
    padding: 10px;
    background-color: white;
}



/* cf7用 */
input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-required.wpcf7-validates-as-date ,
input.wpcf7-form-control.wpcf7-date.wpcf7-validates-as-date{
    width: 100%;
}
/* cf7用 */




/* =========================
   Footer Panel (.c-footer__panel)
   ========================= */

.c-footer__panel {
  margin-top: 100px;
  padding: 30px 0 70px;
  position: relative;
  background: linear-gradient(-30deg, #ffefd3, #ef9700);
}

.c-footer__panel:before {
  background: linear-gradient(-173deg, #ffefd3, #ef9700);
  clip-path: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg"%3E%3Cdefs%3E%3CclipPath id="p" clipPathUnits="objectBoundingBox"%3E%3Cpolygon points="0 0, 0 1, 1 1, 1 NaN - 3)"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E#p');
  clip-path: polygon(0 0, 0 100%, 100% 100%, 100% calc(100% - 3px));
  content: "";
  display: inline-block;
  height: 75px;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: -74px;
  width: 100%;
  z-index: -1;
}

.c-footer__panel:after {
  background: #ffe5b7;
  clip-path: url('data:image/svg+xml;utf8,%3Csvg xmlns="http://www.w3.org/2000/svg"%3E%3Cdefs%3E%3CclipPath id="p" clipPathUnits="objectBoundingBox"%3E%3Cpolygon points="0 1, 1 0, 1 1"/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E#p');
  clip-path: polygon(0 100%, 100% 0, 100% 100%);
  content: "";
  display: inline-block;
  height: 95px;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: -94px;
  width: 700px;
  z-index: -2;
}

.c-footer__panel-heading {
  margin: 0 0 40px;
  text-align: center;
}

.c-footer__panel-heading span {
  color: #fff;
  font-weight: 700;
  line-height: 1.5333333333;
  margin-left: 10px;
  vertical-align: bottom;
}

.c-footer__panel-inner {
  margin: 0 auto;
  max-width: 1100px;
  padding-left: 20px;
  padding-right: 20px;
}

.c-footer__panel-links {
  display: flex;
  gap: 20px 40px;
  justify-content: center;
}

.c-footer__panel-item {
  background-color: #fff;
  border-radius: 10px;
  padding: 20px 25px 25px;
}

.c-footer__panel-item-icon {
  margin: 0 auto 12px;
}

[data-item="download"] .c-footer__panel-item-icon {
  height: 38px;
  width: 40px;
}

[data-item="contact"] .c-footer__panel-item-icon {
  height: 38px;
  width: 44px;
}

[data-item="demo"] .c-footer__panel-item-icon {
  height: 38px;
  width: 40px;
}

.c-footer__panel-item-icon img {
  object-fit: cover;
  width: 100%;
}

.c-footer__panel-item-button a,
.c-footer__panel-item-button a {
  align-items: center;
  appearance: none;
  border: 1px solid #0000;
  border-radius: 150px;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  flex-wrap: wrap;
  font-weight: 700;
  justify-content: center;
  line-height: 1.1111111111;
  max-width: 100%;
  padding: 15px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: all .3s;
  width: 100%;
}

/* --- variations (download/contact/demo) --- */

[data-item="download"] .c-footer__panel-item-button a {
  font-size: 17px;
  border-color: #00b900;
  color: #00b900;
  position: relative;
}

[data-item="download"] .c-footer__panel-item-button a::after {
  font-family: FontAwesome;
  content: "\f054";
  position: absolute;
  font-size: 18px;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: #00b900;
}

[data-item="contact"] .c-footer__panel-item-button a {
  font-size: 17px;
  border-color: #ef9700;
  color: #ef9700;
  position: relative;
}

[data-item="contact"] .c-footer__panel-item-button a::after {
  font-family: FontAwesome;
  content: "\f054";
  position: absolute;
  font-size: 18px;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: #ef9700;
}

[data-item="demo"] .c-footer__panel-item-button a {
  font-size: 17px;
  border-color: #54bdcd;
  color: #54bdcd;
  position: relative;
}

[data-item="demo"] .c-footer__panel-item-button a::after {
  font-family: FontAwesome;
  content: "\f054";
  position: absolute;
  font-size: 18px;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  color: #54bdcd;
}

/* hover (PC) */
@media (hover: hover) {
  [data-item="download"] .c-footer__panel-item-button a:hover {
    background: #00b900;
    border-color: #00b900;
    color: #fff;
  }
  [data-item="download"] .c-footer__panel-item-button a:hover::after {
    color: #fff;
  }

  [data-item="contact"] .c-footer__panel-item-button a:hover {
    background: #ef9700;
    border-color: #ef9700;
    color: #fff;
  }
  [data-item="contact"] .c-footer__panel-item-button a:hover::after {
    color: #fff;
  }

  [data-item="demo"] .c-footer__panel-item-button a:hover {
    background: #54bdcd;
    border-color: #54bdcd;
    color: #fff;
  }
  [data-item="demo"] .c-footer__panel-item-button a:hover::after {
    color: #fff;
  }
}

/* --- responsive breakpoints --- */

/* PC: item width */
@media (min-width: 960px) {
  .c-footer__panel-item {
    min-width: 250px;
    width: 350px;
  }
}

/* tablet: gap & width */
@media (max-width: 1023px) {
  .c-footer__panel-links {
    gap: 20px 20px;
  }

  .c-footer__panel-item {
    width: 70%;
  }
}

/* tablet縦～小PC：縦並び */
@media (max-width: 959px) {
  .c-footer__panel-links {
    align-items: center;
    flex-direction: column;
  }
}

/* PCフォントサイズ */
@media (min-width: 768px) {
  .c-footer__panel-heading span {
    font-size: 35px;
  }

  .c-footer__panel-item-button a {
    font-size: 18px;
  }
}

/* SP共通（max-width: 767px） */
@media (max-width: 767px) {
  .c-footer__panel:before {
    height: 55px;
    top: -54px;
    background: unset;
    background-color: #ef9700;
    background: linear-gradient(130deg, #ef9700, #f4b03b);
  }

  .c-footer__panel:after {
    height: 50px;
    top: -49px;
  }

  .c-footer__panel-heading img {
    height: auto;
    max-width: 200px;
  }

  .c-footer__panel-heading span {
    font-size: 27px;
    margin-left: 5px;
  }

  .c-footer__panel-item {
    width: 100%;
  }

  .c-footer__panel-item-button a {
    font-size: 1.6rem;
  }

  .c-footer__panel-item-button a:visited,
  .c-footer__panel-item-button a:link {
    text-decoration: none;
  }
}


@media (min-width: 769px) and (max-width: 785px) {
.header-botan ul li:last-of-type a {
    background: var(--maincolor) url(images/header-contact-icon.png);
    background-repeat: no-repeat;
    background-position: left 15px center;
    color: white;
    padding-left: 30px;
    background-size: 17%;
}

}


@media screen and (max-width: 768px){
.worries_block p{
	margin: 0;
}
.postid-242 #wrapper{
	padding: 20px 0 0;
    border-radius: 0;
	}
.worries_block {
    padding: 5px 0px 5px;
}
.worries_block .center-img img {
  margin: 2em auto;
}
.problem-list ul{
		width: 100%;
}

.problem-list ul li{
    font-size: 16px;
}
.problem-list {
    text-align: center;
}
.worries_block img.img-r {
    float: none;
    width: 40%;
    margin: auto;
    margin-bottom: 1em;
}
.worries_block span.hd_2 {
    font-size: 22px;
	margin-top: 1em;
}
.worries_block span.sub-hd {
    font-size: 18px;
	padding: 10px 0;
}
div#cases_wrapper {
  max-width: 1000px;
  margin: 70px auto 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 60px;
  width: 100%;
}
div#cases_wrapper div#content {
  width: 91%;
}
aside#secondary.sidebar2 {
  width: 91%;
}
div#page_tile {
  margin: 1rem 0 7% 0;
}
  /* 症例ブレッド */

/* 追加されるエリア */
.top-aisatu-in .sp {
    width: fit-content;
}
#top_contact_area h2{
    font-size: 5.9vw;
    margin-bottom: 2%;
    margin-top: 1.5%;
    letter-spacing: 0.75vw;
}
#top_contact_area h3{
    font-size:3.85vw;
}

#top_contact_area ul{
    flex-direction:column;
    width: fit-content;
    padding: 0 3%;
    margin: 0 auto;
}
#top_contact_area ul li{
    width:100%;
}
#top_contact_area ul li:nth-child(3),
#top_contact_area ul li ul li:nth-child(2){
    margin-top:5%;
}
#top_ask .wrap{
    padding: 5%;
}
.home_block_inner h3 {
    border: none;
    font-size: 25px;
    font-weight: bold;
    padding: 0;
    margin: 0;
}
#top_ask.top_cnt {
  padding-bottom:0;
  width: 95%;
  margin: 0 auto;
  padding: 0 2.5%;
}
.home_block02 .left {
    width: 100%;
}
.footer-popup {
    width: 100%;
    overflow: hidden;
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 9999;
}

.footer-popup ul {
    width: 100%;
    overflow: hidden;
    display: table;
    table-layout: fixed;
}

.footer-popup ul li {
    display: table-cell;
    background-color: #ef9701;
    text-align: center;
}
.footer-popup ul li.line {
    display: table-cell;
    background-color: #22c153;
    text-align: center;
}

.footer-popup ul li.tel {
    background-color: #54bdcd;
    text-align: center;
}
.footer-popup ul li.inst {
    background: linear-gradient(10deg, rgba(255, 122, 0, 1) 0%, rgba(211, 0, 197, 1) 50%, rgba(118, 56, 250, 1) 100%);
    text-align: center;
}

.footer-popup ul li a img,
.footer-popup ul li label img{
    display: block;
    margin: 2% auto;
}

.copy {
    border-top: 2px dotted var(--maincolor);
    padding: 10px 0;
    padding-bottom: 100px;
}


div#popuptel_wrap{
  position:fixed;
  top:0;
  left:0;
  opacity:0;
  overflow:hidden;
  height:0;
}
input#sp-popup:checked+#popuptel_wrap{
  display:flex;
  justify-content:center;
  align-items:center;
  width:100vw;
  opacity:1;
  transition:all 0.3s ease;
  height:100vh;
  z-index:99999999999999999999999999;
  box-shadow:0 0 0 #555;
}
input#sp-popup:checked+#popuptel_wrap::before{
  background:#f4fdff;
  opacity:0.85;
  content:'';
  width:100vw;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  display:block;
  z-index:-10;
}
div#popuptel_wrap div.popuptel_inner{
  background-color:#fff;
  border-radius:8px;
  display:block;
  margin-bottom:15vw;
  width: 90vw;
  height:auto;
  padding:5vw 0;
  z-index:0;
  box-shadow:0 0 10px 0px #c6cdce;
}
div#popuptel_wrap div.popuptel_inner>p{
  font-size:4.5vw;
  line-height:1.35em;
  font-weight:500;
  text-align:center;
  display:block;
  color:#333;
}
div#popuptel_wrap div.popuptel_inner ul{
  width:100%;
  display:flex;
  flex-wrap:nowrap;
  align-items:center;
  justify-content:center;
  padding:3.5vw 5vw;
  background: #faf6ef;
  margin:3.5vw 0 4vw;
}
div#popuptel_wrap div.popuptel_inner ul li{
  width:45%;
  margin:0 auto;
  border-radius:1.5vw;
  padding-bottom:3vw;
}
div#popuptel_wrap div.popuptel_inner ul li:nth-child(1){
  background-color: #faf6ef;
  background-image:-moz-linear-gradient(-30deg, #80f4c3 0%, #0cb6e3 100%);
  background-image: -webkit-linear-gradient(-30deg, #ceebef 0%, #1eacc1 100%);
  background-image: linear-gradient(150deg, #ceebef 0%, #13c7e1 100%);
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80f4c3', endColorstr='#0cb6e3',GradientType=1 );
}
div#popuptel_wrap div.popuptel_inner ul li:nth-child(2){
  background-color:#e8f57c;
  background-image:-moz-linear-gradient(-30deg, #32d4f4 0%, #1986af 99%);
  background-image:-webkit-linear-gradient(-30deg, #32d4f4 0%,#1986af 99%);
  background-image: linear-gradient(150deg, #00dbff 0%, #54bece 99%);
  filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#32d4f4', endColorstr='#1986af',GradientType=1 );
}
div#popuptel_wrap div.popuptel_inner ul li a{
  display:block;
  text-decoration:none;
  color:#fff;
  font-size:3.75vw;
}
div#popuptel_wrap div.popuptel_inner ul li span{
  width:9vw;
  background-color:#fff;
  height:9vw;
  border-radius:800px;
  text-align:center;
  display:flex;
  align-items:center;
  margin:3vw auto;
  background-position:center;
  background-size:70% auto;
  background-repeat:no-repeat;
}
div#popuptel_wrap div.popuptel_inner ul li span i{
  margin:0 auto;
  font-size:4.2vw;
}
div#popuptel_wrap div.popuptel_inner ul li:nth-child(1) span{
  background-image: url('images/popup_tel01.png');
}
div#popuptel_wrap div.popuptel_inner ul li:nth-child(2) span{
  background-image: url('images/popup_tel01.png');
}
div#popuptel_wrap div.popuptel_inner ul li b{
    line-height: normal;
    text-align:center;
    display:block;
    letter-spacing:1px;
    font-weight:500;
    color:#fff;
    text-shadow:0 0 1px #4f4f4f;
}
div#popuptel_wrap div.popuptel_inner label{
  background-color:#54bdcd;
  width:80%;
  border-radius:5000px;
  text-align:center;
  display:block;
  padding:1.25vw;
  position:relative;
  color:#fff;
  max-width:280px;
  padding:8px 0;
  margin:0vw auto 0;
  display:flex;
  flex-direction:row;
  flex-wrap:nowrap;
  align-content:center;
  justify-content:center;
  align-items:center;
}
div#popuptel_wrap div.popuptel_inner label::before{
  border-left:2px solid;
  border-top:2px solid;
  border-color:#fff;
  content:"";
  height:6px;
  position:absolute;
  right:15px;
  -moz-transform:rotate(135deg);
  -webkit-transform:rotate(135deg);
  -ms-transform:rotate(135deg);
  transform:rotate(135deg);
  width:6px;
}
div#popuptel_wrap div.popuptel_inner label span{
  letter-spacing:1px;
  color:#fff;
  font-weight:600;
  text-shadow:0 0 1px #4f4f4f;
}

.popuptel_inner p img {
    width: 70%;
    margin: 0;
}

#top_ask .wrap ul li {
    display:flex;
    flex-direction: column;
    flex-wrap:nowrap;
    align-content:center;
    justify-content:flex-start;
    align-items:center;
    margin: 40px 0;
    margin-bottom: 0px;
 }
 .flow li {
    width: 100%;
    margin-bottom: 30px;
}






}