@charset "utf-8";


/*--------------------------------------------------------------*/
/*--------------------- CC common settings ---------------------*/
/*--------------------------------------------------------------*/


/*-- clearboth clearfix --*/

.clearBoth{
	clear:both;
}


.clearfix:after {
	content: "";
	display: block;
	clear: both;
}

/*-- br［reset center］ --*/

#CCBASE .txtcenter_reset{
	text-align:center;
}

@media screen and (max-width:920px){
	#CCBASE .txtcenter_reset{
		text-align:left;
	}
	#CCBASE .txtcenter_reset br.no_br{
		display:none;
	}
}

/*-- pagetop_button --*/

#CCBASE #pagejump_top a {
	background-color:rgba(60,60,60,0.5);
	text-decoration: none;
	color: #FFFFFF;
	padding: 0.4em 0.6em;
	font-size:1.8em;
	text-align: center;
	display: block;
	border:#FFFFFF 1px solid;
	border-radius:0.25em;
}

#CCBASE #pagejump_top a:hover,
#CCBASE #pagejump_top a:focus{
	background-color:rgba(62,111,207,0.8);
}

/*-- TEXT --*/

#CCBASE .txt125{
    font-size:1.250em;   
}

#CCBASE .txt150{
    font-size:1.500em;   
}

#CCBASE .txt200{
    font-size:2em;   
}

#CCBASE .txtN{
    font-weight:normal;
}

#CCBASE .txtB{
    font-weight:bold;
}

#CCBASE .txtBL{
    color:#0095d9;   
}

#CCBASE .txtUDL{
    text-decoration:underline;   
}

#CCBASE .txtLEFT{
    float:left;
    display:inline-block;
}

#CCBASE .txtRIGHT{
    float:right;
    display:inline-block;
}

#CCBASE .txtsp01{
    letter-spacing:0.1em !important;
}

#CCBASE .kakugoM{
	font-family: "heisei-kaku-gothic-std";
	font-weight:500;
}

#CCBASE .kakugoB{
	font-family: "heisei-kaku-gothic-std";
	font-weight:700;
}

#CCBASE .ryougoL{
	font-family: "ryo-gothic-plusn";
	font-weight:300;
}

#CCBASE .genkakuN{
	font-family: "source-han-sans-japanese";
	font-weight:300;
}

#CCBASE .genkakuB{
	font-family: "source-han-sans-japanese";
	font-weight:700;
}

#CCBASE .genkakuH{
	font-family: "source-han-sans-japanese";
	font-weight:900;
}

@media screen and (max-width:600px){
    #CCBASE .txt_SP{
        font-size:1.125rem;
        line-height:1.6rem;
        text-align:left !important;
    }
}


/*-- link --*/

#CCBASE a.pdf{
    background:url(/appliance/common/img/icn_pdf.gif) no-repeat center left;
    /*text-decoration:none;*/
    padding-left:20px;
}

#CCBASE .adjust{
	margin-top:-40px;
	padding-top:40px;
}

@media screen and (max-width:830px){
	#CCBASE .adjust_sidenavi{margin-top:-50px; padding-top:50px;}
}

@media screen and (max-width:320px){
	#CCBASE .adjust_sidenavi{margin-top:-72px; padding-top:72px;}
}

#CCBASE a.cur_point img{
	cursor:pointer;
}

#CCBASE a.cur_point img:hover,
#CCBASE a.cur_point img:focus{
	border:#555555 1px dotted;
	/*display:block;*/
}

/*-- sup,sub --*/

#CCBASE sup,
#CCBASE sub{
	vertical-align:baseline;
	font-size:0.750em;
	margin-right:0.4em;
}

#CCBASE sup{
	position:relative;
	font-weight:normal;
	top:-0.5em;
}

#CCBASE sub{
	position:relative;
	top:0.1em;
}

/*-- IMAGES --*/

#CCBASE img.framebd{
	border:#CCCCCC 1px solid;
}

#CCBASE img.center{
	margin:0 auto;
	display:block;
}

#CCBASE img.sideL{
	margin:0 1em 0 0;
    vertical-align:middle;
    float:left;
	display:inline-block;
}

#CCBASE img.sideR{
	margin:0 0 0 1em;
    vertical-align:middle;
    float:right;
	display:inline-block;
}


#CCBASE img.txtmiddle{
    vertical-align:middle;
}

#CCBASE a:hover img{
	opacity:0.7;
}

#CCBASE a:hover img.opc{
	opacity:1;
}

#CCBASE img.icospace{
	margin:0 0.3em;
}

@media screen and (max-width:580px){
	#CCBASE img.w580{margin-bottom:1.5em;}
}

/*-- MOVIE --*/

#CCBASE .moviebox{
    width:100%;
    padding-bottom: 56.25%;
    height:0px;
    position:relative;
}

#CCBASE .moviebox iframe{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}

/*-- BOTTOM NAVIBOX --*/

#CCBASE #bottomnavibox{
	margin:0 0 2rem;
}

#CCBASE #bottomnavibox .para_menu #pagetitle{
	/*font-size:1.125em;*/
	font-weight:bold;
    line-height:2.0rem;
	margin:0;
	padding:1.5rem 1.5rem 0;
}

#CCBASE #bottomnavibox .para_menu #pagetitle .h_ud{
	position:relative;
	margin:0;
	padding-bottom:0.05em;
	border-bottom:4px solid #999999;
}

#CCBASE #bottomnavibox .para_menu #pagetitle .h_ud:before{
	position: absolute;
	content:" ";
	border-bottom:solid 4px #555555;
	bottom:-4px;
	width:5em;
	display:block;
}

#CCBASE #bottomnavibox .para_menu ul{
	/*margin:0 auto;*/
	padding:1rem 1.2rem 2.0rem !important;
}

#CCBASE #bottomnavibox.para_menu ul li{
	margin-top:0;
}


/*-- BOX --*/

#CCBASE .basicbox{
	margin:0 0 1.2em;
}

#CCBASE .leadtxtbox{
	margin:1em 0.5em 2em;
    padding:0;
}

#CCBASE .paragraph{
	margin:1em 1em 3em;
}


/*-- print --*/

@media print {
	div#SENTENCE{display:none;}
}

/*-- H tag --*/

#CCBASE .simplemenu,
#CCBASE .simplemenu_bl,
#CCBASE .simplemenu_gr{
	margin:0;
	padding:0;
	font-size:1.125em;
    font-weight:bold;
}

#CCBASE .simplemenu p{
	margin:0 !important;
	padding:0.5em 1em !important;
	border:#CCCCCC 1px solid;
	border-radius:0.5em;
    background: -moz-linear-gradient(top,  #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
    background: -webkit-linear-gradient(top,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );background-color:#F0F0F0;
}

