@charset "utf-8";

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

body {
  line-height:1;
  overflow-y: scroll;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
  display:block;
}

a{text-decoration:none;}

li{list-style-type: none;}

#ContentsWrapper p,
#ContentsWrapper td,
#ContentsWrapper li{line-height:1.8}
/*a:hover img{
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha(opacity=70)";
-moz-opacity:0.7;
-khtml-opacity: 0.7;
}*/
.zenmen{z-index:99}

a {  
    -webkit-transition: 0.4s ease-in-out;  
       -moz-transition: 0.4s ease-in-out;  
         -o-transition: 0.4s ease-in-out;  
            transition: 0.4s ease-in-out;  
} 
img{  
    -webkit-transition: 0.4s ease-in-out;  
       -moz-transition: 0.4s ease-in-out;  
         -o-transition: 0.4s ease-in-out;  
            transition: 0.4s ease-in-out;  
}  
#open2 a{
    -webkit-transition: 0.2s ease-out;  
       -moz-transition: 0.2s ease-out;  
         -o-transition: 0.2s ease-out;  
            transition: 0.2s ease-out; 
}
#open2 a:hover img{
    -webkit-transition: 0.2s ease-out;  
       -moz-transition: 0.2s ease-out;  
         -o-transition: 0.2s ease-out;  
            transition: 0.2s ease-out; 
}

a:hover img{  
    opacity: 0.4;  
    filter: alpha(opacity=60);  
}  


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

/*  Common Elements
---------------------------------------------------------- */
.clearFix {
	zoom:100%;
}
.clearFix:after {
	content: " "; clear: both; height: 0; display: block; visibility: hidden;
}

body {
  font: 14px/1.3 sans-serif;
  -webkit-text-size-adjust: 100%;
}

.fl_left{float:left}
.fl_right{float:right}

.t_left{text-align:left}
.t_right{text-align:right}
.t_center{text-align:center}


.mw100{max-width: 100%}

.wide100{width: 100%}
.wide90{width: 90%}
.wide80{width: 80%}
.wide70{width: 70%}
.wide60{width: 60%}
.wide50{width: 50%}
.wide40{width: 40%}
.wide30{width: 30%}
.wide25{width: 25%}
.wide48{width: 48%}
.wide75{width: 75%}

.mannaka{margin:0 auto}

