/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 12 2023 | 06:44:33 */
@media screen and (min-width:641px){
	.footer_area{
		display: none;
}	
}*/

@media screen and (min-width:340px){
.footer_area {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: rgba( 0, 0, 0, 0.6 );
	z-index: 10000;
}
.footer_area .footer_area_inner {
    position: relative;
    width: 80%;
    margin: 0px auto;
    /*padding: 10px 0;*/
	margin-right: 0px;
}
.footer_area .footer_area_inner .footer_area_inner_btn {
    width: 85%;
    padding: 11px 0;
    font-size: 20px;
    font-weight: bold;
    margin-left: 15px;
	line-height: 1.3;
    
}
.inquiry_btn {
    background-color: #0064b9;
    -webkit-border-radius: 3px;
    display: block;
    text-align: center;
    text-decoration: none;
	/*width: 80%;*/
    padding: 5px 0;
    font-size: 18px;
    font-weight: bold;
	width:40%;
	float:left;
	margin-left:10px;
	margin-top:10px;
}
.inquiry_btn:link, .inquiry_btn:visited {
    color: #FFFFFF !important;
}
.footer_area_inner span{
	color: #fff;
}
#siteBottom{
	margin-bottom: 85px;
}
}

.siteHeader_logo img{max-height:75px;}


.logo-after {
    display: block;
    max-width: 250px;
    float: right;
}
 
.logo-after img {
    max-height: 100px;
}
 

.navbar-header {
    width: 100%;
}
 
@media (max-width: 991px) {
    .logo-after {
        width: 100%;
        margin-top: 10px;
        margin-bottom: 10px;
        text-align: center;
    }
}
 
/* 新バージョン対応 */
@media (min-width: 1200px) {
    .gMenu_outer,
    .gMenu,
    .gMenu > li {
        width: 100%;
    }
}
 
@media (max-width: 1199.98px) {
    .siteHeader_logo {
        width:unset;
    }
}

.pc_hide{display:none;}
@media screen and (min-width: 1024px) {
	.pc_hide{display:none!important;}
	.mo_hide{display:block!important;}	

}
@media screen and (max-width: 1024px) {
    .pc_hide{display:none!important;}
	.mo_hide{display:block!important;}
	.mo_hide img{max-width:32%;}
}

