.icenter th, td  { padding: .5em; border: 1px solid #ddd; vertical-align:top;}
.icenter  { width: 80%; border-collapse: collapse; border-spacing: 0; margin: .5em auto 0 auto;}
@media (max-width:760px){.icenter {width: 90%;}}
.icenter th  { width: 5%; text-align: left; background: #f4f4f4;}
 @media only screen and (max-width:768px){
    .icenter { margin: 1em auto 0 auto;}
    .icenter th,
    .icenter td{
    width: 100%;
    display: block;
    border-top: none;
    }
  .icenter tr:first-child th { border-top: 1px solid #ddd; }
}

.text {
    display: inline-block;
}

.stripe{
    writing-mode: vertical-rl;
	white-space: nowrap;
	text-orientation: upright;
	font-size:1.3em;
	letter-spacing:.7em;
	padding:.5em auto;
	margin:auto;
}

 @media screen and (max-width:768px){
 .stripe{
    writing-mode: initial;
	white-space: initial;
	text-orientation: initial;
	padding-left:.5em
}
}

.house-name{
 font-size:1.5em;
 color:#331577;
 font-weight:bolder;
 line-height:2em;
}

 @media screen and (max-width:960px){
.house-name{
 font-size:1.2em;
 color:#331577;
 font-weight:bolder;
 line-height:1.2em;
}
}

 @media screen and (max-width:890px){
.house-name{
 font-size:1em;
 color:#331577;
 font-weight:bolder;
}
}

 @media screen and (max-width:768px){
.house-name{
 font-size:1.2em;
 color:#331577;
 font-weight:bolder;
}
}


.house-name1{
 font-size:.1.1em;
 padding-top:1.5em;
 width:95%;
 margin:auto;
}

 @media screen and (max-width:960px){
.house-name1{
 font-size:.9em;
 padding-top:1.8em;
}
}

 @media screen and (max-width:768px){
.house-name1{
 font-size:.9em;
 padding-top:.5em;
}
}

.add{
 font-size:.9em;
  padding-top:1.5em;
  line-height:1.2em;
  text-align:right;
  width:95%;
  position: absolute;
  bottom: 1em;
  right:1em
}
}

 @media screen and (max-width:960px){
.add{
  font-size:.8em;
  padding-top:1.2em;
  line-height:1.2em;
  position: absolute;
  bottom: 1em;
  right:1em
}
}

 @media screen and (max-width:768px){
.add{
 font-size:.8em;
 line-height:1.2em;
 padding:1.8em auto;
 position: initial;
}
}

.appearance{width:40%;}

 @media screen and (max-width:640px){
.appearance{width:100%;}}

.tab_wrap{width:100%; margin:3em auto 0;}
.tab_wrap input[type="radio"] {display: none;}
.generaltop input[type="radio"]{display:none;}
.tab_wrap1{width:100%; margin:3em auto 0;}
.tab_area{text-align:center;}
.tab_area label{width:11%; margin:auto; display:inline-block; padding:1em 0; color:#999; border-bottom: solid 2px #b1b1b1; text-align:center; font-size:.8em; cursor:pointer; transition:ease 0.2s opacity;}
.tab_area label:hover{opacity:0.5;}
.panel_area{background:#fff;}
.tab_panel{width:100%; padding:4em 0; display:none;}

 @media screen and (max-width:800px){
.tab_panel{width:100%; padding:2em 0; display:none;}
}

#tab1:checked ~ .tab_area .tab1_label{background:#fff; color:#000; border-bottom: solid 2px #b1b1b1; background:#f4f4f4; }
#tab1:checked ~ .panel_area #panel1{display:block;}
#tab2:checked ~ .tab_area .tab2_label{background:#fff; color:#000; border-bottom: solid 2px #b1b1b1; background:#f4f4f4; }
#tab2:checked ~ .panel_area #panel2{display:block;}
#tab3:checked ~ .tab_area .tab3_label{background:#fff; color:#000; border-bottom: solid 2px #b1b1b1; background:#f4f4f4; }
#tab3:checked ~ .panel_area #panel3{display:block;}
#tab4:checked ~ .tab_area .tab4_label{background:#fff; color:#000; border-bottom: solid 2px #b1b1b1; background:#f4f4f4; }
#tab4:checked ~ .panel_area #panel4{display:block;}
#tab5:checked ~ .tab_area .tab5_label{background:#fff; color:#000; border-bottom: solid 2px #b1b1b1; background:#f4f4f4; }
#tab5:checked ~ .panel_area #panel5{display:block;}
#tab6:checked ~ .tab_area .tab6_label{background:#fff; color:#000; border-bottom: solid 2px #b1b1b1; background:#f4f4f4; }
#tab6:checked ~ .panel_area #panel6{display:block;}
#tab7:checked ~ .tab_area .tab7_label{background:#fff; color:#000; border-bottom: solid 2px #b1b1b1; background:#f4f4f4; }
#tab7:checked ~ .panel_area #panel7{display:block;}
#tab8:checked ~ .tab_area .tab8_label{background:#fff; color:#000; border-bottom: solid 2px #b1b1b1; background:#f4f4f4; }
#tab8:checked ~ .panel_area #panel8{display:block;}
#tab9:checked ~ .tab_area .tab9_label{background:#fff; color:#000; border-bottom: solid 2px #b1b1b1; background:#f4f4f4; }
#tab9:checked ~ .panel_area #panel9{display:block;}
#tab10:checked ~ .tab_area .tab10_label{background:#fff; color:#000; border-bottom: solid 2px #b1b1b1; background:#f4f4f4; }
#tab10:checked ~ .panel_area #panel10{display:block;}


@media (min-width:770px){
.icenter .details{
border-collapse:collapse;
border-spacing:0;
border:thin solid #000;
width: 80%;
margin-bottom: 1rem;
float: right;
}}

.icenter .details{
width: 100%;
margin: auto;
border-collapse: collapse;
border-spacing: 0;
}

@media(max-width:769px){
.icenter .details .resp{
width: 100%;
}}

.icenter .details th{
width: 20%;
font-size: .9rem;
font-weight: 300;
}

.icenter .details td{
font-size: .9rem;
}

.icenter .admain{
margin:2rem auto;
}

.icenter .adleft{
display: inline-block;
vertical-align: top;
width: 40%;
padding: 1% 2% 0 1%;
}

@media(max-width:769px){
.icenter .adleft{
width:100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
padding-bottom: 1rem;
}}

.adleft .rightjust{
width: 50%;
margin-right: auto;
font-weight: 600;
}

.icenter .adright{
display: inline-block;
width: 60%;
float: right;
padding: 0;
margin: 0;
}

@media(max-width:769px){
.icenter .adright{
width:100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
}}

.icenter .adtop{
margin:1rem auto;
width: 95%;
}

.icenter .adtop div{
overflow: hidden;
}

.icenter .access{
font-size:.8rem;
padding-top:.5rem;
line-height: 1.2rem;
width: 100%;
margin-right: auto;
}

.icenter .icenter-otherwise{
font-size:1rem;
width: 100%;
display: inline-block;
padding: 1rem;
margin: auto;
}

@media(max-width:769px){
.icenter .icenter-otherwise{
padding: 0 1rem 2rem;
width:initial;
display: contents;
}}

@media (max-width:770px){
.icenter .pcnone{
display: none;
}}

@media (min-width:770px){
.icenter .spnone{
display: none;
}}

.icenter a:hover{
color: #666;
}