.bk_gra{
background-color:#006bb5;
background: -webkit-gradient(linear, center top, center bottom, from(#006bb5), color-stop(35%, #0e589c), to(#1c4581));
background: -prefix-linear-gradient(top, #006bb5, #0e589c 35%, #1c4581);
background: linear-gradient(to bottom, #006bb5, #0e589c 35%, #1c4581);
}
.bk_bule{
background-color:#C6ECEB;
background: -webkit-gradient(linear,  center top, center bottom, from(#C6ECEB),  to(#ffffff));
background: -prefix-linear-gradient(top, #C6ECEB,  #ffffff);
background: linear-gradient(to bottom, #C6ECEB,  #ffffff);
}
.bk_img{
background-image:url(../img/back_1000.png);
background-position:center top;
background-repeat:repeat-y;
}
.bkg_bule{background-color:#eaf5fc}
.bkg_gray{background-color:#e5e5e6}
.bkg_dk-gray{background-color:#888}
.bkg_white{background-color:#fff}

.bkg_white_line-black{background-color:#fff;border:1px solid #000}

.bd_bule{border-bottom:2px solid #d3ecfb}

.bd_gray_dashed{border-top:1px dashed #888}

.kage_bottom{
	box-shadow: 0px 5px 2px -2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 5px 2px -2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0px 5px 2px -2px rgba(0, 0, 0, 0.3);
	-o-box-shadow: 0px 5px 2px -2px rgba(0, 0, 0, 0.3);
	-ms-box-shadow: 0px 5px 2px -2px rgba(0, 0, 0, 0.3);
}

.kage_bottom-right{
	box-shadow: 2px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 2px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 2px 2px rgba(0, 0, 0, 0.3);
	-o-box-shadow: 2px 2px rgba(0, 0, 0, 0.3);
	-ms-box-shadow: 2px 2px rgba(0, 0, 0, 0.3);
	}

.mp1T{font-family:'Mplus 1p';font-weight:100;}
.mp1L{font-family:'Mplus 1p';font-weight:300;} 
.mp1R{font-family:'Mplus 1p';font-weight:400;}
.mp1M{font-family:'Mplus 1p';font-weight:500;}
.mp1B{font-family:'Mplus 1p';font-weight:600;}
.mp1EX{font-family:'Mplus 1p';font-weight:800;}
.mp1BK{font-family:'Mplus 1p';font-weight:900;}

.f7{font-size:7px}
.f8{font-size:8px}
.f9{font-size:9px}
.f10{font-size:10px}
.f12{font-size:12px}
.f13{font-size:13px}
.f18{font-size:18px}
.f20{font-size:20px}
.f24{font-size:24px}
.f32{font-size:32px}
.f36{font-size:36px}
.f48{font-size:48px}

.fbold{font-weight:bold}

.fc_white{color:#fff}
.fc_red{color:#F00}
.fc_dkbule{color:#002e82}

.hr_bule{border-top:3px solid #8c8b8b}

.mt5{margin-top:5px}
.mt10{margin-top:10px}
.mt20{margin-top:20px}
.mt30{margin-top:30px}
.mt40{margin-top:40px}
.mt50{margin-top:50px}
.mt60{margin-top:60px}
.mt70{margin-top:70px}
.mt80{margin-top:80px}
.mt90{margin-top:90px}
.mt100{margin-top:100px}

.mt-7{margin-top:-7px}
.mt-10{margin-top:-10px}
.mt-20{margin-top:-20px}
.mt-30{margin-top:-30px}
.mt-50{margin-top:-50px}
.mt-60{margin-top:-60px}
.mt-70{margin-top:-70px}
.mt-110{margin-top:-110px}
.mt-150{margin-top:-150px}

.mr10{margin-right:10px}
.mr50{margin-right:50px}
.mr75{margin-right:75px}
.mr100{margin-right:100px}

.mb10{margin-bottom:10px}
.mb20{margin-bottom:20px}

.pt10{padding-top:10px}
.pt20{padding-top:20px}
.pl10{padding-left:10px}
.pl20{padding-left:20px}
.pr10{padding-right:10px}

.lh2{line-height:2}
.lh1_5{line-height:1.5}
.lh1_2{line-height:1.2}
.lh1{line-height:1}

.ls8{letter-spacing:8px;}

.obi_bule{
    background-image: url(../img/icon_circle.png);
    background-position: center center;
    background-repeat: no-repeat;
	background-color:#badcf4;
	background: -webkit-gradient(linear, left center, right center, from(#ffffff), color-stop(50%, #badcf4), to(#ffffff));
   	background: -prefix-linear-gradient(left, #ffffff, #badcf4 50%, #ffffff);
	background: linear-gradient(to left, #ffffff, #badcf4 50%, #ffffff);
}

h3.title{
	line-height:1.8;
	letter-spacing:8px;
}
h3 span.circle{
    background-image: url(../img/icon_circle.png);
    background-position: center center;
    background-repeat: no-repeat;
	padding-top:5px;
	padding-right:8px;
}

 
/*  Header
---------------------------------------------------------- */
#menu ul{
width: 100%; 
margin: 0; 
padding: 0; 
list-style: none;
}
#menu li{ 
display: inline; 
padding: 0; 
margin: 0; 
box-sizing: border-box;
width: 25%;
line-height:50px;
float: left;
letter-spacing:2px;
}
#menu li a{
display: block; 
padding:0;
text-decoration: none;
color: #fff;
margin: 0;
text-align: center;
font-size: 14px;
background:url(../img/icon_navi.png) center right no-repeat; 
}
#menu li:last-child a{
background: none; 
}
#menu li a:hover{
background-color: #009fe8;
}
#menu li#global{ 
background-color: #009fe8;
}

/*  Headery開閉
---------------------------------------------------------- */

nav.accordion ul li {
	border-bottom:1px solid #fff;
	background-color: #006bb5;
	background: -webkit-gradient(linear, center top, center bottom, from(#006bb5), color-stop(35%, #0e589c), to(#1c4581));
	background: -prefix-linear-gradient(top, #006bb5, #0e589c 35%, #1c4581);
	background: linear-gradient(to bottom, #006bb5, #0e589c 35%, #1c4581);
  }
nav.accordion ul li#global {
	background-color: #009fe8;
	background: -prefix-linear-gradient(top, #009fe8, #009fe8 35%, #009fe8);
	background: linear-gradient(to bottom, #009fe8, #009fe8 35%, #009fe8);
  }
nav.accordion ul li.sonota {
	background-color: #888;
	background: -prefix-linear-gradient(top, #888, #888 35%, #888);
	background: linear-gradient(to bottom, #888, #888 35%, #888);
  }
nav.accordion ul li a {
	background: url(../img/icon_arrow_bule.png) right center no-repeat;
	background-size:20px;
	background-position:center right+10px;
	display:block;
	width: auto;
	height:40px;
	line-height:40px;
	font-size:120%;
	color:#fff;
	font-weight:bold;
	padding:0 15px;
  }

nav.accordion ul li a:hover {
	background-color: #009fe8;
	background-image:url(../img/icon_arrow_bule.png)  right center no-repeat;
  }

/*  Footer
---------------------------------------------------------- */
address{
	width:100%;
	text-align:center;
	color:#fff;
	font-size: xx-small;
	font-style:normal;
	padding:30px 0 10px 0;
}

#f_menu ul{
margin: 0; 
padding: 0 50px 0 0; 
list-style: none;
}
#f_menu li{ 
padding: 0 0 0 10px; 
margin: 0; 
line-height:28px;
background:url(../img/icon_nav-f.png) center left no-repeat; 
}
#f_menu li a{ 
padding:0;
text-decoration: none;
color: #fff;
font-size: 12px;
}
#f_menu li a:hover{
color: #7dccf3;
}
#f_menu p{ 
padding: 0 0 0 10px; 
margin: 0; 
line-height:28px;
}
#f_menu p a{ 
padding:0;
text-decoration: none;
color: #fff;
font-size: 12px;
}
#f_menu p a:hover{
color: #7dccf3;
}



/* トップに移動
---------------------------------------------------------- */
#page-top,#page-top_sp {
	z-index: 99;
    position: fixed;
    bottom: 0;
}
/* パン屑
---------------------------------------------------------- */
#pankuzu{
	font-size: 12px;
	padding:5px 0 20px 0;
}

#pankuzu ul li {
    display: inline;
    list-style-type: none;
}

#pankuzu ul li a {
    background-image: url(../img/icon_pankuzu.png);
    background-position: center right;
    background-repeat: no-repeat;
    padding-right:20px;
}

#pankuzu ul li a:hover  {
	color: #7dccf3;
	font-style:bold;
}
/* スライド
---------------------------------------------------------- */
.top_slide{width:100%}

.swiper1{
	width:100%;
}

.swiper1 .swiper-slide {				
        text-align: center;
        font-size: 18px;
        background: #fff;

        /* Center slide text vertically */
        display: -webkit-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        -webkit-align-items: center;
        align-items: center;
}

	
/*  Contents
---------------------------------------------------------- */
h4.midashi{
	box-sizing: border-box;
	padding:8px 10px;
	background-color:#009fe8;
	color:#fff;
	line-height:1;
	}
h4.midashi span{
	font-size:12px;
	font-weight:normal;
	}
table.youto{
	box-sizing: border-box;
	width:100%;
	}
table.youto th{
	display:block;
	box-sizing: border-box;
	color:#fff;
	width:100%;
	text-align:left;
	vertical-align:middle;
	border-top:1pt solid #888;
	}
	
table.youto th p{
	padding:3px 10px;
	background-color:#888;
	width:200px;
	}	
table.youto td{
	display:block;
	padding:5px 0 10px 10px;
	font-size:12px;
	}
	
h4.midashi_gray{
	box-sizing: border-box;
	padding:5px 10px;
	background-color:#595757;
	color:#fff;
	}

/*  オゾの特長
---------------------------------------------------------- */
.tokutyou{
	position:relative;
	z-index:99;
/*	margin-top:-110px;*/
	background-image:
        url(../../images/tokutyo/tk_back_l.png),
        url(../../images/tokutyo/tk_back_r.png),
		url(../../images/tokutyo/tk_back_l.png);
    background-position:
        left 200px,
        right center,
		left bottom;
    background-repeat:
        no-repeat,
        no-repeat;

}

.tokutyou h3{
	height:70px;
	padding:20px 0 0 0;
	line-height:1.5;
}
.suji_1{
	background-image: url(../../images/tokutyo/icon_1.png);
    background-position: left center;
    background-repeat: no-repeat;
	padding:25px 0 0 75px;
}
.suji_2{
	background-image: url(../../images/tokutyo/icon_2.png);
    background-position: left center;
    background-repeat: no-repeat;
	padding:25px 0 0 75px;
}
.suji_3{
	background-image: url(../../images/tokutyo/icon_3.png);
    background-position: left center;
    background-repeat: no-repeat;
	padding:25px 0 0 75px;
}
.suji_4{
	background-image: url(../../images/tokutyo/icon_4.png);
    background-position: left center;
    background-repeat: no-repeat;
	padding:25px 0 0 75px;
}
.suji_5{
	background-image: url(../../images/tokutyo/icon_5.png);
    background-position: left center;
    background-repeat: no-repeat;
	padding:25px 0 0 75px;
}
.suji_6{
	background-image: url(../../images/tokutyo/icon_6.png);
    background-position: left center;
    background-repeat: no-repeat;
	padding:25px 0 0 75px;
}
.suji_7{
	background-image: url(../../images/tokutyo/icon_7.png);
    background-position: left center;
    background-repeat: no-repeat;
	padding:25px 0 0 75px;
}
.suji_8{
	background-image: url(../../images/tokutyo/icon_8.png);
    background-position: left center;
    background-repeat: no-repeat;
	padding:25px 0 0 75px;
}
span.ki-beta{
	background-color:#FF0;
}
.box_L{
	float:left;
	box-sizing: border-box;
}
.box_R{
	float:right;
	box-sizing: border-box;
}
.box_tk{
/*	background-image: url(../img/icon_arrow_bule.png);
    background-position: left top;
    background-repeat: no-repeat;*/
	padding:0 0 0 65px;
}
h3.tate_line{
	height:auto;
	border-left:solid 5px #0068b6;
	line-height:24px;
	padding:5px 0 0 10px;
}
h3 span.logo_01{
    background-image: url(../img/ozo_logo.png);
    background-position: center center;
    background-repeat: no-repeat;
	background-size:100%;
	padding-top:5px;
}


/*  製品情報
---------------------------------------------------------- */
.seihin_menu_bkg{
background:url(../../images/seihin/sk_menu_bk.png) repeat-x;
height: 178px;
position: relative;
z-index:99;
}
#seihin_menu ul{
width: 100%; 
margin: 0; 
padding: 0; 
list-style: none;
}
#seihin_menu li{ 
/*display: inline; */
float: left;
padding:0;
/*height: 200px;*/
width: 21%;

}
#seihin_menu li:last-child{
width: 16%;

}
#seihin_menu li a{
display: block; 
margin: 0; 
padding: 0;
text-decoration: none;
text-indent: -9999px;
background-repeat: no-repeat;	
background-size:contain;
height: 178px;
}

/*#seihin_menu li a:link{
background-size:contain;
height: 70px;
  }
#seihin_menu li a:hover {
background-size:contain;
height: 200px;
}*/

#seihin_menu li.sh_menu_01 a{background-image: url(../../images/seihin/2020_sh_menu_01.png)}
#seihin_menu li.sh_menu_01 a:hover  {background-image: url(../../images/seihin/2020_sh_menu_01_on.png) }
#seihin_menu li.sh_menu_02 a{background-image: url(../../images/seihin/2020_sh_menu_02.png)}
#seihin_menu li.sh_menu_02 a:hover  {background-image: url(../../images/seihin/2020_sh_menu_02_on.png) }
#seihin_menu li.sh_menu_03 a{background-image: url(../../images/seihin/sh_menu_03.png)}
#seihin_menu li.sh_menu_03 a:hover  {background-image: url(../../images/seihin/sh_menu_03_on.png) }
#seihin_menu li.sh_menu_04 a{background-image: url(../../images/seihin/2020_sh_menu_04.png)}
#seihin_menu li.sh_menu_04 a:hover {background-image: url(../../images/seihin/2020_sh_menu_04_on.png) }
#seihin_menu li.sh_menu_05 a{background-image: url(../../images/seihin/sh_menu_05.png)}
#seihin_menu li.sh_menu_05 a:hover {background-image: url(../../images/seihin/sh_menu_05_on.png) }
#seihin_menu li.sh_menu_06 a{background-image: url(../../images/seihin/2020_sh_menu_06.png)}
#seihin_menu li.sh_menu_06 a:hover {background-image: url(../../images/seihin/2020_sh_menu_06_on.png) }

h4.exclamation{
    background-image: url(../img/icon_cyuui.png);
    background-position: left center;
    background-repeat: no-repeat;
	padding-left:27px;
	line-height:30px;
	}
	
	/* h4タイトル上に重ねる */
.conh4zenmen2{
	margin-top:-25px;
	position: absolute;
	z-index:99;
	width:50%;
	padding:10px;
	box-sizing: border-box;
	}
	
		
/*  吸湿比較
---------------------------------------------------------- */	
	
h2 span.logo_02{
    background-image: url(../img/ozo_logo_w.png);
    background-position: center center;
    background-repeat: no-repeat;
	background-size:100%;
	padding-top:0;
}
.box_hikaku_L{
	float:left;
	text-align: center;
	width:50%;
	padding:10px;
	box-sizing: border-box;
	}
	
.bd_L{border-left:dashed 1px #888;}
.bd_R{border-right:dashed 1px #888;}

.box_hikaku_R{
	float:left;
	text-align:center;
	width:50%;
	padding:10px;
	box-sizing: border-box;
	}

.box_hikaku_L p, .box_hikaku_R p{
	text-align:left;
	margin:10px auto
	}
.box_hikaku_L p.nakayose, .box_hikaku_R p.nakayose{
	text-align:center;
	}

/*  吸湿比較
---------------------------------------------------------- */	
.bd_B{border-bottom:dashed 1px #888;}

table.tb_gaiyo th{
	box-sizing: border-box;
	padding:5px 10px 5px 0;
	color:#002e82;
	width:120px;
	text-align:left;
	vertical-align: top;
	}
table.tb_gaiyo th p{
	border-left:2pt solid #002e82;
	padding-left:10px;
	}
table.tb_gaiyo td{
	text-align:left;
	padding:5px 0  20px 0;
	line-height:1.5;
	}

table.tb_enkaku th{
	text-align:left;
	padding:5px 0 5px 10px;
	line-height:2;
	background-color:#e5e5e6;
	border-bottom:1pt dashed #888;
	}
		
table.tb_enkaku td{
	text-align:left;
	padding:5px;
	line-height:2;
	border-bottom:1pt dashed #888;
	}

.google-maps {
position: relative;
padding-bottom: 100%; // これが縦横比
height:0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
left: 0;
width: 100% !important;
height: 100% !important;
}

.po-ad
{position: absolute;}
.po-re
{position: relative;}


/*  Q&A
---------------------------------------------------------- */
.foo{
	background-color:#ebebeb;
	}


h3.qa_title{
	line-height:1.2;
	font-size:16px;
	margin:0 10px;
	color:#002e82;
	height:90px;
	border-bottom:2px solid #002e82;
}
span.q_No{
	display: block;
	background-color:#002e82;
	color:#fff;
	text-align:center;
	margin-bottom:5px;
	padding:5px 0;
}