@media screen and (min-width: 769px) and (max-width: 1023px){
	.mo_hide{display:none!important;}
	.pc_hide{display:block!important;}
	.pc_hide img{min-width:100%;}
	.width30{width:40%;padding:0;}
	.main{display:none!important;}
}
@media screen and (max-width: 768px) {
   .mo_hide{display:none!important;}
	.pc_hide{display:block!important;}
	.pc_hide img{min-width:100%;}
	tablr.application2{border-spacing: 8px 0px;}
	.width30{width:40%;padding:0;}
	.main{display:none!important;}
	.cloum3{clear:both;width:100%!important;margin-bottom:20px;}
	.footer_area .footer_area_inner {width:100%;}
	.inquiry_btn{width:48%;font-size:85%;}
}
@media screen and (min-width: 370px) and (max-width: 767px){
	.mo_hide{display:none!important;}
	table.brunch_info{width:95%!important;}
	table.brunch_info ul{padding-left:15px;}
	table.brunch_info p{padding-left:0!important;}
	h3{line-height:1.5em;}
	.footer_area .footer_area_inner {width:100%;}
	.inquiry_btn{width:46%;font-size:85%;}
	#wpfront-scroll-top-container{bottom:50px!important;}
	table.appli th,td{padding:8px 5px;font-size:85%;}
}
a{color:#19578d;}

h4.orenge1{background:#fff5ea;padding:0.5em;border-radius:5px;line-height:1.5em;font-weight:bold;color:#424242;}
.su-posts-default-loop .su-post{padding-left:20px;}
li{text-align:left;}
.cloum3{width:30%;background:#c2dffe;height:auto;float:left;margin-right:20px;text-align:center;vertical-align:middle;}
p.btn_hojin{padding:20px;color:#00197a;font-size:1.3em;margin-bottom:0;}
span.marker{background:linear-gradient(transparent 60%, #ff6 60%);}
.fas{font-size:2em;}
table.brunch_info{text-align:left;width:80%;margin:0 auto;margin-bottom:30px;}
table.brunch_info th{background:#b4cbd7;text-align:center;}
table.brunch_info p{padding-left:20px;}
/*旧サイト*/
.stepbar {
  margin: 0 auto;
  width: 80%;
}

.stepbar .stepbarwrap {
  margin: 2em 0;
  position: relative;
}

.stepbar .stepbarwrap .steptitle {
  display: inline-flex;
  align-items: center;
}

.stepbar .stepbarwrap .steptitle .stepcircle {
  display: inline-block;
  width: 3em;
  height: 3em;
  content: "";
  border-radius: 50%;
  background-color: #ff6710;
  color: #fff;
  text-align: center;
}

.stepbar .stepbarwrap .steptitle .stepcircle span {
  display: inline-block;
  line-height: 1.2em;
  font-size: 0.8em;
  font-weight: bold;
  position: relative;
  top: 0.9em;
}

.stepbar .stepbarwrap .steptitle .title {

  margin: 0.5em;
  font-weight: bold;
  font-size: 1.2em;
}

.stepbar .stepbarwrap .steptxt {
  padding-left: 3.5em;
}

.stepbar .stepbarwrap .steptxt .txt {
  font-size: 0.9em;
}

.stepbar .stepbarwrap .stepline {
  width: 1px;
  height: calc(100% + 1em);
  background-color: #ff6710;
  position: absolute;
  top: 1em;
  left: 1.5em;
  z-index: -1;
}

.stepbarwrap:last-of-type .stepline:last-of-type {
  display: none;
}

@media screen and (max-width: 960px) {
  .stepbar {
    width: 90%;
  }
}
.box26 {
    position: relative;
    margin: 2em 0;
    padding: 2em 1em;
    border: solid 3px  #ff6710;;
    border-radius: 8px;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1.5;
    font-size: 19px;
    background: #FFF;
    color:  #ff6710;
    font-weight: bold;
}
.box26 p {
    margin: 0; 
    padding: 0;
}
.box5 {
    padding: 0.5em 1em;
    margin: 2em 0;
    border: double 5px #4ec4d3;
}
.box5 p {
    margin: 0; 
    padding: 0;
}
.box19{
    padding: 1em 1em;
    margin: 1em 0;
    background:#ffbebe;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.33);
}
.box19 p {
    margin: 0; 
    padding: 0;
}
.box18{
    padding: 1em 1em;
    margin: 1em 0;
    background:#cef532;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.33);
}
.box18 p {
    margin: 0; 
    padding: 0;
}
.cn{text-align:center;}
.price-size{font-size:200%;text-align: center;font-weight:800;}
span.marker{background:linear-gradient(transparent 60%, #ff6 60%);}
.pink{background:#ffbebe;text-align:center;font-weight:bold;}
.green{background:#cef532;text-align:center;font-weight:bold;}
.red{color:red;font-weight:bold;}


table{
border-top:1px solid #ddd;text-align:center;
}
table tbody tr td,
table tbody tr th,
table td, table th,
table thead tr td,
table thead tr th{
border:1px solid #ddd;
}
.payment1 th{background:#d7d5d5;}
.tax{font-size:80%;}
ul.tenpo{padding-left:14px;}
table.appli th{background:#f1f1f1;}

.oversea{max-width:1092px;border:2px solid #000;margin:0 auto;padding:20px 20px 0 20px;}


.topimg{background-image:url(http://www.j-shisyobako.com/wp-content/uploads/2022/04/img002.jpg);float:right;display:inline-block;}

.wp-block-cover .wp-block-cover__inner-container{color:#000;}


h2{border-top:0px none;}

.box22{
    padding: 1em 1em;
    margin: 1em 0;
    background: #fff5ea;
    border-top: solid 8px #ff6710;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.33);
}
.box22 p {
    margin: 0; 
    padding: 0;
}
.box22 h3{position: initial;text-align:center;color:#ff6710;border-bottom:0px none;}

.box30 {
    margin: 2em 0;
    background: #f1f1f1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.box30 .box-title {
    font-size: 1.2em;
    background: #1b4e68;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box30 p {
    /*padding: 15px 20px;*/
    margin: 0;
}
/*box31*/
.box31 {
    margin: 2em 0;
    background: #f1f1f1;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
.box31 .box-title {
    font-size: 1.2em;
    background: #a8b8c1;
    padding: 4px;
    text-align: center;
    color: #FFF;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.box31 p {
    padding: 15px 20px;
    margin: 0;
}
.box31 ul{padding-bottom:10px;}

ul{margin-top:0;}


.icon-table tr{height:130px;}
.icon-table td{padding:20px 10px;background:#dfeefb;}
table.icon-table{border-collapse:collapse;/*border:1px solid #87afd7;*/}

.icon-table td:hover{background:#fff;}

.main{width:1100px;height:auto;}
.main img{float:left;}