#CCBASE .simplemenu_bl p{
	margin:0 !important;
	padding:0.5em 1em !important;
	border:#CCCCCC 1px solid;
	border-radius:0.5em;
    background: -moz-linear-gradient(top,  #f2f6f8 0%, #d8e1e7 50%, #b5c6d0 51%, #e0eff9 100%);
    background: -webkit-linear-gradient(top,  #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
    background: linear-gradient(to bottom,  #f2f6f8 0%,#d8e1e7 50%,#b5c6d0 51%,#e0eff9 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9',GradientType=0 );
	background-color:#D6E0E6;
}

#CCBASE .simplemenu_gr p{
	margin:0 !important;
	padding:0.5em 1em !important;
	border:#CCCCCC 1px solid;
	border-radius:0.5em;
    background: -moz-linear-gradient(top,  #EFF0E4 0%, #EDEDC3 50%, #D4D9A7 51%, #EBEFB4 100%);
    background: -webkit-linear-gradient(top,  #EFF0E4 0%,#EDEDC3 50%,#D4D9A7 51%,#EBEFB4 100%);
    background: linear-gradient(to bottom,  #EFF0E4 0%,#EDEDC3 50%,#D4D9A7 51%,#EBEFB4 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EFF0E4', endColorstr='#EBEFB4',GradientType=0 );
	background-color:#EDEDC4;
}

#CCBASE .simplemenu_bl p a:link,
#CCBASE .simplemenu_gr p a:link{
	color:#3E6FCF !important;
}

#CCBASE .simplemenu span,
#CCBASE .simplemenu_bl span,
#CCBASE .simplemenu_gr span{
	margin-left:1.5em;
	font-size:0.778em;
	font-weight:normal;
}

@media screen and (max-width:580px) {
	#CCBASE .simplemenu span, #CCBASE .simplemenu_bl span, #CCBASE .simplemenu_gr span{margin-left:0; line-height:1.4em; display:block;}
}

/*-- line marker --*/

/*#CCBASE .linemarker{
    margin:0 0 1em;
    padding:0.5em;
    font-weight:bold;
    background:-moz-linear-gradient(transparent 85%, #96caec 0%);
    background:-webkit-linear-gradient(transparent 85%, #96caec 0%);
    background:linear-gradient(transparent 85%, #96caec 0%);
}*/

#CCBASE .linemarker{
    margin-bottom:0.5em;
    font-weight:bold;
    position:relative;
    padding: 0.4em 0;
}

#CCBASE .linemarker:after{
    content: "";
    display: block;
    height: 0.25em;
    background: -moz-linear-gradient(to right, rgb(150, 202, 236), transparent);
    background: -webkit-linear-gradient(to right, rgb(150, 202, 236), transparent);
    background: linear-gradient(to right, rgb(150, 202, 236), transparent);
}

/*--　tab　--*/

#CCBASE #tabselect{
    width:100%;
    margin:0;
    padding:0;
    border-bottom:#555555 1px solid;
}

#CCBASE #tabselect ul{
    /*width:100%;*/
    margin:1em 0 0;
}

#CCBASE #tabselect ul li{
    /* width:30%; */
    width: 33.33333% ;
    width: -webkit-calc(100% / 3) ;
    width: calc(100% / 3) ;
    margin:0;
    padding:1em 0;
    text-align:center;
    border:#555555 1px solid;
    border-right:none;
    border-bottom:none;
    float:left;
    display:inline-block;
    background: #6a7b83;
    background: -moz-linear-gradient(top,  #cedce7 0%, #596a72 100%);
    background: -webkit-linear-gradient(top,  #cedce7 0%,#596a72 100%);
    background: linear-gradient(to bottom,  #cedce7 0%,#596a72 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cedce7', endColorstr='#596a72',GradientType=0 );
}

#CCBASE #tabselect ul li.location{
    box-shadow:0px -0.4em 0px 0px #6C8CA5;
    background:none;
}

#CCBASE #tabselect ul li:last-child{
    border-right:#555555 1px solid;
}

#CCBASE #tabselect ul li a{
    color:#FFFFFF;
}

/*-- exnotes --*/

#CCBASE .exnotes{
	margin-left:1.5em;
	text-indent:-1.5em;
}

#CCBASE .exnotes2{
	margin-left:2.1em;
	text-indent:-2.1em;
}

#CCBASE .exnotes3{
	margin-left:2.8em;
	text-indent:-2.8em;
}

#CCBASE .exnotes_plain,
#CCBASE .exnotes,
#CCBASE .exnotes2,
#CCBASE .exnotes3{
	margin-top:0;
    margin-bottom:0;
    font-size:0.750em;
    line-height:1.4em;
}

#CCBASE .exnotes .topmark,
#CCBASE .exnotes2 .topmark,
#CCBASE .exnotes3 .topmark{
	margin-right:0.5em;
}

/*-- youtube embed--*/

#CCBASE .movie_set{
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

#CCBASE .movie_set iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*-- CSS ICON --*/


#CCBASE div.icon {
    display: inline-block;
    position: relative;
}

#CCBASE .check .icon {
  color: #000;
  position: absolute;
  margin-left: 3px;
  margin-top: 4px;
  width: 14px;
  height: 8px;
  border-bottom: solid 1px currentColor;
  border-left: solid 1px currentColor;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

#CCBASE .triangleico {
	width:0;
	height:0;
	margin:0 auto;
	padding:0;
	border-style:solid;
	border-width:0 10px 15px 10px !important;
	border-color:transparent transparent #222222 transparent !important;
}

#CCBASE .triangleico2 {
	width:0;
	height:0;
	margin:0 auto;
	padding:0;
	border-style:solid;
	border-width:15px 10px 0 10px !important;
	border-color:#222222 transparent transparent transparent !important;
}



/*--------------------------------------------------------------*/
/*-------------------- default parts arrange -------------------*/
/*--------------------------------------------------------------*/

#CCBASE h1, #CCBASE h2, #CCBASE h3, #CCBASE h4, #CCBASE h5, #CCBASE h6{
	border:none;
    font-weight:normal;
}

#CCBASE #ES-MENU-BLOCK h1, #CCBASE #ES-MENU-BLOCK h2, #CCBASE #ES-MENU-BLOCK h3, #CCBASE #ES-MENU-BLOCK h4, #CCBASE #ES-MENU-BLOCK h5, #CCBASE #ES-MENU-BLOCK h6{
    font-weight:bold;
}

#CONTENTS #CCBASE .h1Title{
	font-size:1.250em;
}

#CCBASE .h1Title.nosub {padding:1.5em 15px;}

#CCBASE hr{
    border-top:none;
}

/*-- MARGIN,PADDING --*/

#CCBASE .mg0{
	margin:0 !important;
}

#CCBASE .mgpd0{
	margin:0 !important;
	padding:0 !important;
}

#CCBASE .mg0_1{
	margin:0 0 1em !important;
}

#CCBASE .mg1_0{
	margin:1em 0 !important;
}

#CCBASE .mg3_0_1{
	margin:3em 0 1em !important;
}

#CCBASE .mg0_2{
	margin:0 0 2em !important;
}

#CCBASE .mg1_2{
	margin:1em 0 2em !important;
}

