@charset "utf-8";
/* CSS Document */

/*─────────────────────────────────
リセット & デフォルト設定
─────────────────────────────────*/
.red{color:#ff0000;}

.section20{margin-bottom:20px;}
.section40{margin-bottom:40px;}
.section60{margin-bottom:60px;}
.section80{margin-bottom:80px;}
.section100{margin-bottom:100px;}

.bottomFixedArea *,
.rightFixedArea *,
#header *,
#leftNavi *,
#mainContent *,
#footer *
{
box-sizing: border-box;
}

.bottomFixedArea img,
.rightFixedArea img,
#header img,
#leftNavi img,
#mainContent img,
#footer img
{
max-width:100%;
vertical-align: bottom;
transition:0.4s;
}

.bottomFixedArea a:hover,
.rightFixedArea a:hover,
#header a:hover,
#leftNavi a:hover,
#mainContent a:hover,
#footer a:hover
{
color: #ff4500;
}

.bottomFixedArea a:hover img,
.rightFixedArea a:hover img,
#header a:hover img,
#leftNavi a:hover img,
#mainContent a:hover img,
#footer a:hover img
{
opacity:0.8;
}



/*─────────────────────────────────
固定エリア
─────────────────────────────────*/
/*下固定エリア*/
.bottomFixedArea{
position: fixed;
bottom:0;
left: 0;
width:100%;
text-align: center;
background: rgba(0,0,0,0.7);
z-index: 99970;
}


/*右固定エリア*/
.rightFixedArea{
width:10%;
position: fixed;
top:0;
right: 0;
padding:110px 0 0;
z-index:99980;
text-align: right;
}

.rightFixedArea a{
display: block;
margin:0 0 10px;
}

.rightFixedArea img:hover{
transform:scale(1.05);
}

/*右固定エリア ポイント5倍の縦バナー*/
/*body{ 
background-image:url( https://image.rakuten.co.jp/mishin-shop/cabinet/top/5day_tate.gif );
background-repeat:repeat-y; 
background-position:right; 
} */


/*左固定エリア*/
.tateobi-common{
height:100%;
position: fixed;
top:0;
z-index:99960;
overflow:hidden;
}

.tateobi-common a{
height:99999px;
display:block;
}

#tateobi_right{
right:0;
}

#tateobi_left{
left:0;
}

body{
background-repeat:repeat-y!important;
background-image:url()!important;
background-position:left!important;
}

#tateobi_left a{
width:95px;
}

@media screen and (max-width: 1220px) {
body{
background-image:none !important;
}
}


/*─────────────────────────────────
ヘッダー
─────────────────────────────────*/
.headerInner{
width:960px;
margin:0 auto;
}

#header .h1_area{
display: flex;
flex-wrap: wrap;
align-items: center;
}

#header .h1_area .text{
display: block;
width: 100%;
margin-bottom:10px;
text-align: right;
color: #999;
font-size: 80%;
}

#header h1{
width:650px;
margin:0;
padding:0;
}

#header .navi{
display: flex;
flex-wrap: wrap;
}

#header .mainBnr{
display: flex;
flex-wrap: wrap;
margin-bottom: 20px;
}

#header .bnrArea{
display: flex;
flex-wrap: wrap;
}

#header .bnrArea li{
width:100%;
margin-bottom: 20px;
}

#header .bnrArea li:last-child{
margin-bottom: 0;
}

#header h2{
margin:0 0 20px;
padding:0;
}

#header .settlement_search{
width:960px;
display: flex;
align-items: center;
margin-bottom: 20px;
}

#header .settlement{
margin-right: auto;
}

#header .btn_RakutenTop{
display:inline-block;
margin-right: 10px;
padding:4px 6px;
color: #333 !important;
background:#f5f5f5;
border: 1px solid #c0c0c0;
border-radius: 4px;
font-size: 80%;
text-align: center;
text-decoration: none !important;
}

#header .searchAreaTop .searchBox{
width:100px;
}

#header form{
margin:0;
padding:0;
}

#header ul{
margin:0;
padding:0;
}

#header li{
margin:0;
padding:0;
list-style: none;
}





/*─────────────────────────────────
フッター
─────────────────────────────────*/
#footer{
font-size: 80%;
}

#footer .footerSearchArea{
width:960px;
margin:0 auto 60px;
padding:60px 0 0;
}

#footer .footerMain{
background: #F5F5F5;
}

#footer .footerMainInner{
width: 960px;
margin:0 auto;
padding:40px 0;
}

#footer .infoArea{
display: flex;
flex-wrap: wrap;
}

#footer .infoSection{
width:310px;
margin-right:15px;
}

#footer .infoSection:last-child{
margin-right:0;
}

#footer .infoBox{
margin-bottom: 40px;
padding-bottom: 10px;
background: #fff;
}

