/* 2025.01.21 */
  /* オレンジページ　イベントページ */


 /*** リンク関連
-------------------------------------*/
a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}

.siro{
  color: #ff4500;
}
.siro:hover{
	color: #ffffff;
}
.ore{
  color: #ffffff;
}
.ore:hover{
	color: #990000;
}

.mou{
  color: #ffffff;
}
.mou:hover{
	color: #4169E1;
}


 /*** 商品ラインナップ 
-------------------------------------*/
.yoko1{
display:flex;
}
.waku1{
width: 50%;
border: 1px #c0c0c0  solid; 
height: auto;
vertical-align: top;
  font-size: 100%;
margin: 10px 5px ;
}
.yoko1 img{
object-fit:scale-down;
width: 90%;
height: auto;
padding: 0;
  margin: 0;
}
  @media screen and (max-width: 738px) {
.yoko1{
  display:flex;
  flex-flow: column;
 }
.waku1{
width: 100%;
height: auto;

border: 1px #c0c0c0   solid; 
vertical-align: top;
  font-size: 80%;

}
.yoko1 img{
object-fit:scale-down;
width: 100%;
height: auto;
padding: 0;
  margin: 0;
}}

img {
  border: none;
}
 .moji2 {
   text-align: left; /* 文章を左寄せする */
  padding: 0 15px 20px;
  font-size:80%;
}
 .moji3 {
   text-align: left; /* 文章を左寄せする */
  padding: 20px 15px 0;
}

 /*** 商品メニューボタン 
-------------------------------------*/
.flexbox {
  display: flex;
　 flex-direction: row;
  width: 100%;
}
.flexbox a {
  border: 2px solid #002060 ;
  color: #002060; 
 text-align: center;
font-weight:bold;
  width: 25%;
margin:5px ;
  padding:20px;
 }
.flexbox a:hover {
  opacity: 1;
  background-color: #002060;
  color: #ffffff;
  }
 
/*モバイル表示*/
  @media screen and (max-width: 738px) {
.flexbox a {
  width: 45%;
  padding:20px;
 }}

/*トップへ戻るボタン
-------------------------------------*/
.topBtn {
  position:fixed; /*固定*/
  bottom:20px; /*場所を右下に移動*/
  right:20px; /*場所を右下に移動*/
  display:block; /*aタグをblock要素に変更*/
  background-color:rgba(0,0,0,0.5); /*以下、デザインはご自由に！！*/
  color:#fff;
  text-decoration:none;
  font-weight:bold;
  font-size:11px;
  width:60px;
  height:60px;
  text-align:center;
  line-height:22px;
  border-radius:30px;
  padding-top:30px;
  box-sizing:border-box;
}
@media only screen and (max-width: 736px) {
.topBtn {  
width:40px;
  height:40px;
  line-height:0px;
  border-radius:0px;
}
}
.topBtn:before {
  content:'\25B2';
  position:absolute;
  top:10px;
  left:0;
  width:100%;
  text-align:center;
  font-size:20px;
}
.topBtn:hover {
  opacity:0.7;
}

/*メーカーHPボタン（オレンジ）
-------------------------------------*/
.btn_02 {
display:inline-block ;/*flex*/
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	max-width:49% ;
	margin: 5px 5px;
      height:50px;
	padding: 0 15px;
	font-weight: bold;
	border: 2px solid #ff4500;
	background: #ffffff;
	color: #ff4500;
	transition: 0.5s;
}
.btn_02:hover {
	color:#ffffff ;
	background: #ff4500;
}

/*写真で見積りボタン
-------------------------------------*/
.btn_mi {
display:inline-block ;/*flex*/
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	max-width:49% ;
	margin: 5px 5px;
      height:50px;
	padding: 0 15px;
	font-weight: bold;
	border: 2px solid #990000;
	background: #990000;
	color: #fff;
	transition: 0.5s;
}
.btn_mi:hover {
	color: #990000;
	background:#ffffff ;
}

/*出張見積りボタン
-------------------------------------*/
.btn_syu {
display:inline-block ;/*flex*/
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	max-width:49% ;
	margin: 5px 5px;
      height:50px;
	padding: 0 15px;
	font-weight: bold;
	border: 2px solid #4169E1;
	background: #4169E1;
	color: #fff;
	transition: 0.5s;
}
.btn_syu:hover {
	color: #4169E1;
	background:#ffffff ;
}

/*乾太特設ページボタン
-------------------------------------*/

.btn_rin {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: auto;
	margin: 10px auto;
	padding: 5px 30px;
	font-weight: bold;
	border: 2px solid #ff4500;
	background:  #ffffff;
	color: #ff4500;
	transition: 0.5s;
}
.btn_rin:hover {
	color: #ffffff;
	background: #ff4500;
}


/*お申し込みページボタン
-------------------------------------*/

.btn_mou {
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: auto;
	margin: 10px auto;
	padding: 10px 40px;
	font-weight: bold;
	border: 2px solid #4169E1;
	background:  #4169E1;
	color: #ffffff;
	transition: 0.5s;
}
.btn_mou:hover {
	color: #4169E1;
	background: #ffffff;
}


/*
-------------------------------------*/
    /*タイトル*/
 .box8 {
    color: #232323;
  text-align: left;
font-weight: bold;
  font-size: 140%;
    background: #fff8e8;
    border-left: solid 20px #ffc06e;
  padding: 5px 20px ;
margin:0 0 20px 0 ;
}
    /*BC*/
 .boxbc {
    color: #ffffff;
    background: #EB6C02;
  text-align: center;
　font-weight: bold;
  font-size: 28px;
font-weight: bold;
  padding: 5px 20px ;
margin: 20px 0;
}
    /*RC*/
 .boxrc {
    color: #ffffff;
    background: #002060;
  text-align: center;
　font-weight: bold;
  font-size: 28px;
font-weight: bold;
  padding: 5px 20px ;
margin: 20px 0;
}
    /*衣類乾燥機*/
 .boxka {
    color: #ffffff;
    background: #924799;
  text-align: center;
　font-weight: bold;
  font-size: 28px;
font-weight: bold;
  padding: 5px 20px ;
margin: 20px 0;
}
    /*水栓*/
 .boxsu {
    color: #ffffff;
    background: #00ADA9;
  text-align: center;
　font-weight: bold;
  font-size: 28px;
font-weight: bold;
  padding: 5px 20px ;
margin: 20px 0;
}
    /*トイレ*/
 .boxto {
    color: #ffffff;
    background: #846EAF;
  text-align: center;
　font-weight: bold;
  font-size: 28px;
font-weight: bold;
  padding: 5px 20px ;
margin: 20px 0;
}
    /*FH*/
 .boxfh {
    color: #ffffff;
    background: #C9151E;
  text-align: center;
　font-weight: bold;
  font-size: 28px;
font-weight: bold;
  padding: 5px 20px ;
margin: 20px 0;
}

@media only screen and (max-width: 736px) {
.boxbc {
  font-size: 20px;
}
.boxrc {
  font-size: 20px;
}
.boxka {
  font-size: 20px;
}
.boxsu {
  font-size: 20px;
}
.boxto {
  font-size: 20px;
}
.boxfh {
  font-size: 20px;
}}

/*画面調整
-------------------------------------*/
        /* パソコンで見たときは"pc"のclassがついた画像が表示される */
        .pc { display: block !important; }
        .sp { display: none !important; }

        /* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
        @media only screen and (max-width: 750px) {
        .pc { display: none !important; }
        .sp { display: block !important; }
        }

/*ここまで2025/1/21
-------------------------------------*/