#CCBASE .mg1{
	margin:1em !important;
}

#CCBASE .pd1{
	padding:1em !important;
}

#CCBASE .pd15{
	padding:1.5em !important;
}

/*-- LINE HEIGHT --*/

#CCBASE .lh12{
    line-height:1.2em !important;
}

#CCBASE .lh14{
    line-height:1.4em !important;
}

#CCBASE .lh18{
    line-height:1.8em !important;
}

#CCBASE .lh24{
    line-height:2.4em !important;
}

/*-- LIST --*/

#CCBASE .kan_waku ul{
	margin-left:0;
}

#CCBASE .kan_waku ul li.stage2{
	margin-left:2.4em;
}

#CCBASE .list_bkmenu .singleuse{
	margin:0 !important;
	width:100%;
	display:block;
}

#CCBASE .list_bkmenu li.right_justified{
    float:right !important;
}

#CCBASE .list_bkmenu li .subtxt{
    margin:0;
    padding:0;
    font-size:0.800em;
    display:inline-block;
}

#CCBASE ul{
	margin-left:0.5em;
}

#CCBASE ul li{
	/*line-height:1.2em;*/
}

#CCBASE #ES-MENU-BLOCK ul li{
	line-height:1.4em;
}

#CCBASE ol.circlenum {
    counter-reset: my-counter;
    list-style: none;
    margin:1.5em 0.5em 1.5em 0;
    padding: 0;
}

#CCBASE ol.circlenum li {
    margin-bottom: 1em;
    padding-left: 1em;
    position: relative;
}

#CCBASE ol.circlenum li:before {
    content: counter(my-counter);
    counter-increment: my-counter;
    background-color: #FFFFFF;
    color: #333333;
    display: block;
    float: left;
    /*line-height: 1.2em;*/
    margin-left: -1.8em;
    text-align: center;
    height: 1.2em;
    width: 1.2em;
    border-radius: 50%;
    border:#333333 1px solid;
}

div#CONTENTS div#CONTENTS_BLOCK div#CCBASE div.list_menu li {
    margin: 0.5em 1em;
}


/*-- DL,DT,DD --*/

#CCBASE dl.ccreset,
#CCBASE dl.ccreset dt,
#CCBASE dl.ccreset dd{
    margin-left:0;
}

#CCBASE dl.ccreset dd.idt{
    margin-left:1.5em;
    margin-bottom:1em;
}

#CCBASE dl.ccreset dd.idt2{
    margin-left:1.5em;
}

#CCBASE dl.ccreset dd.s_by_s{
    margin-left:1.5em;
    display:inline-block;
}

#CCBASE dl.ccreset dd.mark01{
    padding-left:1em;
    position:relative;
}

#CCBASE dl.ccreset dd.mark01:before{
    background-color:#222222;
    content: "";
    height: 0.5em;
    width: 0.5em;
    top:0.4em;
    left:0;
    position: absolute;
}

#CCBASE dl.ccreset img.mark02{
    margin-right:0.5em;
    vertical-align:middle;
}

#CCBASE dl.ccreset .inline_b{
    display:inline-block;
}


/*-- TABLE --*/

div#CONTENTS div#CONTENTS_BLOCK #CCBASE table.colorless tr:nth-child(2n+1){
	background:#FFFFFF;
}

div#CONTENTS div#CONTENTS_BLOCK #CCBASE table.T_black tr:nth-child(2n+0),
div#CONTENTS div#CONTENTS_BLOCK #CCBASE table.T_gray tr:nth-child(2n+0){
	background:#FFFFFF;
}

div#CONTENTS div#CONTENTS_BLOCK #CCBASE table.cellmdl th,
div#CONTENTS div#CONTENTS_BLOCK #CCBASE table.cellmdl td{
   vertical-align:middle;
}

#CCBASE table.tbfix{
   table-layout:fixed;
}

#CCBASE table.tbmdl th,
#CCBASE table.tbmdl td{
    vertical-align:middle;
}

/*-- FLEXBOX --*/

#CCBASE .flebox_base{
    display:flex;
}

#CCBASE .flebox_baseR{
    display:flex;
    flex-direction:row-reverse;
}

#CCBASE .fle_wrapon{
    flex-wrap: wrap;
}

#CCBASE .flebox_base .fleinbox_md{
    align-self:center;
    flex:1 1 25%;
}

#CCBASE .flebox_base .fleinbox_md50{
    align-self:center;
    flex:1 1 50%;
}

#CCBASE .flebox_base .fleinbox_md60{
    align-self:center;
    flex:1 1 60%;
}

#CCBASE .flebox_base .fleinbox_md80{
    align-self:center;
    flex:1 1 80%;
}

#CCBASE .flebox_baseR .fleinbox_md80{
    align-self:center;
    flex:0 1 80%;
}

#CCBASE .flebox_base .fleinbox_stretch{
    align-self:stretch;
    flex:1 1 80%;
}

#CCBASE .flebox_base .fleinbox_stretch25{
    align-self:stretch;
    flex:1 1 25%;
}

@media screen and (max-width:600px){
    #CCBASE .flebox_base,
    #CCBASE .flebox_base .fleinbox_md,
    #CCBASE .flebox_base .fleinbox_md50,
    #CCBASE .flebox_base .fleinbox_md60,
    #CCBASE .flebox_base .fleinbox_md80,
    #CCBASE .flebox_base .fleinbox_stretch,
    #CCBASE .flebox_base .fleinbox_stretch25{
        display: block;
    }
}

@media screen and (max-width:600px){
    #CCBASE .flebox_baseR .fleinbox_md80{
        flex:1 1 100%;
    }
}


/*-- sidenavi webcatalog --*/

div#CONTENTS div#CONTENTS_BLOCK div#ES-MENU-BLOCK div#ES3R #WEBCATABOX{
	margin:0 0 2em;
	padding:0;
	letter-spacing: -.4em;
	border:#CCCCCC 1px solid;
	border-top:none;
}

#WEBCATABOX dl,
#WEBCATABOX dt,
#WEBCATABOX dd{
	margin:0;
	padding:0;
	vertical-align:middle;
}

#WEBCATABOX dt,
#WEBCATABOX dd{
	width:49.5%;
	letter-spacing: normal;
	display:inline-block;
}

@media screen and (max-width:830px){
	#WEBCATABOX dt{width:42%;}
	#WEBCATABOX dd{width:57%;}
}

#WEBCATABOX dt img{
	margin:0 auto;
	padding:1em 0.5em;
	display:block;
}

#WEBCATABOX dd span{
	padding:1em 0.5em 1em 0;
	font-size:0.875em;
    line-height:1.1rem;
}



/*--------------------------------------------------------------*/
/*----------------------- common effect ------------------------*/
/*--------------------------------------------------------------*/


#CCBASE .boxline_plane{
	border:1px solid !important;
}

#CCBASE .boxline{
	border:#CCCCCC 1px solid !important;
}

#CCBASE .boxline2{
	border:#CCCCCC 2px solid !important;
}