#footer h2.ttl{
margin:0 0 10px;
padding:5px;
font-size: 120%;
font-weight: normal;
color: #FFFFFF;
background: #504c49;
}

#footer h3.ttl{
margin:0 0 5px;
padding:0 15px;
font-size: 110%;
font-weight: normal;
color:#0175c0;
text-align: left;
}

#footer .infoBox p{
margin:0 0 1.5em;
padding:0 15px;
text-align: left;
}


#footer .infoBox .dashedArea{
display: inline-block;
margin-top:10px;
padding: 10px 10px 10px 0;
border-top:1px dashed #333;
border-bottom:1px dashed #333;
}

#footer .footerNavi{
width:960px;
display: flex;
flex-wrap:wrap;
}

#footer .footerNavi li{
width:140px;
}

#footer .footerNavi li.w260{
width:260px;
}

#footer .footerNavi li a{
display: block;
padding:5px;
font-size: 120%;
text-decoration: none;
border-left: 1px solid #333;
color:#333;
}

#footer .footerNavi li:last-child a{
border-right: 1px solid #333;
}

#footer .footerNavi li a:hover{
color:#ff4500;
}

#footer .copyRight{
background:#505050;
padding:10px 0 100px;
}

#footer .copyRight p{
width:960px;
margin:0 auto;
color: #fff;
}

#footer ul{
margin:0;
padding:0;
}

#footer li{
margin:0;
padding:0;
list-style: none;
}

#footer form{
margin:0;
padding:0;
}






/*─────────────────────────────────
会社概要ページ
─────────────────────────────────*/
.companyInfoPC *{
line-height: 1.7 !important;
}

.companyInfoPC .afterService{
border-collapse:collapse;
border-spacing:0;
margin:0 0 20px;
}

.companyInfoPC .afterService th{
background: #99CCFF;
padding:10px;
border:1px solid #99CCFF;
}

.companyInfoPC .afterService td{
padding:10px;
border:1px solid #c0c0c0;
}

.companyInfoPC hr{
display:none;
}

.companyInfoPC font{
font-size: 100% !important;
}


.companyInfoPC blockquote{
margin:0 0 0 40px;
padding: 0;
}

.companyInfoPC blockquote dl{
margin:0;
padding: 0;
}

.companyInfoPC blockquote dl dt{
margin:0;
padding: 0 0 10px;
}

.companyInfoPC blockquote dl dd{
margin:0;
}

.companyInfoPC b{
display: block;
margin:40px -8px 0;
padding:10px 10px 10px 20px;
background:#ddd;
font-size: 22px;
font-weight: normal;
position: relative;
}

.companyInfoPC h2{
margin:40px -50px 1em;
padding:10px 10px 10px 20px;
background:#ddd;
font-size: 22px;
font-weight: normal;
}

.companyInfoPC blockquote dl b{
display: inline-block;
margin:10px 0 0;
padding:0 5px;
background:none;
font-size: 20px;
font-weight: bold;
border-bottom: 1px solid #333;
}

.companyInfoPC p{
margin:0 0 1em;
padding:0;
}


.companyInfoPC .inquiry{
border-collapse:collapse;
border-spacing:0;
margin:20px 0;
}

.companyInfoPC .inquiry th{
background: #EEEEEE;
padding:10px;
border:1px solid #fff;
text-align: left;
font-weight: normal;
}

.companyInfoPC .inquiry td{
padding:10px;
border:1px solid #fff;
}

.companyInfoPC  #etc2{
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
background: #fff;
}













div.Side_Banner {
position: fixed;
display: inline-block;
transition: all .1s ease;
z-index: 9999;
background-color:#fefee8;
width:190px;
height:120px !important;
padding:0px;
border-radius: 10px 0 0 10px;
filter: drop-shadow(3px 3px 0px #cdcdcd);
border: 1px solid #e6e6e6;
}

div.Side_Banner.left { right: -945px;}
div.Side_Banner.left:hover{ right: 0;}
div.Side_Banner.right { left: -100px;}
div.Side_Banner.right:hover{ left: 0;}
div.Side_Banner.top3 {bottom:8px !important;}
.right_01{float:left; width:17%; margin:5px 2% 7px 0; padding:0; display:block; border:2px solid #e3e3e3;}
.right_01:hover{border:2px solid #fc6e6e;}

@media screen and (min-width:1px) and ( max-width:768px) {
.insta_img{width:70% !important;}
div.Side_Banner{background-color:transparent; filter: drop-shadow(0 0 0px #fff); border: 0px solid #fff;}
div.Side_Banner.right { left: -120px;}
div.Side_Banner.left:hover{ right:-50px;}
div.Side_Banner.right:hover{ left:-50px;}
div.Side_Banner.top3 {bottom:-20px !important;}
}

#chat_widget.chat.init {
    bottom: 180px !important;
}