@charset "utf-8";

.site-header-fixture{width:100%;border-top:1px solid #ccc}


/*--------------------------------*/
img {
-webkit-backface-visibility: hidden;
}
.fit{margin-right:0 !important;margin-left:0 !important;}
.bot{margin-bottom:0 !important;}
.tot{margin-top:0 !important;}
.cell{margin:6px 10px}
.cell8{margin:8px}
.cells{margin:20px}
@media only screen and (max-width: 1100px){.cells{margin:16px}}
@media only screen and (max-width: 1000px){.cells{margin:12px}}
@media only screen and (max-width: 900px){.cells{margin:10px}}
@media only screen and (max-width: 600px){.cells{margin:8px}}
/*--------------------------------*/
#index_txt{padding:0.6em 1em 0.7em;font-size:120%;text-align:left}
.icon-36 {font-size: 36px;line-height:0.7em;}
.icon-40 {font-size: 40px;line-height:0.9em;}
.icon-48 {font-size: 48px;line-height:0.7em;}
.icon-3x{font-size: 36px;line-height:0.7em;}
@media only screen and (max-width: 768px){.icon-48 {font-size: 40px;line-height:0.6em;}.icon-3x{font-size: 30px;line-height:0.7em;}}

.p_top05{padding-top:0.5em !important}
.p_top06{padding-top:0.6em !important}
.p_top1{padding-top:1em !important}
.p_top2{padding-top:2em !important}
.p_top3{padding-top:3em !important}
.p_top4{padding-top:4em !important}
.p_top5{padding-top:5em !important}

.p_bot05{padding-bottom:0.5em !important}
.p_bot06{padding-bottom:0.6em !important}
.p_bot1{padding-bottom:1em !important}
.p_bot2{padding-bottom:2em !important}
.p_bot3{padding-bottom:3em !important}
.p_bot4{padding-bottom:4em !important}
.p_bot5{padding-bottom:5em !important}

.m_top05{margin-top:0.5em !important}
.m_top06{margin-top:0.6em !important}
.m_top1{margin-top:1em !important}
.m_top2{margin-top:2em !important}
.m_top3{margin-top:3em !important}
.m_top4{margin-top:4em !important}
.m_top5{margin-top:5em !important}

.m_bot05{margin-bottom:0.5em !important}
.m_bot06{margin-bottom:0.6em !important}
.m_bot1{margin-bottom:1em !important}
.m_bot2{margin-bottom:2em !important}
.m_bot3{margin-bottom:3em !important}
.m_bot4{margin-bottom:4em !important}
.m_bot5{margin-bottom:5em !important}

.txt_green{color:#b2b900;}
.txt_white{color:#fff;}
.txt_gray{color:#aaa;}
.txt_red{color:#9d293c}
.txt_normal,a:hover .txt_normal{color:#333}

.bg_white{background:white !important}
.bg_gray{background:#666;color:white}
.bg-darkgrey{background:#333;color:white}

.txt_150{font-size:150%}
.txt_140{font-size:140%}
.txt_130{font-size:130%}
.txt_120{font-size:120%}
.txt_110{font-size:110%}

.txt_c{text-align:center}

h1.ttl{text-align: center;font-weight:600;font-size:2.4em;padding:0.7em 0.3em;color:#333}
h2.ttl{text-align: center;font-weight:600;font-size:2em;padding:0.7em 0.3em;color:#333}
h3.ttl{text-align: center;font-weight:600;font-size:1.15em;padding:0.7em 0.3em;color:black}
h2.ttl p {
    font-weight: 600;
    text-align: center !important;
    font-size: 50% !important;
    line-height: 1em;
    padding-top: 0;
}
@media only screen and (max-width: 769px){h2.ttl{font-size:1.7em}}

li a h2,li a h3{-moz-border-radius: 6px;
-webkit-border-radius: 6px;
-khtml-border-radius: 6px;
border-radius: 6px;}

h1.ttl_ex{margin-top:0.6em;height:auto;font-weight:200;padding:20px 20px;background:#0083b9;color:white;text-align:left;}
h1.ttl_ex {font-size:2vmin !important;}
h1.ttl_ex span{font-size:35% !important}
/*font-size:1.8vmin*/


.txt_center{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;height:0.5em;text-align:center;}
.pic_center{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;}

p#lead {
    padding: 0 1em 0.3em;
    max-width: 940px;
    margin: 0 auto;
    text-align: left;
}


/*--------------------menu-top----------------------*/
#category00 div.nav li#c00,#category01 div.nav li#c01,#category01 div.nav li#c012,#category02 div.nav li#c02,#category03 div.nav li#c03,#category04 div.nav li#c04,
div.nav li#c00:hover,div.nav li#c01:hover,div.nav li#c012:hover,div.nav li#c02:hover,div.nav li#c03:hover,div.nav li#c04:hover{position:relative;padding-bottom:0px !important;}
#category00 div.nav li#c00:after,#category01 div.nav li#c01:after,#category01 div.nav li#c012:after,#category02 div.nav li#c02:after,#category03 div.nav li#c03:after,#category04 div.nav li#c04:after,
div.nav li#c00:hover:after,div.nav li#c01:hover:after,div.nav li#c012:hover:after,div.nav li#c02:hover:after,div.nav li#c03:hover:after,div.nav li#c04:hover:after{
  content: "";
  position: absolute;
  right: 45%;
  bottom: 0px;
  left: 45%;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #cb3054 transparent transparent transparent;
  border-width: 6px 6px 0 6px;
}
.category00 div.nav li#c00,.category01 div.nav li#c01,.category01 div.nav li#c012,.category02 div.nav li#c02,.category03 div.nav li#c03,.category04 div.nav li#c04,
div.nav li#c00:hover,div.nav li#c01:hover,div.nav li#c012:hover,div.nav li#c02:hover,div.nav li#c03:hover,div.nav li#c04:hover{position:relative;padding-bottom:0px !important;}
.category00 div.nav li#c00:after,.category01 div.nav li#c01:after,.category01 div.nav li#c012:after,.category02 div.nav li#c02:after,.category03 div.nav li#c03:after,.category04 div.nav li#c04:after,
div.nav li#c00:hover:after,div.nav li#c01:hover:after,div.nav li#c012:hover:after,div.nav li#c02:hover:after,div.nav li#c03:hover:after,div.nav li#c04:hover:after{
  content: "";
  position: absolute;
  right: 45%;
  bottom: 0px;
  left: 45%;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #cb3054 transparent transparent transparent;
  border-width: 6px 6px 0 6px;
}
.arrow_bottom{
  position: relative;
/*  background: #eee;*/
  padding-bottom:0px !important;
}
.arrow_bottom:after{
  content: "";
  position: absolute;
  right: 0;
  bottom: 0px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #cb3054 transparent transparent transparent;
  border-width: 6px 6px 0 6px;
}

.bg-corpgreen{background:#b2b900}
.bg-corpred{background:#cb3054}
h2.bg-corpgreen,h2.bg-corpred{color:white}
li h2.bg-corpgreen,li h2.bg-corpred,li h3.bg-corpgreen,li h3.bg-corpred{color:white;font-weight:bold;width:120px;letter-spacing:0.05em;}
@media only screen and (max-width:800px){li h2.bg-corpgreen,li h2.bg-corpred,li h3.bg-corpgreen,li h3.bg-corpred{font-weight:bold;width:100px;}}
.arrow_bottom{
  position: relative;
/*  background: #eee;*/
  padding-bottom:0px !important;
}
.arrow_bottom:after{
  content: "";
  position: absolute;
  right: 0;
  bottom: 0px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #cb3054 transparent transparent transparent;
  border-width: 6px 6px 0 6px;
}


.site-header .nav a.right,.site-footer .nav a.right{padding:3px 5px 0 !important}
.nav li h1,.nav li h2.top{margin-right:6px}
.nav li h2,.nav li h3{padding:0.85em 6px 0.6em 0px;margin-left:6px}/*.nav li h2,.nav li h3{margin-left:12px}*/
.nav li#c012 h2,.nav li#c012 h3{letter-spacing:0.1em;line-height:1.0em;padding:0.5em 6px 0.06em 0px;margin-left:6px}
.nav li#c012 h2 span,.nav li#c012 h3 span{letter-spacing:-0.05em;font-size:90%;font-weight:600}
.nav li.right h2,.nav li.right h3{margin-left:0;margin-right:0}
.footer_map {background: #585858 !important;color:#ddd;font-size:90%}
.footer_map a{color:#ddd}
.footer_map a:hover,ul.footer_menu a:hover li{color:white;text-decoration:underline}
.footer_map .nav li.right h2,.footer_map .nav li.right h3{color:white}
.footer_map .nav li.right a:hover h2,.footer_map .nav li.right a:hover h3,.footer_map .nav li.right a:hover{text-decoration:none !important}
.footer_map dt,.footer_map dd{margin:0;padding:0}
.footer_map dt{font-size:130%;font-weight:bold;padding-bottom:0.3em}
.footer_map dd{padding-top:0;font-size:115%;padding-left:6px;line-height:0.3em\9}
@media only screen and (max-width:1024px){.footer_map dd{font-size:95%;text-indent:0;letter-spacing:-0.05em}}

.footer_map dd span{padding-top:10px;font-size:80%;margin-left:-6px;line-height:1.4em}
.footer_map hr{margin:0.4em 3em 0.4em 0;border:1px solid #727272 !important;border-bottom:none !important;margin:1em 3em 0em 0\9;}
#lh1{line-height:1em;text-indent:6px}
ul.footer_menu{padding:1em 0;margin:0;display:block;float:left;list-style: none;width:100%;/*background:#aaa*/}
ul.footer_menu li{font-size:115%;padding:0.3em 0;margin:0 1.5em 0 0 !important;float:left;}

@media only screen and (max-width:767px){.footer_map dd{line-height:1.8em}}
/*----------------top_left top_right--------------*/


.footer_left,.footer_right{width:100%}


@media only screen and (max-width:320px){
li h2.bg-corpgreen,li h2.bg-corpred,li h3.bg-corpgreen,li h3.bg-corpred{font-weight:bold;width:70px;}
}

/*--------------------bnr_box----------------------*/
#bnr_box a:hover img{filter:alpha(opacity=90);opacity:0.9;}
#bnr_box img{margin:0}
/*------------------------------------------*/

.site-center img{float:none/*float:none !important;*/}/*megaメニュー用*/


.flex-v {
 display: -webkit-flex;
 display: flex;
 -webkit-align-items: center;
 align-items: center;
}
.flex-h {
 display: -webkit-flex;
 display: flex;
 -webkit-justify-content: center;
 justify-content: center;
}



h2#ttl_box{text-align:center !important;padding:0.4em 0.3em 0.3em;font-size:160%;line-height:1.1em;font-size:230%\9;}
h3.background-lite{font-weight:600;margin:0 !important;text-align:center !important;font-size:5vmin !important;color:#3193b7;margin-bottom:0.1em !important;font-size:300% !important \9;}
h3.background-lite p{font-size:40%;color:#3193b7}
.green-t,.green-t h2{color:#4d9d21 !important;}
.orange-t{color:#cd5c00 !important;}
#pic{
width:80%;
max-width:710px;
margin:10px auto !important;
float:none;
}
#pic2{
width:100%;
/*max-width:710px;*/
margin:10px auto !important;
float:none;
}
.arrowbox{
  position: relative;
  background: #eee;
  padding-top:60px;
}
.arrowbox:before{
  content: "";
  position: absolute;
  right: 0;
  top: 0px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
border-style: solid;
border-width: 30px 30px 0 30px;
border-color: white transparent transparent transparent;
}
.arrowbox:after{
  content: "";
  position: absolute;
  right: 0;
  bottom: -30px;
  left: 0;
  width: 0px;
  height: 0px;
  margin: auto;
  border-style: solid;
  border-color: #eee transparent transparent transparent;
  border-width: 30px 30px 0 30px;
}


a,a:hover{text-decoration:none;}
.arr{
background: url('../images/arrow_r.png') no-repeat;
position: relative;
float:right;right:10px;top:50%;
margin-top: 6px;
width: 24px;
height: 24px;
}
.blue{color:#15628e}
#marker {background: url(/sumikae/sell/images/marker.gif) -10px repeat-x;}
#pic2 b{font-size:120%}
#before{width:100%}
.background-lite{text-align:center !important;padding:8px;background:#eee;font-size:115%;color:#333}
.background-lite div{padding:20px}
.background-lite div{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#88fffffff,endColorstr=#88fffffff);background-color:rgba(255,255,255,0.4);}
.background-lite p{text-align:center;font-size:130%;font-weight:bold;color:darkblue}
.background-lite p img{width:30px;vertical-align:bottom}
/*------------------------pagetop--------------------------*/
#pageTop {position:fixed;bottom: 32px;right: 16px;z-index:999;}
#pageTop a {
display: block;
z-index: 999;
padding: 0;
border-radius: 30px;
width: 34px;
height: 34px;
background-color: #888;
color: #fff;
font-weight: bold;
text-decoration: none;
text-align: center;
opacity: 0.90;
}

#pageTop a:hover {
text-decoration: none;
opacity: 0.7;
}
#pageTop span{font-size:40px;margin-top:6px !important}

/*---------------------footer-----------------------*/
.site-footer {
    background-color: #fff;
    /*margin-top: 40px;*/
}
#footer-area div.cell{margin:10px 0 0}
#bottom_box{
background:#ADADAD;
width:100%;
margin:0 auto;
}
#to_top{margin:0 auto;width:50px;height:50px;background-image: url(/top_n2/to_top.gif);}
#to_top2{margin:0 auto;width:50px;height:50px;background-image: url(/top_n2/to_top2.gif);}
a:hover #to_top,a:active #to_top,a:hover #to_top2,a:active #to_top2{background-position: 0px -50px;}

#copyright {
    margin: 0 auto;
/*    margin: 0 auto 10px !important;*/
    background/***/: #fff url(/common_n/images/footer/copyright2.png);
    background-size: 100%;
	background-repeat: no-repeat;
/*    background-position: center !important;*/
	background-position-x: 5px !important;
    max-width:290px;
    width:100%;
}
#sns td{padding:0 !important}
#sns td img{margin:0}
/*----------------jitsurei-----------------*/
#new {padding-top:6px;padding-left:6px;
    position: absolute;
    vertical-align: middle;
    z-index: 200;
}
#new img{width:40px}
table input{width:24px}
#info{
box-sizing:border-box;
text-align:left;
width:100%;
padding:0.4em;
font-size:95%;
}
#info p{
font-size:110%;

}
#info h4{font-weight:bold;margin-bottom:0.3em}
#info b,#info b small{font-size:100%;color: brown;font-weight:normal}
#tenjijo{box-sizing:border-box}
.tenjijo2{box-sizing:border-box;height:300px;overflow: hidden;background:white;border-top:1px solid #999;border-right:1px solid #999;}
.tenjijo1{box-sizing:border-box;height:150px;overflow: hidden;background:#8fa5de/*#fd8bab*/;border-top:1px solid #999;border-right:1px solid #999;}/*#83a7ca*/
.tenjijo2,.tenjijo1{position:relative;/*display:-moz-box;display:-webkit-box;display:-o-box;display:-ms-box;box-align:center;*/}
#inner_area{position:absolute;background:white;width:100%;height:100%;}
#inner_area h3{font-weight:bold;font-size:150%;color:#333;line-height:1em;margin-right:0.5em;}
#inner_area h2{font-weight:bold;font-size:180% !important;color:#000;line-height:1em}
.tenjijo1 #inner_area:hover{filter: alpha(opacity=80);opacity: 0.80;}

.height2{height:500px;overflow: hidden;background:#000}
.height1{height:250px;overflow: hidden;background:#000}
.kurasite_pink2,.kurasite_pink1{background:#eba6b3 !important;}
.eco_safety2,.eco_safety1{background:#a6dc97 !important;}
.kurasite_pink2,.eco_safety2{overflow: hidden;height:400px !important;}.kurasite_pink1,.eco_safety1{overflow: hidden;height:200px !important;}
.kurasite_white{height:200px !important;background:white !important;}
.height5{margin:0 5px;height:200px;overflow: hidden;background:#fff}
.height2 #p_info{font-size:180%;width:50%; top: 35%;}
.height1 #p_info{font-size:120%;width:25%;padding-top: 80px}
.height5 #p_info{font-size:100%;padding: 10px}

.height5 .inner{overflow: hidden;}
#p_info{
position: absolute;
vertical-align:middle;
text-shadow: 1px 1px 3px #000, 0px 0px 2px #fff;
/*display:inline-table;
/*   top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;*/
z-index:100;
color:white;
text-align:center;
font-weight:bold\9;
behavior: url('/common_n/css/ie-css3.htc');
}
#p_info span{font-size:150%;font-weight:bold}
#p_info p{font-size:84%;text-align:center;padding:2px;margin:10px 20px 5px;line-height:1.3em;background-color: rgba(0,0,0,0.1);}
a:hover #p_info p{background-color: rgba(0,0,0,0.6);}
#bsc,#bsc2{background-repeat:no-repeat;background-size:cover;background-position:center}
/*#bsc:after{
position: absolute;
    content: "";
    display: block;
    width: 100%;
    height: 100%;
}*/
#bsc{box-sizing:border-box;
   -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    background-size: cover;
    -webkit-transition: all .6s ease-out;
    -moz-transition: all .6s ease-out;
    -ms-transition: all .6s ease-out;
    transition: all .6s ease-out;
}
#bsc:hover,#bsc:hover :after,a:active #bsc,a:active #bsc :after{
opacity: 0.85;
opacity: .8;
    -moz-transform: scale(1.03);
    -webkit-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
}

#bsc a:hover p{
transform: scale(1.0);
}
.inner {width:100% !important;height:100% !important;
    z-index: 10;
    position: relative;
    color:white;
    box-sizing:border-box;
}

.inner2 {width:100% !important;height:50% !important;
    z-index: 10;
    position: relative;
    color:white;
    box-sizing:border-box;
}




/*--------------------------------------*/


#white-box{background-color:rgba(255,255,255,0.8);}

#white-box{filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ccfffffff,endColorstr=#ccfffffff); 
    background: rgba(255,255,255,0.8);}
#box-inner{padding:2em 1.5em;text-align:left;line-height:1.4em}
#box-inner h2{padding:0.3em 0}
#box-inner p{padding-top:6px;font-size:85%}

.h2_ttl{font-size:160%}
#eco_safety{width:20%;margin:0 auto}


/*---------------smp nav----------------*/
nav{border-top:1px solid #b2b900;/*height:40px !important*/}
nav ul{width:100%;margin:0;padding:0;background:#eee;height:40px}
#navi{
background:#999;
}
#navi img{height:36px}

nav ul {
list-style: none;
}

#headerNaviMenu{

}
ul#headerNav_1of2 li {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: table;
width: 50%;
height: 36px;
float: right;
outline:none;
}
ul#headerNav_1of3 li {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: table;
width: 33.333333%;
height: 36px;
float: right;
outline:none;
}
ul#headerNav_1of2 li a, ul#headerNav_1of3 li a {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
display: table-cell;
width: 100%;
height: 100%;
font-size: 12px;
text-decoration: none;
color: white;
vertical-align: middle;
font-weight: bold;
text-align: center;
height:20px;
}
a#headerNav00 {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #eee;
-moz-background-size: 11px 11px;
-webkit-background-size: 11px 11px;
color: #444 !important;
text-align:left !important;
}
a#headerNav01 {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #abb315;
-moz-background-size: 11px 11px;
-webkit-background-size: 11px 11px;
border-left: 1px solid white;
}
a#headerNav02 {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
background: #9d394c;
-moz-background-size: 11px 11px;
-webkit-background-size: 11px 11px;
border-left: 1px solid white;
}
ul#headerNav_1of2 li.headerNaviMenu .headerNav00R, ul#headerNav_1of3 li.headerNaviMenu .headerNav00R {
display: table-cell;
vertical-align: top;
padding-top: 10px;
font-weight:bold;
}
ul#headerNav_1of2 li.headerNaviMenu .headerNav00R .gico_update, ul#headerNav_1of3 li.headerNaviMenu .headerNav00R .gico_update {
width: 40px;
}
ul#headerNav_1of2 li.headerNaviMenu #headerNav00 div, ul#headerNav_1of3 li.headerNaviMenu #headerNav00 div {
/*display: inline;*/
}
ul#headerNav_1of2 li a img, ul#headerNav_1of3 li a img {
vertical-align: middle;
}
.headerNav00L img{
height:40px;
margin-bottom:0;
}

/*----------------------smp sitemenu-----------------*/
.sitemenu-responsive ul{padding:0.2em 0}
.sitemenu-responsive ul li{font-size:120%;padding:0.2em 0 0.2em 0.2em}
.sitemenu-responsive ul a{text-align:left !important}


/*----------------------smp head---------------------*/
.smp_head{width:100%;
    border-top:1px solid #B3B3B3 /*{c-bar-border}*/;
    border-bottom:1px solid #B3B3B3 /*{c-bar-border}*/;
    background: #e9eaeb /*{c-bar-background-color}*/;
    color: #3E3E3E /*{c-bar-color}*/;
    font-weight: bold;
    text-shadow: 0 /*{c-bar-shadow-x}*/ 1px /*{c-bar-shadow-y}*/ 1px /*{c-bar-shadow-radius}*/ #fff /*{c-bar-shadow-color}*/;
    background-image: linear-gradient(#f0f0f0 /*{c-bar-background-start}*/, #e9eaeb /*{c-bar-background-end}*/);
    
    /*letter-spacing:-0.5em;*/
    z-index:300;
}
.smp_head h2,.smp_head h1{
    min-height: 1.1em;
    text-align: center;
    padding-right:2.5em;
    line-height:1.4em;
}
.smp_head h2 span{font-size:80%;font-weight:bold}

.ui-title{
color: #3E3E3E /*{c-bar-color}*/;
    font-weight: bold;
    text-shadow: 0 /*{c-bar-shadow-x}*/ 1px /*{c-bar-shadow-y}*/ 1px /*{c-bar-shadow-radius}*/ #fff /*{c-bar-shadow-color}*/;
    height: 26px;
    padding: 8px 0px 0px 0px;
    margin: 0px;
    font-size: 16px;
}
a .ui-btn{font-weight: bold !important;color:#3e3e3e}
.ui-btn {
border:1px solid #aaa;
float:left;
    display: block;
    text-align: center;
    cursor: pointer;
    position: relative;
    margin: .5em 5px;
    padding: 0.3em 0.2em 0.2em;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    background-image: linear-gradient(#fdfdfd /*{c-bup-background-start}*/, #eee /*{c-bup-background-end}*/);
}
.ui-btn-text{
padding-left:3px;
    font-weight: bold;
    text-shadow: 0 /*{c-bup-shadow-x}*/ 1px /*{c-bup-shadow-y}*/ 1px /*{c-bup-shadow-radius}*/ #f6f6f6 /*{c-bup-shadow-color}*/;
}
.ui-icon{float:left;
    top: 50%;
    margin-top: 0px;
    width:18px;
    height:18px;
    background: #666 /*{global-icon-color}*/;
    background: rgba(0,0,0,.4) /*{global-icon-disc}*/;
    background-image: url(/smp/common/css/images/icons-18-white.png) /*{global-icon-set}*/;
    background-repeat: no-repeat;
    background-position: -144px 50%;
    -moz-border-radius: 9px;
    -webkit-border-radius: 9px;
    border-radius: 9px;
}
nav, .smp_head,.smp,a .smp,.smp img,.smp span{display:none !important}
.lightboxOverlay{
/*background:#666;*/
filter:alpha(opacity=80) !important;
opacity:0.8;
}
/*-----------page contents--------------*/
#top_copy{font-size:120%;line-height:1.5em !important;font-weight:bold;padding:1.5em 0 0.5em}
/*---------------------responsive-----------------------*/
.site-center{width:100%}
.p_top1{padding-top:1em !important}
.p_top2{padding-top:2em !important}
.p_top3{padding-top:3em !important}
.p_top4{padding-top:4em !important}
.p_top5{padding-top:5em !important}

#p_info{
text-align:center;
}
.arrow-r{
vertical-align:middle;
text-shadow: 1px 1px 2px #ccc, 0px 0px 0px #fff;
z-index:100;
position: relative;
float: right;
text-align:right;
top: 50%;
margin-top: -0.5em;
margin-right: 0.3em;
line-height:1em;
}
.arrow-rb{
vertical-align:middle;
text-shadow: 1px 1px 2px #ccc, 0px 0px 0px #fff;
z-index:100;
position: absolute;
float: right;
text-align:right;
right:0;
bottom: 0.2em;
margin-top: 0;
margin-right: 0.3em;
line-height:1em;
}
.arrow-l{
vertical-align:middle;
text-shadow: 1px 1px 2px #ccc, 0px 0px 0px #fff;
z-index:100;
position: relative;
float: left;
text-align:left;
top: 50%;
margin-top: -0.5em;
margin-left: 0.3em;
line-height:1em;
}

#bt_more {display:inline-block;
padding: 0.3em 0.3em 0.3em 0.6em;
border: 1px solid #aaa;
margin: 0.5em 0;
width:auto;
font-size:100%;
line-height:1.6em;
background:#333;
}
@media (max-width:768px){#bt_more{padding: 0.2em 0.3em 0.2em 0.6em;margin: 0.5em -0.3em;font-size:120%;line-height:1.9em}}
@media (min-width:1281px){
.site-center{width:85%;max-width:1280px;min-width:1100px}/*20180112*/
}
@media (max-width:1280px){
.site-center{width:95%;max-width:1100px}/*20180112*/
h1.ttl_ex{font-size:180%}
}
@media (max-width:1200px){
.site-center{width:95%;max-width:1100px}/*20180112*/
.width-1of6{width:20%}
#info{font-size:90%}
.background-lite{font-size:105%}
.background-lite p{text-align:center;font-size:120%;font-weight:bold;color:darkblue}
.background-lite p img{width:30px;vertical-align:bottom}


.kurasite_pink2,.eco_safety2{height:360px !important;}.kurasite_pink1,.eco_safety1{height:180px !important;}
.kurasite_white{height:180px !important;}
}
@media print, screen and (max-width:1024px){
.site-center{width:95%;max-width:980px}/*20180112*/
#info{font-size:90%}
.kurasite_pink2,.eco_safety2{height:330px !important;}.kurasite_pink1,.eco_safety1{height:160px !important;}
.kurasite_white{height:170px !important;}
.height2{height:400px;}
.height1{height:200px;}
.height5{margin:0 5px;height:180px}
#index_txt{font-size:110%}
.cell{margin:2px 6px !important}
ul.footer_menu li{font-size:100%}

}
@media only screen and (max-width:979px){
ul.footer_menu li{font-size:100%}
#top_copy{padding:1.5em 6px 0.5em}

p#lead {padding: 0 6px 0.2em !important}
.width-1of6{width:25%}
#inner_area h2{font-weight:bold;font-size:160% !important;}
.height2 #p_info{font-size:160%;width:50%; top: 25%;}
.height1 #p_info{font-size:110%;width:25%;padding-top: 60px}
.height2{height:360px;}
.height1{height:180px;}
.height5{margin:0 5px;height:180px;}
#index_txt{font-size:100%}
.cell{margin:5px !important}
h3.background-lite{font-size:38px !important}
.arr{margin-top:4px}
.h2_ttl{font-size:130%}
}
@media only screen and (max-width: 767px){
.site-center{width:100% !important;max-width:100% !important}
.highlights{margin:0 !important}
.sitemenu,.pc{display:none !important}
nav, .smp_head,.smp,a .smp,.smp img,.smp span{display:block !important}
.width-1of4{width:50% !important}
.width-1of6{width:33.33%}
.height2 #p_info{font-size:160%;width:50%; top: 25%;}
.height1 #p_info{font-size:130%;width:50%;padding-top: 80px}
.height2{height:400px;}
.height1{height:200px;}
.height5{margin:0 5px;height:200px;}
.kurasite_pink2,.eco_safety2{height:380px !important}.kurasite_pink1,.eco_safety1{height:190px !important}
.kurasite_pink2,.eco_safety2,.kurasite_white{width:100% !important;}
.kurasite_white{height:auto !important;max-height:250px;overflow:auto;min-height:130px;}
#index_txt{padding:1em 0 0.7em}
h1.ttl_ex{margin-top:0;font-size:15px !important}
.arrowbox{padding-top:30px}
.arrowbox:before{border-width:20px 20px 0 20px;}
.arrowbox:after{bottom: -20px;border-width:20px 20px 0 20px;}
h3.background-lite{font-size:40px !important}
.background-lite div{padding:14px}
.arr{margin-top:2px}
#pic2{width:80%}
.width-1of3 .cell{margin:6px;}
#before{width:60%}
.background-lite{text-align:center !important;padding:8px;font-size:140%;color:#333}
.background-lite p{text-align:center;font-size:150%;font-weight:bold;color:darkblue}
.background-lite p img{width:40px;vertical-align:bottom}
#footer-navigation{display:none}
#eco_safety{width:60%;margin:0 auto}
.ui-btn-inner {
    padding: .2em;
    display: block;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    position: relative;
    zoom: 1;
}
.ui-btn {
    display: block;
    text-align: center;
    cursor: pointer;
    position: relative;
    margin: .5em;
    padding: 0.3em;
}
.ui-btn-text {
    position: relative;
    z-index: 1;
    font-weight: bold;
}
.button span{margin:0 !important}
.button img{box-sizing: border-box;width:100%;margin:0 !important}
.ui-btn-corner-all {
	-moz-border-radius: 				1em /*{global-radii-buttons}*/;
	-webkit-border-radius: 				1em /*{global-radii-buttons}*/;
	border-radius: 						1em /*{global-radii-buttons}*/;
}
.ui-shadow {box-shadow: none;}

}
@media only screen and (max-width: 767px){

}

@media only screen and (max-width: 600px){
.site-footer{font-size:130%}
.site-footer .width-1of5{width:100%;box-sizing:border-box}
.site-footer .width-2of5{width:100%;box-sizing:border-box}
.site-footer .width-1of2{width:50%;box-sizing:border-box}
.width-1of6{width:33.33%}
.footer_left,.footer_right{width:50% !important}
.footer_left{float:left !important}
.footer_right{float:right !important}
#info{font-size:115%}
.height5{margin:0 5px;height:240px;}
.width-1of2{width:100%}
#tenjijo{}
.tenjijo2{height:140px;border-top:1px solid #999;}
.tenjijo1{height:80px;}
#inner_area h3{font-weight:bold;font-size:120% !important;}
#inner_area h2{font-weight:bold;font-size:160% !important;}
.kurasite_pink2,.eco_safety2{height:320px !important;}.kurasite_pink1,.eco_safety1{height:160px !important;}
.height2{height:250px;overflow: hidden;background:#000}
.height1{height:150px;overflow: hidden;background:#000}
.height2 #p_info{font-size:160%;width:100%; top: 15%;}
.height1 #p_info{font-size:120%;width:50%;padding-top: 30px}
#p_info p{margin:5px 10px 0;background-color: rgba(0,0,0,0.3);}
nav, .smp_head,.smp,a .smp,.smp img,.smp span{display:block !important}
.site-body {font-size:14px}
h3.background-lite{font-size:44px !important}
.background-lite div{padding:20px}

}
#sns{float:right;margin:40px 0 0 0}


@media only screen and (max-width: 375px){


.kurasite_pink2,.eco_safety2{height:200px !important;}.kurasite_pink1,.eco_safety1{height:120px !important;}
.kurasite_white{height:auto !important/*height:140px !important;*/}
}


/*----------------ie8----------------*/
#header-area{min-width: 920px !important \9;margin:0 auto \9}
h1.ttl_ex{font-size:350% \9}
#bsc{height:100%\9 }
h3.background-lite{font-size:36px \9}
a:hover/**/ div{filter: alpha(opacity=85)\9;}
.height5 #p_info{padding:0\9;margin:26px 0 0 10px\9}
#noie8{display:none \9}
#sns{width:80px \9}
.width-1of5 img{width:100%}
li h2.bg-corpgreen,li h2.bg-corpred{position:relative\9;behavior: url('/common_n/pie/PIE.htc');}

/*------------------------buttom navi-----------------------*/
/*スマホ用ボトムナビ　bottom.js　使用*/
.cell_b{margin:6px 10px}
#pageTop{z-index:999;margin-bottom:10px;bottom:52px;clear:both}

#footer-area{margin-bottom:50px !important}
.bottom_nav{
display:block !important;
position:relative;
width:100%;
max-width:100%;
margin:0 !important;
box-shadow:0 -2px 10px rgba(0,0,0,0.2);
line-height:1.4em !important;
z-index: 999;
border-bottom: 1px solid black;
background:#111 !important;
overflow: hidden;
}
.bottom_nav .cell{max-width:1260px;margin:0 auto;}

.bottom_nav .w25 div{padding:0;border-right:1px solid #aaa;
	text-align:center;color:white;font-size:2.0vmin;font-weight:bold;line-height:1.4em !important;
}
.bottom_nav .w25 div nobr{margin:0}
.bottom_nav .w25 div.bdn{border:none;border-left:1px solid #aaa;line-height:1.4em !important;}
@media only screen and (min-width: 768px){
.bottom_nav .w25 div{border-left:1px solid #aaa;border-right:none}
.bottom_nav .w25 div.bdn{border-right:1px solid #aaa;}
}
.bg-gray{background:#111;line-height:1.4em !important;}

.icons{
display:inline-block;
text-align:center;
font-size:120%;
font-family: FontAwesome;
padding:0 0.2em 0em !important;
margin:0;
}

@media only screen and (max-width: 767px){
.bottom_nav .cell{max-width:100%}
.cell_b{margin:4px 4px 6px}

.bottom_nav{padding-bottom:0.9em;}
.bottom_nav .w25 div{padding:0;font-size:1.7vmax;border-left:none !important;}

}
@media only screen and (max-width: 600px){
.bottom_nav .w25 div{font-size:3.5vmin}
.icons{font-size:130%;display:block}
#pageTop{bottom:66px;}
#footer-area{margin-bottom:40px !important}
}
@media only screen 
    and (device-width : 375px) 
    and (device-height : 812px) 
    and (-webkit-device-pixel-ratio : 3) {.cell_b{margin:0.3em 0 1em}}
@media only screen and (max-width: 300px){
/*.bottom_nav .w25 div{font-size:1.4vmax}*/
.cell_b{margin:0.3em 0}
}

.bottom_nav .w50{
float:left;width:50% !important;text-align:center;padding:0;
}
.bottom_nav .w25{
float:left;width:25% !important;text-align:center;padding:0;
}
.bg-corpgreen:hover,.bg-corpred:hover{opacity:0.8}

.bottom_nav div.cell{}
.bottom_nav .width-1of4 div,.bottom_nav .width-1of3 div,.bottom_nav .width-1of2 div{padding:0.4em;margin:2px;line-height:1.4em;background:#fff;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
-khtml-border-radius: 4px;
border-radius: 4px;
}
.bottom_nav .width-1of4 i,.bottom_nav .width-1of3 i,.bottom_nav .width-1of2 i{font-size:160%;font-style:normal}

.bottom_nav a{color:#000}
.bottom_nav a i{color:#2267ae;}
.bottom_fixed{position: fixed;bottom: 0 !important;}

@media only screen and (min-width: 768px){

}.bottom_nav .w25 div:hover {background:#666 !important;}
.bottom_nav .w25 div:hover p{color:white !important;}

/*-----------------------2021------------------------*/

#lb-details p {
background: url(/house/exdesign/images/bg_p.gif) no-repeat;
padding-left: 60px;
}
#new {padding-top:6px;padding-left:6px;
    position: absolute;
    vertical-align: middle;
    z-index: 200;
}
#new img{width:40px}
#p_info p {font-size: 84%;}


#p_info p{margin:10px 16px 5px 8px}
#p_info p.dark{background-color: rgba(0,0,0,0.35);text-shadow: 0.1em 0.1em 3px #000, 1px 1px 2px #000, 0 0 1px #fff}
a:hover #p_info p.dark{background-color: rgba(0,0,0,0.6);}
#p_info p.whitey{background-color: rgba(255,255,255,0.3);text-shadow:0 0 0.03em #000, 1px 1px 2px #fff,1px 1px 3px #fff, 2px 2px 4px #fff, 3px 3px 5px #fff;color:#000;opacity:1}
a:hover #p_info p.whitey{background-color: rgba(255,255,255,0.7);}
span.whitey{text-shadow: 0 0 0 #000,1px 1px 2px #fff,1px 1px 3px #fff, 2px 2px 4px #fff;color:#222;}
@media only screen and (max-width: 375px){.kurasite_white{height:auto !important}}
.height1,.height2,.kurasite_pink2,.kurasite_pink1,.eco_safety2,.eco_safety1{border:11px solid white;box-sizing: border-box;}
@media only screen and (max-width: 600px){.height1,.height2,.kurasite_pink2,.kurasite_pink1,.eco_safety2,.eco_safety1{border:7px solid white;}}

/*-----------------*/
.index_box{border:4px solid #eee}
.cell_jitsurei{margin:16px}
.cell_jitsurei .index_box{border:4px solid #eee}
figure#pic_info p{font-size:100% !important;line-height:1.3em}

@media only screen and (max-width: 767px){
.cell_jitsurei{margin:8px}
.under600{display:block !important}
#pic_info p{margin:0;}
}
@media only screen and (max-width: 600px){.under600{display:none !important}}





h3{font-size:124%;font-weight:bold;padding:0 0 0.3em}
h3 p{font-size:60%;font-weight:bold;padding:0.2em;text-align:center}
.site-center img{/*float:none !important;*/}
#visual,#visual_s {display:block;
    list-style: none;
    padding: 0;
	margin:0 auto !important;
}
#visual li img,#visual{float:none !important;width:100%;}

ul#visual,ul#visual_s,ul#con,ul#kur {list-style:none;width:100%;margin:0;padding:0 }
ul#visual li img,ul#visual_s li img,ul#con li img,ul#kur li img {float:none !important;width:100%;margin:0;padding:0 }
ul#con li img:hover,ul#kur li img:hover{opacity:0.9}


ul.topics,ul.pict6,ul.pict7,ul.pict8,ul.sns_bt,ul.contact {
list-style:none;
    width:100%;
    margin:0 0 2em 0;
    padding:0;
    display:-webkit-box;
    display:-moz-box;
    display:-ms-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
    display:-ms-flex;
    display:flex;
    -webkit-box-lines:multiple;
    -moz-box-lines:multiple;
    -webkit-flex-wrap:wrap;
    -moz-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
}
ul.contact li {
    list-style: none;
    margin:0;
    position: relative;
    background:white;
	box-sizing:border-box;
/*	border-right:10px solid white;
	border-left:10px solid white;*/
	border-top:1px solid #999;
	border-bottom:1px solid #999;
}

ul.contact li img{margin:0 !important}
ul.contact li.pc_left{margin-right:2%;width:48%}
ul.contact li.pc_right{margin-left:2%;width:48%}
@media only screen and (max-width: 767px){
ul.contact li.pc_left{margin-right:0;width:100%}
ul.contact li.pc_right{margin-left:0;width:100%;border-top:none}
}
ul.contact li a:hover div{background:#e1e8f7}

ul.topics li {
    list-style: none;
    margin-bottom: 4px;
    position: relative;
    background:#eee;
	box-sizing:border-box;
	border-right:4px solid white;
}
ul.topics li a{color:#333;}
ul.topics li a:hover{color:#1444bb;/*#cc0066;*/}
ul.topics li:first-child{}
ul.topics li div.topics_pic img {
    width:100%;
    margin:0 0 -0.4em !important;
}

ul.topics li img:hover{opacity:0.9}
ul.topics li h5,ul.topics li h2 {
    padding:0 3%;
    font-weight:bold;
    font-size:110%;
    text-align:left;
    margin-bottom:15px;
    margin-top:0.3em;
}
ul.topics li p {background:none !important;
	text-align:left;
    padding:0.1em 1em 0.1em 0.7em;
    overflow:hidden;
    text-overflow: ellipsis;
    height:4.2em;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;/*3行目以降…*/
/*	white-space: nowrap;*/
}
@media  (min-width: 768px) and  (max-width: 1024px){ul.topics li p{font-size:90%}}
ul.topics li p.date {
	font-weight:bold;
	text-align:left;
    padding:0.4em 1em 0.4em 0.7em;
    height:1.5em;
}
/*ul.topics li p.button {
    text-align:center;
    padding: 0 0.9em 0 0.4em;
    display: block;
    position: absolute;
    bottom: 20px;
    width:100%;
}*/
/*ul.topics li p.button a {
    text-align: center;
    padding: 0 0.4em 0 0;
    display: block;
    position: absolute;
    bottom: 15px;
    width: 100%;
}*/
.topics_pic{width:25%;padding:0 !important}
.topics_txt{width:75%;background:none !important;}
.topics_txt b#release {
    vertical-align: top;
    font-weight: bold;
    font-size: 70%;
    padding: 0.25em;
    color: white;
    background: #d5afba;
    -moz-border-radius: 0.3em;
    -webkit-border-radius: 0.3em;
    -khtml-border-radius: 0.3em;
    border-radius: 0.3em;
    margin-right: 0.3em;
}
.topics li:hover{background:#e1e8f7}

ul.pict6,ul.pict7,ul.pict8{
margin:0 -2% !important;
width:104%;
/*justify-content:space-between;*/
}
ul.pict6 li,ul.pict7 li,ul.pict8 li {
    list-style: none;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    position: relative;
    background:none;
    line-height:1em;
}
ul.pict6 li{width:16.6666%;} ul.pict7 li{width:14.2857%;} ul.pict8 li{width:12.5%;}
ul.pict6 li img{width:70%;margin:0 15%;}
ul.pict7 li img{width:84%;margin:0 8%;}
ul.pict8 li img{width:94%;margin:0 3%;}
.circle6,.circle7,.circle8 {
    display: table-cell;
    height: 100%;
    border-radius: 50%;
    position: absolute;
	left:0;
	top: 0;
    transform: scale(0.7,0.7);
    z-index: 0;
    transition: all 0.4s ease-in-out;
    background-color: #ffffff;
}
.circle6{margin:0 15%;width:70%;}
.circle7{margin:0 8%;width:84%;}
.circle8{margin:0 3%;width:94%;}
.sns_bt{width:100%;max-width:700px;margin:1em auto !important}
.sns_bt li{width:16.6666%}
.sns_bt li img{width:100%}
@media only screen and (max-width: 600px){
.topics_pic{width:28%;}/****/
.topics_txt{width:72%;background:#eee}
ul.topics li{width: 100%;border-right:none}
ul.topics li p{font-size:90%}
ul.pict6 li{width: 33.3333%;}ul.pict7 li{width: 25%;}ul.pict8 li{width: 25%;}
ul.pict6 li img{width:90% !important;margin:0 5%;}
ul.pict7 li img{width:90% !important;margin:0 5%;}
ul.pict8 li img{width:94% !important;margin:0 3%;}
.circle6{margin:0 5%;width:90%;}
.circle7{margin:0 5%;width:90%;}
.circle8{margin:0 3%;width:94%;}
.sns_bt{width:96% !important}
.sns_bt li{width:28.3333%;margin:0.5em 2.5%}
}

.pic6 li,.pic7 li,.pic8 li {
	text-align:center;
	position: relative;
    display: table;
    margin:0.5em 0;
}
.pict6 li a,.pict7 li a,.pict8 li a {
    position: relative;
    z-index: 10;
    text-decoration: none;
}
.pict6 li a:hover + .circle6,.pict7 li a:hover + .circle7,.pict8 li a:hover + .circle8 {
-moz-transform: scale(1,1);
-webkit-transform: scale(1,1);
-o-transform: scale(1,1);
-ms-transform: scale(1,1);
    background-color: #c9d3ef;
}

/*----------------sns----------------*/

img.sns1,img.sns2,img.sns3,img.sns4,img.sns5,img.sns6{
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    transition: all  0.3s ease;
}
img.sns1:hover{filter: invert(4%) sepia(45%) saturate(220%) hue-rotate(355deg) brightness(118%) contrast(330%);}
img.sns2:hover{filter: invert(3%) sepia(40%) saturate(450%) hue-rotate(190deg) brightness(100%) contrast(200%);}
img.sns3:hover{filter: invert(1%) sepia(30%) saturate(400%) hue-rotate(175deg) brightness(118%) contrast(280%);}
img.sns4:hover{filter: invert(0.5%) sepia(15%) saturate(800%) hue-rotate(299deg) brightness(98%) contrast(330%);}
img.sns5:hover{filter: invert(2%) sepia(16%) saturate(800%) hue-rotate(260deg) brightness(100%) contrast(320%);}
img.sns6:hover{filter: invert(0.5%) sepia(17%) saturate(700%) hue-rotate(60deg) brightness(121%) contrast(320%);}

/*
img.sns1:hover{filter: invert(4%) sepia(45%) saturate(700%) hue-rotate(10deg) brightness(118%) contrast(330%);}
img.sns2:hover{filter: invert(2%) sepia(20%) saturate(800%) hue-rotate(193deg) brightness(115%) contrast(300%);}
img.sns3:hover{filter: invert(3%) sepia(20%) saturate(500%) hue-rotate(175deg) brightness(125%) contrast(350%);}
img.sns4:hover{filter: invert(1%) sepia(20%) saturate(800%) hue-rotate(299deg) brightness(98%) contrast(300%);}
img.sns5:hover{filter: invert(2%) sepia(20%) saturate(650%) hue-rotate(264deg) brightness(105%) contrast(300%);}
img.sns6:hover{filter: invert(0.5%) sepia(20%) saturate(800%) hue-rotate(60deg) brightness(128%) contrast(300%);}
*/

.cell img{width:100%}
.m-over{top:-1000px !important;}
.fixed,.fixed2 {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
    border-bottom: 1px solid #ccc;
    background: white;
    transition: 0.5s;
    opacity:0;
}
.fixed{top:0}
.fixed2{top:54px !important}

/*-----------------------print------------------------*/
@media print {
html{background:white}
body{zoom: 80%;}
.footer_map,#pageTop,#sns,#bottom_box,#footer-navigation{display:none !important}
.site-center{width:100% !important}
.highlights{margin:0 !important}
}