#CCBASE .boxlineRD{
	border:#C00000 1px solid !important;
}

#CCBASE .boxline_round{
	border:#CCCCCC 1px solid !important;
	border-radius:0.5em;
}

#CCBASE .boxline_round2{
	border:#CCCCCC 2px solid !important;
	border-radius:0.5em;
}

#CCBASE .boxline_under{
	border-bottom:#CCCCCC 1px solid !important;
}

#CCBASE .boxline_under2{
	border-bottom:#CCCCCC 1px dotted !important;
}

#CCBASE .boxline_under2_plane{
	border-bottom:1px dotted !important;
}

#CCBASE .boxline_under3{
	border-bottom:#CCCCCC 1px dashed !important;
}

#CCBASE .box_round{
	margin:1em;
	padding:1em 0.5em;
	border-radius:0.5em;
}

#CCBASE .box_round2{
	margin:1em 0;
	padding:1em 0.5em;
	border-radius:0.5em;
}

#CCBASE .box_round3{
	margin:1em 0;
	padding:1em;
	border-radius:0.5em;
}

#CCBASE .boxbg_gr{
	background-color:#E9E9E9;
}

#CCBASE .boxbg_wh{
	background-color:#FFFFFF;
}

#CCBASE .boxbg_grn{
	background-color:#BADCAD;
}

#CCBASE .boxbg_ylw{
    background-color:#FCF5C9;
}

#CCBASE .boxbg_ble{
    background-color:#DDECF6;
}

#CCBASE .boxbg_whiteblur{
	background:rgba(255, 255, 255, 0.6);
}

#CCBASE .box_inshadow{
	box-shadow:rgba(204, 204, 204, 0.75) 0px 0px 10px 0px inset;
}

#CCBASE .box_outshadow{
    box-shadow:0 10px 6px -6px #CCCCCC;
}

#CCBASE .txtoutline_white{
	text-shadow:-1px -1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 1px 1px 0 #FFFFFF;
}

#CCBASE .txtoutline_white_strong{
    text-shadow:
        #FFFFFF 2px 0px 2px, #FFFFFF -2px 0px 2px,
        #FFFFFF 0px -2px 2px, #FFFFFF -2px 0px 2px,
        #FFFFFF 2px 2px 2px, #FFFFFF -2px 2px 2px,
        #FFFFFF 2px -2px 2px, #FFFFFF -2px -2px 2px,
        #FFFFFF 1px 2px 2px, #FFFFFF -1px 2px 2px,
        #FFFFFF 1px -2px 2px, #FFFFFF -1px -2px 2px,
        #FFFFFF 2px 1px 2px, #FFFFFF -2px 1px 2px,
        #FFFFFF 2px -1px 2px, #FFFFFF -2px -1px 2px,
        #FFFFFF 1px 1px 2px, #FFFFFF -1px 1px 2px,
        #FFFFFF 1px -1px 2px, #FFFFFF -1px -1px 2px;
}

#CCBASE .txtoutline_black{
	text-shadow:-1px -1px 0 #333333, 1px -1px 0 #333333, -1px 1px 0 #333333, 1px 1px 0 #333333;
}

#CCBASE .txtoutline_black_strong{
    text-shadow:
        #333333 2px 0px 2px, #333333 -2px 0px 2px,
        #333333 0px -2px 2px, #333333 -2px 0px 2px,
        #333333 2px 2px 2px, #333333 -2px 2px 2px,
        #333333 2px -2px 2px, #333333 -2px -2px 2px,
        #333333 1px 2px 2px, #333333 -1px 2px 2px,
        #333333 1px -2px 2px, #333333 -1px -2px 2px,
        #333333 2px 1px 2px, #333333 -2px 1px 2px,
        #333333 2px -1px 2px, #333333 -2px -1px 2px,
        #333333 1px 1px 2px, #333333 -1px 1px 2px,
        #333333 1px -1px 2px, #333333 -1px -1px 2px;
}

#CCBASE .h_ud01{
    position: relative;
    padding: 0.25em 0;
}

#CCBASE .h_ud01:after{
    content: "";
    display: block;
    height: 4px;
    background: -moz-linear-gradient(to right, rgb(0, 131, 208), transparent);
    background: -webkit-linear-gradient(to right, rgb(0, 131, 208), transparent);
    background: linear-gradient(to right, rgb(0, 131, 208), transparent);
}

#CCBASE .h_ud03:after{
    content: "";
    display: block;
    height: 4px;
    background: -moz-linear-gradient(to right, rgb(0, 131, 208), transparent);
    background: -webkit-linear-gradient(to right, rgb(0, 131, 208), transparent);
    background: linear-gradient(to right, rgb(111, 186, 44), rgb(196, 215, 0), transparent);
}

#CCBASE .h_ud02{
    position:relative;
    padding-bottom:0.5em;
    border-bottom:4px solid #C0A893;
}

#CCBASE .h_ud02:before{
     position: absolute;
     content:" ";
     border-bottom:solid 4px #490C00;
     bottom:-4px;
     width:5em;
     display:block;
}


/*--------------------------------------------------------------*/
/*--------------------------- toppage --------------------------*/
/*--------------------------------------------------------------*/

#CCBASE img.mainvisual{
	margin:0 0 1.5em 0;
	display:block;
}

#CCBASE .indexmenu{
	margin:0 0 2em;
}

#CCBASE .indexmenu .h2bar{
	margin:0 0 1em !important;
	padding:0;
	font-family:"Hiragino Kaku Gothic ProN", Meiryo, sans-serif !important;
	border:none;
}

#CCBASE .indexmenu .h2bar p{
	margin:0 !important;
	padding:0.2em 1em !important;
	font-size:1.063em;
	font-weight:normal;
	color:#FFFFFF;
	border:#CCCCCC 1px solid;
	border-radius:0.5em;
	background: rgb(153,153,153);
	background: -moz-linear-gradient(top,  rgba(153,153,153,1) 0%, rgba(85,85,85,1) 50%, rgba(68,68,68,1) 51%, rgba(51,51,51,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(153,153,153,1) 0%,rgba(85,85,85,1) 50%,rgba(68,68,68,1) 51%,rgba(51,51,51,1) 100%);
	background: linear-gradient(to bottom,  rgba(153,153,153,1) 0%,rgba(85,85,85,1) 50%,rgba(68,68,68,1) 51%,rgba(51,51,51,1) 100%);
	/*background:#F0F0F0 -moz-linear-gradient(center top , #FFF 0%, #F1F1F1 50%, #E1E1E1 51%, #F6F6F6 100%) repeat scroll 0% 0%;
	background:-ms-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
	background-color:#F0F0F0;*/
}

#CCBASE .indexmenu dl{
    margin-top:0.5em;
	margin-left:0;
}

#CCBASE .indexmenu dl dt{
	margin:0.2em 0 1em 0;
    line-height:1.4rem;
}

#CCBASE .indexmenu dl dd{
	margin-left:0.5em;
	font-size:0.938em;
	line-height:1.5rem;
}

