*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}
a{text-decoration:none;}
ul.horizontal{list-style:none}
ul.horizontal > li{float:left}

.clear:after, .horizontal:after {
content:'';
display:block;
clear:both;
}

.f-r{float:right}
#wrap, .width-full{
width:100%;
}
.width-default{
margin:0 auto;
width:1200px;
}
.width-default-sub{
margin:0 auto;
width:1000px;
}

#conts .banner{
margin:10px 0;
position: relative;
width:1200px;
height:700px;
background:url(/2204/images/page_1/u13.png) no-repeat center center ;
}
#conts .banner p.txt1{
position: absolute;
top:100px;
left:80px;
font-size:3rem;
color:#fff;
font-weight:900;
  text-shadow:2px 2px 5px rgba(0, 0, 0, 0.647058823529412);
  -webkit-text-shadow:2px 2px 5px rgba(0, 0, 0, 0.647058823529412);
  -moz-text-shadow:2px 2px 5px rgba(0, 0, 0, 0.647058823529412);
}
#conts .banner p.txt2{
position: absolute;
max-width:45%;
top:180px;
left:100px;
font-size:2.2rem;
color:#fff;
font-weight:900;
  text-shadow:2px 2px 5px rgba(0, 0, 0, 0.647058823529412);
  -webkit-text-shadow:2px 2px 5px rgba(0, 0, 0, 0.647058823529412);
  -moz-text-shadow:2px 2px 5px rgba(0, 0, 0, 0.647058823529412);
}

#conts .banner .main-ad1{
position: absolute;
top:80px;
right:30px;
width:40%;
max-height:600px;
overflow:hidden;
background-color:#fff;
padding:25px;
border-radius:.72rem;
}
#conts .banner .main-ad1 .name{
font-size:1.5rem;
font-weight:700;
padding:7px 0
}
#conts .banner .main-ad1 .price{
font-size:1.2rem;
font-weight:700;
  color:#008080;
padding:7px 0
}
#conts .banner .main-ad1 .memo{
font-size:1.1rem;
padding:27px 0 10px
}

#conts .tit{
  background-color:rgba(181, 78, 78, 1);
  font-size:20px;
  color:#FFFFFF;
  padding:10px;
  font-weight:700;
}

#conts .tit_best{
  font-size:20px;
  color:#000;
  padding:10px;
  font-weight:700;
}

#conts .flex-box{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
#conts .flex-box .item:not(.item-tit){
padding:15px;
width:calc(25% - 20px);
margin-top:15px;
margin-bottom:15px;
border:2px solid #eee;
border-radius:.25rem;
}
#conts .flex-box .item p{
padding:5px 0;
text-align:center;
}
#conts .flex-box .item p .price{
color:orange;
  font-weight:700;
}


#main-option{
margin:50px 0;
padding-top:20px;
background-size: contain;
background-repeat:no-repeat;
background-position: left;
height:380px;
width:100%;
}

#main-option .item{
float:left;
width:calc(25% - 20px);
margin-top:15px;
margin-bottom:15px;
margin-left:20px;
padding-bottom:20px;
background-color:#fff;
}
#main-option .item:not(.item-tit):not(:first-child){
box-shadow: 0 0 0 1px  #E5E4D7 inset ;
/*
border:1px solid rgba(245, 250, 250, .5);
border:1px solid #E5E4D7
*/
}
#main-option .item:not(.item-tit):first-child{
border:1px solid #E5E4D7
}

#main-option .item-tit{
color:#fff;
text-shadow: 2px 2px 2px gray;
font-size:1.3rem
}
#main-option .item-tit .txt{
font-size:.9rem;
border-radius:.45rem;
background-color:rgba(172, 209, 233, .8);
margin-top:7px;
}

#main-option p.img{
height:180px;
overflow:hidden
}

#main-option p:not(.img){
padding:4px 10px;
}

#main-option .cate{
color:#369;
font-size:.9rem
}
#conts .flex-box .link:hover{
border:2px solid orange;
cursor:pointer;
}
.linkopt{
box-shadow: inset 0 0 10px #eee,  0px 0px 20px #bbb !important;
cursor:pointer;
}
.linkopt:hover {
box-shadow: inset 0 0 10px orange,  0px 0px 20px orange !important;
}
#bottom.customer{
padding:40px;
background-color:#538DD5;
text-align:center;
}
#bottom.customer *{
color:#fff;
line-height:160%
}
#bottom.customer .tel{
font-size:2.5rem;
font-weight:900;
}
#bottom.customer .time{
margin-top:30px;
}

#comm ul{
list-style:none;
width:100%;
text-align:center;
}
#comm ul li{
display:inline-block;
/*		float:left;	*/
padding: 7px;
font-size:12px
}
#comm ul:not(.inbbs) li:not(:last-child):after{
content:' | ';
padding-left:7px;
}
#comm ul.inbbs li{
font-size:14px;
padding: 20px 10px;
}
#comm ul.inbbs li:not(:last-child):after{
content:' | ';
padding-left:20px;
}

#commS ul{
list-style:none;
width:100%;
margin:0;
text-align:center;
}
#commS ul li{
display:inline-block;
padding: 7px;
font-size:12px
}
#commS ul:not(.inbbs) li:not(:last-child):after{
content:' | ';
padding-left:7px;
}
#commS ul.inbbs li{
font-size:14px;
padding: 20px 10px;
}
#commS ul.inbbs li:not(:last-child):after{
content:' | ';
padding-left:20px;
}



#bottom.customerS{
padding:30px;
background-color:#538DD5;
text-align:center;
}
#bottom.customerS *{
color:#fff;
line-height:160%
}
#bottom.customerS .tel{
font-size:2rem;
font-weight:900;
}
#bottom.customerS .time{
margin-top:30px;
}