@charset "UTF-8";

/* --------------------------------
 * sign_in.html用
 * -------------------------------- */
.index-a{
 font-size:1.8rem;
 border-style:solid;
 border-width:1px;
 border-color:#4d4b3d;
 backGround-color:#36352c;
 color:#fff;
}

table,th,td{
 border:1px solid #bbb;
 padding:10px;
 vertical-align:middle;
}

table th{
 border:1px solid #bbb;
 padding:10px;
 vertical-align:middle;
 backGround-color:#36352c;
 color:#fff;
}

.color-a{
 backGround-color:#36352c;
 color:#fff;
}

.frame-a{
 backGround-color: #fff;
 padding:20px;
 line-height:2.0;
 border-style:solid;
 border-width:1px;
 border-color:#4d4b3d;
}

.photo1 img{
 width:120px;
 position:relative;
 top:10px;
 margin:0 0 0 30px;
}

.hei{
 line-height:1.1;
}

.cen{
 text-align:center;
}

.outdoor_unit{

}
.outdoor_unit img{
 max-width:100%;
}

.please_call{
 width:90%;
 font-weight:initial;
 backGround-color:#36352c;
 color:#fff;
 padding:15px;
 margin:0 auto 40px;
}

.please_call_a{
 float:left;
 width:34%;
 margin:3px 10px 0 6px;
}

.please_call_b{
 float:left;
 width:39%;
}

.please_call_c{
 float:left;
 width:25%;
}

.please_call_c button,.flow_mail button{
 width:100%;
 height:100%;
 border:1px solid #f2c000;
 border-radius:9px;
 background:#f2c000;
 color:#fff;
 font-size:2.0rem;
 font-weight:bold;
 letter-spacing:0.1em
}

.please_call_c button:hover,.flow_mail button:hover{
 border:1px solid #f2c600;
 background-color:#f2c600;
 cursor:pointer;
}

.call_1{
 font-weight:bold;
 font-size:2.4rem;
 letter-spacing:0.1em
}

.call_2{
 margin:6px 0 0 6px;
 line-height:1.4;
 letter-spacing:0.2em;
 font-size:1.2vmax;
}

.call_3{
 font-weight:bold;
 font-size:2.2vmax;
 letter-spacing:0.2em;
 text-align:center;
}

.call_3 i,.call_5{
 color:#f2c000;
}

.call_4{
 line-height:2.4;
 letter-spacing:0.2em;
 font-size:1.7vmin;
 text-align:center;
}

.order_flow_area .call_3{
 font-size:2.2vmax;
 text-align:left;
}


/* ---注文の流れ--- */
.order_flow_area{
 width:90%;
 backGround-color:#36352c;
 margin:40px auto;
 padding:10px;
 line-height:1.4;
}

.order_flow{
 max-width:60%;
 font-weight:initial;
 backGround-color:#fff;
 color:black;
 padding:28px;
 margin:10px auto;
}

.flow_left{
 float:left;
 width:130px;
}

.flow_right{
 float:left;
 width:calc(100% - 130px);
}

.flow_right h2{
 font-size:2.7rem;
 backGround-color:#f2c000;
 padding:8px;
 color:#36352c;
}

.flow_text{
 margin:10px 0 0 0;
}

.flow_mail{
 width:330px;
}

.title_flow{
 font-size:3.0rem;
 color:#fff;
 text-align:center;
}


.guide-area0-main{
 text-align:center;
}

.guide-area0-main h2{
 font-size:2.8vmin;
 line-height:1.8;
}

.guide-area0-main p{
 font-size:1.6vmin;
 line-height:1.8;
}

.guide-area1-main{
 margin:40px 10px;
 padding:50px 0;
 background-image:url(/image/haikei.png);
 background-repeat:repeat;
}

.guide-area1-main .index{
 font-size:2.0rem;
 font-weight:bold;
 width:88%;
 margin:0 auto 20px;
}

.guide-area1{
 width:88%;
 height:200px;
 margin:10px auto;
 overflow:hidden;
 border-top-left-radius:7px;
 border-bottom-left-radius:7px;
}

.guide-area1 .box1{
 float:left;
 width:23%;
 height:100%;
 color:#fff;
 padding:13px;
 font-size:2.3rem;
 line-height:1.4;
 border-top-left-radius:7px;
 border-bottom-left-radius:7px;
}

.guide-area1 .box2{
 float:left;
 width:29%;
 height:100%;
 backGround-color:#fff;
 padding:13px;
 font-size:2.1rem;
 line-height:1.4;
}

.guide-area1 .box3{
 float:left;
 width:33%;
 min-width:120px;
 height:100%;
 backGround-color:#fff;
 padding:13px;
 font-size:1.3rem;
 line-height:1.6;
}

.guide-area1 .box4{
 float:left;
 width:15%;
 height:100%;
 backGround-color:#fff;
 display:flex;
 align-items:center;
}

.guide-area1 img{
 width:90%;
 max-width:140px;
}

.main_shop_color{
 backGround-color:#36352c;
}

.base_shop_color{
 backGround-color:#091646;
}