#CCBASE .indexmenu dl dd.lineuplink{
	margin-left:2.0em;
    margin-bottom:0.8rem;
}

#CCBASE .indexmenu .dbmenu_hd{
	padding:0.5em 1em;
	font-weight:normal;
	background-color:#EFEFEF;
	border:none;
}

#CCBASE .indexmenu .dbmenu{
	display:block;
	float:left;
	padding-bottom:32767px;
	margin-bottom:-32767px;
}

@media screen and (min-width:830px){
	#CCBASE .indexmenu .dbmenu{width:18%; margin-right:2.5%;}
	#CCBASE .indexmenu .dbmenu:nth-child(5n){margin-right:0;}
}

@media screen and (min-width:740px) and (max-width:830px) {
	#CCBASE .indexmenu .dbmenu{width:24.025%; margin-right:1.3%;}
	#CCBASE .indexmenu .dbmenu:nth-child(4n){margin-right:0;}
}

@media screen and (min-width:580px) and (max-width:740px) {
	#CCBASE .indexmenu .dbmenu{width:32%; margin-right:2%;}
	#CCBASE .indexmenu .dbmenu:nth-child(3n){margin-right:0;}
}

@media screen and (max-width:580px) {
	#CCBASE .indexmenu .dbmenu{width:48%; margin-right:4%;}
	#CCBASE .indexmenu .dbmenu:nth-child(2n+0){margin-right:0;}
}

#CCBASE .indexmenu .dbmenu .thumbnail{
	margin:0 0 0.4em 0;
	padding:0;
    background-color:#FFFFFF;
	border:#CCCCCC 1px solid;
}

#CCBASE .indexmenu .dbmenu .thumbnail img{
	margin:0.5em auto;
	padding:0;
	display:block;
}

#CCBASE .indexmenu .dbmenu span{
	margin-bottom:2em;
	padding:0 0.4em;
	font-size:0.688em !important;
	/*text-align:center;*/
	line-height:1.2em;
	display:block;
}

/*--------------------------------------------------------------*/
/*--------------------------- DB list --------------------------*/
/*--------------------------------------------------------------*/

@media print {
	#products_sortbox{display:none;}
	#products_list table.products_table thead{display:none;}
}

/*-- table --*/

div#CONTENTS div#CONTENTS_BLOCK #CCBASE #products_list th{
    font-weight:normal;
}

div#CONTENTS div#CONTENTS_BLOCK #CCBASE #products_list th,
div#CONTENTS div#CONTENTS_BLOCK #CCBASE #products_list td{
	padding:0.4em 0.5em !important;
    vertical-align: middle;
}

div#CONTENTS div#CONTENTS_BLOCK #CCBASE #products_list th{
    background-color:#19448e;
}

div#CONTENTS div#CONTENTS_BLOCK #CCBASE #products_list tr:nth-child(2n+1){
	background:none;
}

@media screen and (max-width:580px) {
	#products_list .wd580 {display:none;}
	#products_list .Type, #products_list .Spec, #products_list .Spec2, #products_list .Spec3, #products_list .Price {display:none;}
}

div#CONTENTS div#CONTENTS_BLOCK #CCBASE #products_list td.Partnumber{
    font-size:1.222em;
    font-weight:bold;
}

/*-- sort --*/

#products_list #products_sortbox{
	margin:0 0 1.5em;
	padding:0.8em;
	font-size:0.875em;
	border-radius:1em;
	background-color:#E9E9E9;
}

#products_list #products_sortbox h2{
	width:12em;
	position: relative;
	margin: 0 0 1.5em;
	padding: 0.8em;
	background: #19448e;
	color: #fff;
	font-size: 1.143em;
	font-weight: bold;
	border-radius: 0.4em;
}

#products_list #products_sortbox h2:after{
	position: absolute;
	bottom: -15px;
	left: 12%;
	z-index: 90;
	margin-left: -15px;
	border-top: 15px solid #19448e;
	border-left: 15px solid transparent;
	border-right: 15px solid transparent;
	border-bottom: 0;
	content: "";
}

#products_list ul{
	margin:-2.4em 0.8em 1.5em;
	padding:2em 1.5em 0.5em;
	background-color:#FFFFFF;
	display:flow-root;
}

#products_list ul li{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}

#products_list ul li input{
	margin:0 1.5em 1.5em 0;
	padding:0.5em 1.2em;
	font-size:1em;
	text-align:center;
	font-family:'Open Sans Condensed','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック',sans-serif;
	border:#CCCCCC 1px solid;
	border-radius:0.4em;
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(241,241,241,1) 50%, rgba(225,225,225,1) 51%, rgba(246,246,246,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
	background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
	box-shadow:0 10px 6px -6px #CCCCCC;
	display:inline-block;
}

#products_list ul li:last-child input{
	margin-right:0;
}

#products_list ul li input:hover,
#products_list ul li input:focus{
	cursor:pointer;
	background: rgb(235,241,246);
	background: -moz-linear-gradient(top,  rgba(235,241,246,1) 0%, rgba(171,211,238,1) 50%, rgba(137,195,235,1) 51%, rgba(213,235,251,1) 100%);
	background: -webkit-linear-gradient(top,  rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 51%,rgba(213,235,251,1) 100%);
	background: linear-gradient(to bottom,  rgba(235,241,246,1) 0%,rgba(171,211,238,1) 50%,rgba(137,195,235,1) 51%,rgba(213,235,251,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf1f6', endColorstr='#d5ebfb',GradientType=0 );
}

#products_list #products_sortbox .keywordsearch{
	margin:-2.4em 0.8em 1.5em;
	padding:2em 1.5em;
	background-color:#FFFFFF
}

#products_list #products_sortbox .updateinfo{
	margin:-2.4em 0.8em 1.5em;
	padding:2em 1.5em;
	background-color:#FFFFFF
}

/*-----------------------------------------------------------------------------*/
/*----------------------------- contents settings -----------------------------*/
/*-----------------------------------------------------------------------------*/

/*-- toppage --*/

div#SENTENCE div#HWARP div#SENTENCE_BLOCK h1{
    margin:0;
    padding:0;
}

#CCBASE #CCTOP .swiper-container{
    margin-bottom:2em;
}

#CCBASE #CCTOP #TOP_MESSE{
    margin:1.5em 0;
    padding:1em;
    text-align:center;
    background-color:#FFF3F3;
    border:#CC0000 3px double;
}

#CCBASE #CCTOP #TOP_MESSE h2{
    margin:0.5em 0;
    padding:0 0 0.5em;
    border-bottom:#CC0000 1px dotted;
}

#CCBASE #CCTOP h2.subcategory{
    margin:3em 0 1em;
    font-size:1.375em;
    font-weight:bold;
}

#CCBASE #CCTOP .top_categorybox{
    margin:0.5em 0 2em;
    padding:0;
    border:#CCCCCC 1px solid;
    background-color:#F3F3F3;
}

#CCBASE #CCTOP .categorybox_head{
    width:100%;
    margin:0;
    padding:0;
    line-height:1.6em;
    border-bottom:#CCCCCC 1px solid;
    background: rgb(76,76,76);
    background: -moz-linear-gradient(top,  rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
    background: -webkit-linear-gradient(top,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%);
    background: linear-gradient(to bottom,  rgba(76,76,76,1) 0%,rgba(89,89,89,1) 12%,rgba(102,102,102,1) 25%,rgba(71,71,71,1) 39%,rgba(44,44,44,1) 50%,rgba(0,0,0,1) 51%,rgba(17,17,17,1) 60%,rgba(43,43,43,1) 76%,rgba(28,28,28,1) 91%,rgba(19,19,19,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313',GradientType=0 );
    display:table;
}

#CCBASE #CCTOP .categorybox_head h3{
    width:75%;
    margin:0;
    padding:1em 0.8em;
    vertical-align:middle;
    display:table-cell;
}

#CCBASE #CCTOP .categorybox_head h3 a{
    color:#FFFFFF;
    background: url(../img/icon-arrow-white.gif) no-repeat center left;
    display:block;
    text-shadow:
        #010101 2px 0px 2px, #010101 -2px 0px 2px,
        #010101 0px -2px 2px, #010101 -2px 0px 2px,
        #010101 2px 2px 2px, #010101 -2px 2px 2px,
        #010101 2px -2px 2px, #010101 -2px -2px 2px,
        #010101 1px 2px 2px, #010101 -1px 2px 2px,
        #010101 1px -2px 2px, #010101 -1px -2px 2px,
        #010101 2px 1px 2px, #010101 -2px 1px 2px,
        #010101 2px -1px 2px, #010101 -2px -1px 2px,
        #010101 1px 1px 2px, #010101 -1px 1px 2px,
        #010101 1px -1px 2px, #010101 -1px -1px 2px;
}

#CCBASE #CCTOP .categorybox_head p{
    width:25%;
    margin:0;
    padding:0.5em 0;
    /*vertical-align:middle;*/
    background:#FFFFFF;
    display:table-cell;
}

#CCBASE #CCTOP .categorybox_head p img{
    margin:0 auto;
    padding:0.2em 0;
    display:block;
}

@media screen and (min-width:740px) and (max-width:830px) {
    #CCBASE #CCTOP .categorybox_head h3{width:68%;}
    #CCBASE #CCTOP .categorybox_head p{width:32%;}
}

#CCBASE #CCTOP .top_categorybox ul{
    margin:0;
    padding:1.5em 0.5em;
    list-style: none;
}

#CCBASE #CCTOP .top_categorybox ul li{
    margin:0 0 1.2em;
    padding:0 0 0.6em 0.2em;
    font-size:0.875em;
    line-height:1.4em;
    border-bottom:#555555 1px dotted;
}

#CCBASE #CCTOP .top_categorybox ul li:last-child{
    margin-bottom:0;
}

#CCBASE #CCTOP .top_menubox{
    margin:0 auto;
    padding:0;
    color:#FFFFFF;
    border-radius:0.5em;
    /*display:table;*/
    background:#596A72;
}

#CCBASE #CCTOP .top_menubox .nest{
    padding:0.5em;
}

#CCBASE #CCTOP .top_menubox .nest h2{
    margin:0 0 1em;
    border-bottom:#FFFFFF 2px dotted;
}

#CCBASE #CCTOP .top_menubox .nest a{
    color:#FFFFFF;
    display:block;
}

#CCBASE #CCTOP .top_menubox .nest h2 a{
    background: url(../img/icon-arrow-white.gif) no-repeat center left;
}

#CCBASE #CCTOP .top_menubox .nest ul{
    list-style:none;
    margin:0;
    padding:0;
}

#CCBASE #CCTOP .top_menubox .nest ul li{
    margin:0 0 1em;
    padding:0 0 0 0.5em;
}

#CCBASE #CCTOP .news_list{
    margin:0;
    padding:0;
    font-size:0.938em;
    line-height:1.8em;
}

#CCBASE #CCTOP .news_list dd{
    border-bottom:#999999 1px dotted;
}




/*-- super --*/

div#CONTENTS div#CONTENTS_BLOCK #SUPER div.list_menu li{
    margin-bottom:1em;
    padding-bottom:0.2em;
}

div#CONTENTS div#CONTENTS_BLOCK #SUPER div.list_menu li:last-child{
    margin-bottom:0;
}

div#CONTENTS div#CONTENTS_BLOCK #SUPER div.list_menu a.arrow_win2{
    padding-left:1.5em;
}

#CCBASE #SUPER #topbg{
	margin:0;
	padding:0;
	/*min-height:700px;*/
	background:url(/appliance/cold_chain/super/ev/img/mainimg.png) 0 0 no-repeat;
	background-size: contain;
}

#CCBASE #SUPER #topbg div{
	padding-top:15em;
}

@media screen and (max-width:580px) {
	#CCBASE #SUPER #topbg div{padding-top:12em; font-size:0.8em;}
}

@media screen and (max-width:320px) {
	#CCBASE #SUPER #topbg div{padding-top:8em; font-size:0.8em;}
}

#CCBASE #SUPER #topbg_nanoex{
	margin:0;
	padding:0;
	/*min-height:700px;*/
	background:url(/appliance/cold_chain/super/ev/img/mainimg_nanoex.png) 0 0 no-repeat;
	background-size: contain;
}

/*#CCBASE #SUPER #topbg_nanoex div{
	padding-top:15em;
}*/

@media screen and (max-width:700px) {
	#CCBASE #SUPER #topbg_nanoex h2 p{padding:0 0.8em; font-size:1.6em; text-align:left;}
}

@media screen and (max-width:580px) {
	#CCBASE #SUPER #topbg_nanoex div{padding-top:12em; font-size:0.8em;}
	#CCBASE #SUPER #topbg_nanoex h2 p{padding:0 0.5em; font-size:1.2em; text-align:left;}
}

@media screen and (max-width:320px) {
	#CCBASE #SUPER #topbg_nanoex div{padding-top:8em; font-size:0.8em;}
}



/*-- refrigerator --*/

#CCBASE #REFRIGE .h1_imgtop{
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin: 0 auto;
    padding:0;
}

#CCBASE #REFRIGE .h1_bg{
    background: url(/appliance/cold_chain/refrigerator/img/topimg.png) no-repeat 0 0;
    background-size: 100%;
}

#CCBASE #REFRIGE .layer-txt{
    text-shadow:-1px -1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 1px 1px 0 #FFFFFF, #FFFFFF 0px 0px 5px, #FFFFFF 0px 0px 10px, #FFFFFF 0px 0px 15px, #FFFFFF 0px 0px 20px;
    font-size: 1.6rem;
    padding: 3.8rem 1.2rem;
    font-weight:bold;
}

@media screen and (max-width:480px){
    #CCBASE #REFRIGE .layer-txt{
        font-size: 1.15rem;
        padding: 1.2rem 0.5rem;
    }
}

@media screen and (min-width:480px) and (max-width:600px) {
    #CCBASE #REFRIGE .layer-txt{
        font-size: 1.25rem;
        padding: 2rem 1rem;
    }
}

@media screen and (min-width:600px) and (max-width:800px) {
    #CCBASE #REFRIGE .layer-txt{
        /*font-size: 1.4rem;*/
        padding: 3rem 1rem;
    }
}

/*@media screen and (min-width:800px) and (max-width:920px) {
    #CCBASE #REFRIGE .layer-txt{
        font-size: 1.5rem;
        padding: 4.8rem 1rem;
    }
}*/









/*-- icemaker --*/

#CCBASE #ICEMAKER #topbg{
	margin:0;
	padding:0;
	background:url(/appliance/cold_chain/icemaker/img/bg_base.png) 0 0 no-repeat;
	background-size: 100% auto;
}


/*-- dishwasher --*/

#CCBASE #DISHWASHER #topbg{
	margin:0;
	padding:0;
	background:url(/appliance/cold_chain/dishwasher/img/bg_base.png) 0 0 no-repeat;
	background-size: 100% auto;
}

#CCBASE #DISHWASHER #ecololead{
    /*font-family:"source-han-sans-japanese";
    font-style:normal;
    font-weight:900;*/
    font-size:1.5em;
    font-weight:bold;
    line-height:1.2em;
    letter-spacing:0.1em;
    /*text-shadow:-1px -1px 0 #FFFFFF, 1px -1px 0 #FFFFFF, -1px 1px 0 #FFFFFF, 1px 1px 0 #FFFFFF;*/
}

#CCBASE #DISHWASHER #ecololead span{
    margin:0 0 1em;
    font-size:0.727em;
    font-weight:normal;
    line-height:1.2em;
    letter-spacing:0;
    display:block;
}

#CCBASE #DISHWASHER img.ecolo_ico{
    margin:0 0.5em;
    vertical-align:middle;
}


div#CONTENTS div#CONTENTS_BLOCK #CCBASE #DISHWASHER tr{
	background:none;
}

div#CONTENTS div#CONTENTS_BLOCK #CCBASE #DISHWASHER tr:nth-child(even){
	background:#F0F0F0;
}

/*-- cooker --*/

#CCBASE #TATSUJIN dl.case_outline{
    margin:0;
	padding:1em;
	/*font-size:0.875em;*/
	line-height:1.8em;
}

#CCBASE #TATSUJIN dl.case_outline dt,
#CCBASE #TATSUJIN dl.case_outline dd{
	display:block;
}

#CCBASE #TATSUJIN dl.case_outline dt{
	width:10em;
	margin:0;
	padding:0;
}

#CCBASE #TATSUJIN dl.case_outline dd{
	/*width:70%;*/
	margin:0;
	padding:0;
}

#CCBASE #TATSUJIN dl.case_outline dt span,
#CCBASE #TATSUJIN dl.case_outline dd span{
	padding:0.2em 0.5em;
	display:block;
}

#CCBASE #TATSUJIN dl.case_outline dt span{
	background-color:#EFEFEF;
}

#CCBASE #TATSUJIN dl.case_outline dd span{
	text-indent:2.5em;
	border-bottom:#222222 1px dotted;
}

#CCBASE #TATSUJIN .case_h3{
	border-bottom:#490C00 3px dotted;
}

#CCBASE .caselist,
#CCBASE .othercase{
	position: relative;
	display: block;
	margin: 1.5em 0;
	padding: 7px 10px;
	/*min-width: 120px;*/
	/*max-width: 100%;*/
	color: #FFFFFF;
	/*font-size: 16px;*/
	/*border:#555555 1px solid;*/
	background: #490C00;
}

#CCBASE .caselist:before {
  content: "";
  position: absolute;
  top: -30px;
  left: 10%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid #490C00;
}

#CCBASE .caselist .listinbox {
	margin: 0;
	padding: 0;
}

#CCBASE .caselist .listinbox a{
	color:#FFFFFF;
}

#CCBASE .caselist .listinbox a.arrow_down{
	background: url(/appliance/cold_chain/common/img/icon-arrow-s-dbb-white.gif) no-repeat center left;
}

#CCBASE .othercase:before {
	content: "";
	position: absolute;
	top: 100%;
	left: 10%;
	margin-left: -15px;
	border: 15px solid transparent;
	border-top: 15px solid #490C00;
}

#CCBASE .othercase p {
	margin: 0;
	padding: 0;
}

#CCBASE #TATSUJIN hr.triangle{
    width:0;
    height:0;
    margin:0 auto;
    padding:0;
    border-top:1.5em solid #EEBDAC;
    border-right:1.5em solid transparent;
    border-bottom:1.5em solid transparent;
    border-left:1.5em solid transparent;
}

#CCBASE #TATSUJIN ul.recipelist{
    margin:0;
    padding:1em;
    list-style:disc inside;
}

#CCBASE #TATSUJIN ul.recipelist li{
    margin:0.8em 0;
    padding:0.2em 0.8em;
    text-indent:0.5em;
    line-height:1.8em;
    border-bottom:#999999 1px dotted;
    /*display:block;*/
}

#CCBASE #TATSUJIN ul.recipelist li:first-child{
    margin-top:0;
    padding-top:0;
}

#CCBASE #TATSUJIN ul.recipelist li:last-child{
    margin-bottom:0;
    padding-bottom:0;
}

#CCBASE #TATSUJIN #foodstuff dl{
    margin:1.5em;
    padding:0;
}

#CCBASE #TATSUJIN #foodstuff dt,
#CCBASE #TATSUJIN #foodstuff dd{
    margin:0 0.5em 0.5em;
    display:block;
}

#CCBASE #TATSUJIN #foodstuff dt{
    padding:0.2em 0.5em;
    font-weight:bold;
    background-color:#D7C698;
}

#CCBASE #TATSUJIN #foodstuff dd{
    padding:0.2em 0;
    text-indent:1em;
    border-bottom:#999999 1px dotted;
}

#CCBASE #TATSUJIN .houtocook{
    margin:1.5em 1em;
}

#CCBASE #TATSUJIN .houtocook li{
    list-style-position:inside;
    margin:0 0 2em;
    padding:0 0 0.4em 1.5em;
    text-indent:-1.2em;
    line-height:1.6em;
    border-bottom:#CCCCCC 2px dotted;
}

#CCBASE #TATSUJIN .houtocook li:first-child{
    margin-top:2.5em;
}


/*-- foodservice[SSF 180511] --*/

#CCBASE #SSF .ico_models{
    margin:0 0 0 1em;
    padding:0.2em 0.8em;
    display:inline-block;
    vertical-align:middle;
    color:#FFFFFF;
    background:#959595;
    background:-moz-linear-gradient(top,  #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%);
    background:-webkit-linear-gradient(top,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%);
    background:linear-gradient(to bottom,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=0 );
}


/*-- Prefab --*/

#CCBASE #PREFAB .topspec{
    width:80%;
    margin:1em auto;
    /*font-size:0.875em;*/
    /*line-height:0.8em;*/
    text-align:center;
}

#CCBASE #PREFAB .topspec_full{
    width:100%;
    margin:1em 0;
    /*font-size:0.875em;*/
    /*line-height:0.8em;*/
    text-align:center;
}

#CCBASE #PREFAB .topspec caption,
#CCBASE #PREFAB .topspec_full caption{
    padding:0.2em 0.5em 0.5em 0.2em;
    text-align:left;
    font-weight:bold;
    position: relative;
}

/*#CCBASE #PREFAB .topspec caption:before{
    background-color:#222222;
    content: "";
    height: 0.8em;
    width: 0.8em;
    left: 0.5em;
    position: absolute;
}*/

#CCBASE #PREFAB .reizo{
    background-color:#E6F7F9;
    border:#BCE3E8 1px solid;
}

#CCBASE #PREFAB .reito{
    background-color:#E9EDFA;
    border:#C3CDEC 1px solid;
}

#CCBASE #PREFAB #mediumTOP{
    min-height:250px;
    background:url(/appliance/cold_chain/prefab/pcu/medium/img/index_01.gif)left top no-repeat;
    /*background-size:contain;*/
}

#CCBASE #PREFAB #mediumTOP ul li{
    margin-bottom:0.8rem;
}



/*-- CCSUPPORT --*/

#CCBASE #CCSUPPORT ul.supolist{
    margin:1em 0.5em 4em;
    padding:0;
    line-height:1.8em;
    list-style:none outside;
}

#CCBASE #CCSUPPORT ul.supolist li{
    margin:0 0 1.5em;
    padding:0 0 0.2em 0.5em;
    border-bottom:#999999 1px dotted;
}

#CCBASE #CCSUPPORT ul.supolist li:first-child{
    margin-top:2em;
}

#CCBASE #CCSUPPORT .scubosupport{
    margin:-1em 0 4em;
}

/*-- S-CUBO FS［20.07.20］ --*/

/*#CCBASE #SCUBOFS{
	
}*/

#CCBASE #SCUBOFS .fs3pt{
	border:#F08439 1px solid;
	border-radius:0.5em;
	background-color:#FEE4AF;
}

#CCBASE #SCUBOFS .fsmerit{
	margin:0 0 1rem;
	padding:0;
	border:#F08439 1px solid;
}

#CCBASE #SCUBOFS .fsmerit .fsmerit_inner{
	margin:0.5rem 0;
	padding:0.4rem 0;
	background-color:#F08439;
	color:#FFFFFF;
	text-shadow:-1px -1px 0 #843700, 1px -1px 0 #843700, -1px 1px 0 #843700, 1px 1px 0 #843700;
}

#CCBASE #SCUBOFS .propbox h3.prop{
	margin:0 !important;
	padding:0 1.2rem;
	line-height:1.5em;
	color:#222222;
	background:#438FCE;
	border-radius:1em 1em 0 0;
}

#CCBASE #SCUBOFS .propbox h3.prop p{
	margin:0;
	padding:0.5rem 0;
	text-align:center;
	line-height:1.75rem;
}

/*#CCBASE #SCUBOFS .propbox h3.prop img{
	margin:0 0.8em 0 0;
	float:left;
}

#CCBASE #SCUBOFS .propbox h3.prop span{
	padding-top:0.5em;
	float:left;
}

#CCBASE #SCUBOFS .propbox h3.prop span em{
	font-size:1.250em;
	font-style:normal;
	font-weight:bold;
}*/

#CCBASE #SCUBOFS .propbox a.btn{
	background:#438FCE;
	color:#FFFFFF;
	margin:0 0 2rem;
	padding:0.5rem 1.2rem 0.5rem;
	display:block;
	text-align:right;
}

#CCBASE #SCUBOFS .propbox .prop_inner{
	background:#FFFFFF;
	margin:0;
	border-left:#438FCE 1px solid;
	border-right:#438FCE 1px solid;
}


/*-- 20.10.27 webcatalog jump --*/

#CCBASE .webcatajump{
	margin:5em 0;
}

#CCBASE .webcatajump .bt_webcata {
  display: inline-block;
  max-width: 180px;
  text-align: center;
  border: 2px solid #0040c0;
  font-size: 16px;
  color: #0040c0;
  text-decoration: none;
  font-weight: bold;
  padding: 8px 16px;
  border-radius: 4px;
  transition: .4s;
}

#CCBASE .webcatajump .bt_webcata:hover {
  background-color: #0040c0;
  border-color: #1965FC;
  color: #FFFFFF;
}


/*-- S-CUBO MONITORING［23.09.28］ --*/

#CCBASE #SCUBOMM .casetop{
    background-color:#A3C1E3;
}

#CCBASE #SCUBOMM .caselines{
    border:#A3C1E3 3px solid;
}

#CCBASE #SCUBOMM .factorbox {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr;
    gap: 20px 21px;
    grid-auto-flow: row;
    justify-content: center;
    justify-items: center;
    align-items: center;
    grid-template-areas:
    "factor1 factor2"
    "factor3 factor4"
    "factor5 factor6"
    "factor7 factor8";
}

#CCBASE #SCUBOMM .factorbox .factor1 {
    justify-self: stretch; 
    align-self: stretch; 
    grid-area: factor1;
    background-color:#A3C1E3;
    position: relative;
}

#CCBASE #SCUBOMM .factorbox .factor1 div{
    position: absolute;
    top:50%;
    transform: translate(0, -50%);
}

#CCBASE #SCUBOMM .factorbox .factor2,
#CCBASE #SCUBOMM .factorbox .factor3,
#CCBASE #SCUBOMM .factorbox .factor4,
#CCBASE #SCUBOMM .factorbox .factor5,
#CCBASE #SCUBOMM .factorbox .factor6,
#CCBASE #SCUBOMM .factorbox .factor7,
#CCBASE #SCUBOMM .factorbox .factor8{
    justify-self: stretch; 
    align-self: stretch; 
    grid-area: factor2 factor3 factor4 factor5 factor6 factor7 factor8;
    border:#A3C1E3 3px solid;
}

#CCBASE #SCUBOMM .factorbox .txtfact{
    color:#174B88;
    font-weight:bold;
    text-decoration:underline;
}

#CCBASE #SCUBOMM dl.mnt{
    margin-bottom:3em;
}

#CCBASE #SCUBOMM dl.mnt .mark01{
    padding-left:1em;
    position:relative;
}

#CCBASE #SCUBOMM dl.mnt .mark01:before{
    background-color:#222222;
    content: "";
    height: 0.6em;
    width: 0.6em;
    left:0;
    top:50%;
    transform: translate(0, -50%);
    position: absolute;
}

#CCBASE #SCUBOMM dl.mnt dd{
    margin:1em 1.6em 1.6em;
}