@charset "UTF-8";

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

General Page CSS

for auro-jp.net
coded by ryo at 2013-03-20
imported to "all page"

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



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

base.css

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


@media screen and (max-width:1050px){
body{
	padding-top:111px;
}
header section.block{
	width:auto;
	margin:0 15px;
}
header div section{
	height:22px;
	padding:5px 0;
}
header div section h1,
header div section ul li address{
	line-height:22px;
}
header div section ul li img{
	width:20px;
}
header > section p:nth-of-type(1){
	width:160px;
}
header > section ul{
	padding-top:36px;
	height:40px;
}
header > section ul li{
	margin-left:28px;
	font-size:1.2rem;
}


ul.swiper-wrapper li span{
	font-size:3.5vw;
}
ul.swiper-wrapper li span{
	left:5%;
}
article section.block{
	width:95%;
	padding:40px 0;
}
div.truth section{
	width:90%;
	padding:40px 2.5%;
}
section.block h2{
	margin-bottom:20px;
}


section.about section{
	padding-top:25px !important;
}
section.about div:nth-of-type(1) ul li em{
	font-size:1.5vw;
}
section.about div:nth-of-type(1) ul li:nth-of-type(1) em{
	top:5.1vw;
	font-size:1.6vw;
	padding-top:0 !important;
}
.top .boxx{
	display:block !important;
}
#main p.natural_paint,
.boxx #light_box video.pc{
	display:none;
}
.boxx #light_box{
	width:300px;
	padding:0;
}
.boxx #light_box video.sp{
	display:block !important;
}
.trouble section dl{
	width:30%;
	padding:30px 1%;
	margin-right:2%;
}


.info div.good dl{
	padding-top:100px;
}
.info div.good dl dt{
	background:rgba(255,255,255,0.8);
	padding-top:25px;
}
.info div.good dl dd{
	margin-top:0;
}

#main-block .main,
#main-block .bottom{
	margin-top:0;
	padding-top:0;
}
.no125 #main-block .main > h1,
.no128 #main-block .main > h1,
.no129 #main-block .main > h1,
.no690 #main-block .main > h1,
.no130 #main-block .main > h1,
.no321 #main-block .main > h1,
.no311 #main-block .main > h1,
#main-block .main > p{
	margin-top:0% !important;
}


#main-block section.data dl.long dd{
	display: block;
	overflow-x: scroll;
	white-space: nowrap;
	-webkit-overflow-scrolling: touch;
}
}
@media screen and (max-width:767px){
body{
	padding-top:111px;
}
header{
	box-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
}
header div{
	display:none;
}
header section.block{
	margin:0;
}
header > section p:nth-of-type(1){
	width:170px;
	float:none;
	padding:13px 0 5px 2px;
}
header > section p:nth-of-type(2),
#sp_button{
	display:block;
}
header > section ul{
	border-top:#003c8a solid 1px;
	float:none;
	padding-top:0px;
	height:0;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -ms-transition: all 0.4s;
    -o-transition: all 0.4s;
    transition: all 0.4s;
}
header > section ul li{
	float:none;
	margin-left:0px;
	font-size:1.23rem;
	line-height:55px;
	background:#dadcde;
	border-bottom:#003c8a solid 1px;
	color:#003c8a;
	font-weight:bold;
}
header > section ul li a{
	padding-left:11%;
	display:block;
}
header > section ul li a::before{
	content:"→　"
}

ul.swiper-wrapper li span{
	font-size:4vw;
	left:20%;
}


section.about div:nth-of-type(1),
section.about div:nth-of-type(2){
	float:none;
	width:100%;
	margin:0 0 45px 0%;
}
section.about div:nth-of-type(1) ul li em{
	font-size:4.2vw;
	line-height:1.3;
	min-height:2.1em;
}
section.about div:nth-of-type(1) ul li:nth-of-type(1) em{
	top:15vw;
	font-size:4.2vw;
}
section.about div:nth-of-type(1) ul li:nth-of-type(1) span{
	font-size:6vw;
}
div.truth h2{
	display:block;
}
.truth ul{
	width:100%;
}
.truth ul li{
	width:48%;
}
.truth ul li:nth-of-type(1){
	margin-right:4%;
}
.truth ul li:nth-of-type(2){
	display:none;
}
div.trouble div{
	display:block;
}
.trouble section dl{
	width:90%;
	padding:15px 5%;
	margin:0 0 25px 0;
	float:none;
}
.trouble section dl dt img{
	width:150px;
}
section.favorite,
section.item,
section.info{
	width:100% !important;
}
.favorite dl{
	width:100%;
	float:none;
}
.favorite dl dt span{
	display:block;
	background:#003c8a;
	color:#FFF;
	font-weight:bold;
	padding:6px 0;
	font-size:1.5rem;
	margin-bottom:15px;
}
.favorite dl dt img{
	width:100px;
}
.favorite dl dd{
	width:77.2%;
	margin:0px 5%;
}
.favorite dl dd::after{
	right:33%;
}
.favorite dl dd::before{
	right:29%;
}
section.item dt{
	display:block;
	min-height:inherit;
	line-height:1.7;
	margin-bottom:0;
}
section.item dt span{
	width:92%;
	float:none;
	background:#003c8a;
	color:#FFF;
	font-weight:bold;
	padding:6px 8% 6px 0;
	font-size:1.5rem;
	min-height:inherit;
	line-height:1.7;
	border:none;
	position:relative;
}
section.item dl:nth-of-type(1) dt span{
	background:#5cb531;
}
section.item dl:nth-of-type(3) dt span{
	background:#f5a200;
}
section.item dl:nth-of-type(4) dt span{
	background:#df0011;
}
section.item dt span::after{
	content:'';
	position:absolute;
	top:0;
	bottom:0;
	right:6%;
	width:10px;
	height:10px;
	margin:auto;
	border-top:3px solid #FFF;
	border-right:3px solid #FFF;
	-webkit-transform:rotate(135deg);
	transform:rotate(135deg);
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
section.item dt.open span::after{
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
	top:7px;
}
section.item dt em{
	width:94%;
	padding:10px 3% 10px 3%;
	float:none;
	border:none;
}
section.item dt em:hover,
section.item ul li a:hover{
	background:none !important;
}
section.item dt em::after{
	display:none;
}
section.item ul li{
	width:33%;
	margin:0;
	float:left;
	text-align:center;
	line-height:1.4;
	padding:0;
	border-bottom:#CCC solid 1px;
}
section.item ul li:nth-of-type(3n-1){
	border-left:#CCC solid 1px;
	border-right:#CCC solid 1px;
}
section.item ul li a{
	padding:20px 6%;
}
section.item ul li em{
	display:none;
}
section.item ul li img{
	height:auto;
	width:70%;
	margin-top:8px !important;
}
section.item ul li span{
	height:4.2em;
	display:block;
	overflow:hidden;
	font-size:0.9rem;
	text-align:left;
}
section.item ul li a:after{
	content:'  ...';
	float:left;
	display:block;
	margin-top:-5px;
}
section.ranking p span{
	width:100%;
}
section.ranking p span a{
	height:45px;
	line-height:45px;
}
section.ranking dl:nth-of-type(1){
	margin-bottom:40px;
}
section.ranking dl dd{
	overflow-x:scroll;
	-webkit-overflow-scrolling: touch;
	overflow-scrolling: touch;
}
section.ranking dl dd ul{
	width:820px;
}
section.ranking dl dd ul li{
	width:120px;
	margin:0 20px 6px 0;
	padding-top:2px;
}
section.ranking dl dd ul li.new a{
	background-size:25px;
}
section.shop ul{
	margin:0 auto;
	width:490px;
}
section.shop ul li{
	width:230px;
	margin:0 30px 30px 0;
}
section.shop ul li img{
	width:160px;
	padding:13px 33px;
}
section.shop ul li:nth-of-type(2n){
	margin-right:0%;
}
section.news ul li{
	padding:6px 5%;
	width:90%;
}
section.news ul li span{
	padding-left:0px;
	display:block;
	width:auto;
}
section.info dl{
	background-size:140px !important;
	background-position:100% 71px !important;
	padding:25px 2% 25px 4%;
	min-height:inherit;
}
section.info dl dt{
	font-weight:bold;
}
section.info dl dd{
	padding:8px 145px 0 0px;
}
footer nav{
	margin-right:-20px;
}
footer nav li{
	float:left;
	margin-right:20px;
}
footer nav li{
	font-size:0.8rem;
	padding-bottom:5px;
}
footer aside ul{
	width:95%;
	overflow:hidden;
	margin:0 auto;
}
footer aside ul li{
	width:30%;
	margin:30px 5% 30px 0;
}
footer aside li:nth-of-type(3){
	padding-top:0.7vw;
	height:7.8vw;
	font-size:2.4vw;
    border-radius:1.41vw;
    -webkit-border-radius:1.41vw;
    -moz-border-radius:1.41vw;
}


#main-block .bottom section.point p.movie_only{
	width:400px;
	height:225px;
	padding:0;
}
.no125 #main-block .bottom section.test p,
#main-block .bottom section.color_150 p:nth-of-type(1){
	width:100%;
}
.no125 #main-block .bottom section.test ul li{
	width:30%;
	margin:0 0 30px 3.3%;
}
.no125 #main-block .bottom section.test ul li:nth-of-type(1),
.no125 #main-block .bottom section.test ul li:nth-of-type(4){
	margin-left:0%;
}
.page #main-block section.chart table{
  display: block;
  width: 100%;
  margin: auto;
  overflow: hidden;
}
.page #main-block section.chart table thead tr.sp,
.page #main-block section.chart > p,
.page #main-block section.chart table br{
  display: block;
}
.page #main-block section.chart table thead tr:nth-of-type(1),
.page #main-block section.chart table thead tr:nth-of-type(2),
#main-block section.chart table .space td{
	display:none !important;
}
.page #main-block section.chart table thead {
  float: left;
  display: block;
  overflow-x: scroll;
}
.page #main-block section.chart table thead th {
  display: block;
  font-size:1rem;
	background:none;
	width:110px;
}
.page #main-block section.chart table tbody {
  display: block;
  width: auto;
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
  overflow-scrolling: touch;
}
.page #main-block section.chart table tbody td {
  display: block;
  width:auto;
  border-left:none;
  text-align:center;
}
.page #main-block section.chart table thead tr:nth-of-type(3) th:nth-of-type(1),
.page #main-block section.chart table tbody td:nth-of-type(1) {
	background:#aaa;
	font-weight:bold;
  text-align:center;
  line-height:1.2;
  padding:3px 6px;
  height:3em;
  vertical-align:middle;
}
.page #main-block section.chart table tbody tr {
  display: inline-block;
}
.page #main-block section.chart table tfoot tr:nth-of-type(1) {
	display:none;
}


.info article > p:nth-of-type(1) img{
	display:none;
}
.info article > p:nth-of-type(1){
	height:400px;
	width:100%;
	background:url(../img/info/about/main.jpg) center center no-repeat;
	background-size: auto 400px;
}
.info div.about section{
	background-position:center 17%;
}
.info div.about section p{
	width:90%;
	font-size:1.1rem;
	padding-bottom:10px;
}
.info div.about section ul{
	width:95%;
    display:flex;
    flex-wrap:wrap;
}
.info div.about section ul li{
	width:27.33%;
	margin-bottom:15px;
}
.info div.about section ul li span{
	display:none;
}
.info div.about section ul li:nth-of-type(1){
	margin-left:15.13%;
	margin-right:15.13%;
}
.info div.about section ul li:nth-of-type(3),
.info div.about section ul li:nth-of-type(4){
	margin-right:9%;
}
.info section.history ul li{
	padding:4px 15px;
	width:auto;
}
.info section.history ul li span{
	clear:both;
	width:100%;
}
.info div.theme section dl{
	margin-bottom:50px;
}
.info div.theme section dl dt{
	width:70%;
	min-width:320px;
	float:none;
	margin:0 auto;
}
.info div.theme section dl dd{
	padding-top:20px;
	font-size:1.1rem;
}
.info div.sustainability p,
.info div.good p,
.info div.life p,
.info div.book p{
	width:100%;
	font-size:1.1rem;
}
.info div.sustainability p img{
	width:100%;
}
.info div.sustainability ul li{
	width:auto;
	float:none;
	margin:0 0 50px 0;
	position:relative;
	min-height:240px;
	padding-left:220px;
}
.info div.sustainability ul li img{
	width:200px;
	position:absolute;
	top:2.9rem;
	left:0;
}
.info div.sustainability ul li em{
	height:1.8rem;
	font-size:1.8rem;
	margin-left:-220px;
}
.info div.good dl{
	padding:0 00% 0 0;
	width:100%;
	background-size:cover !important;
	background-position:center center;
}
.info div.good dl dd,
.info div.good dl dt{
	background:rgba(255,255,255,0.7);
}
.info div.good dl dd{
	padding:20px 10px 35px 10px;
	line-height:1.8;
}
.info div.life ul li{
	width:100%;
	float:none;
	margin:0 0 50px 0;
	position:relative;
}
.info div.life ul li img{
	width:320px;
	position:absolute;
	top:3.8rem;
	left: 0;
	right: 0;
	margin:0 auto;
}
.info div.life ul li span{
	padding-top:180px;
}

}
@media screen and (max-width:560px){
section.about section dt::before {
    padding-top:78%;
}
section.about section{
	width:90%;
}
section.shop ul{
	width:100%;
}
section.shop ul li{
	width:45%;
	margin:0 10% 30px 0;
}
section.shop ul li img{
/*
	width:120px;
	padding:13px 20px;
*/
	width:100%;
	padding:0;
}
.info section.history ul{
	background-size:auto auto;
}
.info div.sustainability ul li{
	padding-left:160px;
}
.info div.sustainability ul li img{
	width:150px;
}
.info div.sustainability ul li em{
	margin-left:-160px;
}
}














@media screen and (max-width:1520px){
#area-page #main-block > h1.photo,
#area-page #main-block .top{
	background-size:128%;
}
.page #main-block > h1 img{
	width:128%;
}
#main-block section.main_item{
	padding-right:0;
	width:auto;
	max-width:1500px;
	background-size:128%;
}



.info .auro .auro1{
	background-size:128%;
}



.wax_paint #main-block .purpose{
	width:100%;
}
}
@media screen and (max-width:1210px){
.info .auro .auro .left{
	width:63%;
	margin-left:3%;
	margin-right:2%;
}
.info .auro .auro .right{
	width:29.4%;
}
.info .auro .auro .left,
.info .auro .auro .right,
.info .auro .top_content h1,
.info .auro .top_content p{
	font-size:120% !important;
}

}
@media screen and (max-width:1075px){
#main-block section.how dl.long dd table{
	width:100% !important;
}
#main-block aside.news{
	width:100%;
}


.info #main-block .business h1,
.info #main-block .company h1{
	font-size:200%;
}
.info #main-block .business p{
	font-size:110%;
}
.info #main-block .company .block p{
	left:53%;
}
.info .auro .auro .left,
.info .auro .auro .right,
.info .auro .top_content h1,
.info .auro .top_content p{
	font-size:90% !important;
}





.page #main-block .main h1 em{
	height:2.8em;
	line-height:2.8em;
}
#main-block .main > h1{
	float: none !important;
	margin:15px auto 30px auto!important;
	width:90% !important;
	text-align: center;
}
#main-block .main > h1 img{
	width:90% !important;
	padding-left:5%;
}
.no125 #main-block .main > h1,
.no128 #main-block .main > h1,
.no129 #main-block .main > h1,
.no690 #main-block .main > h1,
.no130 #main-block .main > h1,
.no321 #main-block .main > h1,
.no311 #main-block .main > h1,
.page #main-block .main > p{
	margin-left:2%;
}
.no125 #main-block .main > h1{
	width:46.7%;
}
.no129 #main-block .main > h1{
	width:49%;
}
.no171 #main-block .main > p{
	margin-bottom:2%;
}
.no391 #main-block .main > h1{
	margin-top:1%;
}
.no130 #main-block .main > h1{
	width:46.4%;
}
.no191 #main-block .main > p img.new{
	left:48%;
}
.no150 #main-block .main > p{
	padding-bottom:2em;
}
.no430j #main-block .main > p{
	width:48.7%;
}
.no433j #main-block .main > p{
	width:47.5%;
}
.page #main-block .main dl.line2 dd em{
	float:none;
}
.page #main-block .main dl.component{
	width:22.5%;
	padding:0 0.5% 2% 0;
	margin:1% 2% 0 20%;
}
.no129 #main-block .main dl.component{
	margin:1% 2% -2% 1%;
}
.no171 #main-block .main dl.component{
	width:21.5%;
}
.no321 #main-block .main dl.component{
	width:20%;
}
.no311 #main-block .main dl.component{
	width:20%;
}
.no328 #main-block .main dl.component{
	width:20%;
}
.no305 #main-block .main dl.component{
	width:20%;
}
.no191 #main-block .main dl.component{
	width:20.5%;
	padding-bottom:10em;
}
.no330 #main-block .main dl.component{
	width:18.5%;
	margin:1% 2% 0 1%;
}
.no150 #main-block .main dl.component{
	width:20.5%;
}
.no430j #main-block .main dl.component{
	width:21%;
}
.page #main-block .main dl.graph{
	width:21%;

	margin-top:1%;
}
.no171 #main-block .main dl.graph,
.no680 #main-block .main dl.graph,
.no421 #main-block .main dl.graph{
	padding-bottom:3%;
}
.no330 #main-block .main dl.graph{
	width:21%;
}
.page #main-block .main dl.graph p.glink{
	bottom:9%;
}
.no125 #main-block .main dl.safety,
.no128 #main-block .main dl.safety,
.no129 #main-block .main dl.safety,
.no311 #main-block .main dl.safety,
.no171 #main-block .main dl.safety{
	margin-left:2.8%;
	margin-bottom:2%;
	width:56%;
}
.no125 #main-block .main dl.safety{
	margin-top:20px;
}
.no321 #main-block .main dl.safety{
	margin-left:2%;
	width:42%;
}
.no321 #main-block .main dl.safety2{
	width:28%;
	margin-left:5%;
}
.no321 #main-block .main dl.safety2 img{
	width:72%;
}
.no391 #main-block .main dl.safety{
	margin-left:50.4%;
	margin-top:-100px;
}
.page #main-block .main dl.component{
	width:43%;
	margin:1% 6% 0 4%;
	padding-right:2%;
}
.page #main-block .main dl.line2 dd em{
	width:100%;
}
.page #main-block .main dl.line2 dd em:nth-of-type(2n+1){
	margin-right:0%;
}
.page #main-block .main dl.graph{
	width:42%;
}
.page #main-block .main dl.safety{
	width:93%;
	margin-top: 30px;
}
.no690 #main-block .main dl.safety{
	width:96%;
	margin-right:2%;
	margin-left:2%;
	margin-top:1.7em;
}
.no690 #main-block .main dl.safety1 li{
	width:80%;
}
.no130 #main-block .main dl.safety1{
	display:none;
}
.no130 #main-block .main dl.safety2{
	width:96%;
	margin-right:2%;
	margin-left:2%;
	margin-top:1.7em;
}
.no130 #main-block .main dl.safety2 li{
}
.no321 #main-block .main dl.safety li{
	width:80%;
}
.no321 #main-block .main dl.safety2{
	margin-left:2%;
	margin-top:2em;
}
.no328 #main-block .main dl.safety2 li{
	width:200px;
}
.no391 #main-block .main dl.safety{
	margin-left:4%;
	margin-top:15px;
}
.no150 #main-block .main > p.color{
	position:static;
	width:90%;
	margin:0 auto !important;
	padding:2em 0 0 0 !important;
	clear:both;
}

.no150 #main-block .bottom section.point dl dt span br{
	display:none;
}
.no150 #main-block .bottom section.point dl:nth-of-type(4) dt{
	width:30.2%;
}
.no150 #main-block .bottom section.point dl:nth-of-type(4){
	margin-bottom:0;
}



.no129 #main-block .bottom section.how2 section.step5 p.bun_p1,
.no125 #main-block .bottom section.how2 section.step5 p.bun_p1{
	width:47.8%;
	float:left;
	margin-right:2%;
}
.no129 #main-block .bottom section.how2 section.step5 p.photo,
.no125 #main-block .bottom section.how2 section.step5 p.photo{
	width:50.2%;
	position:static;
	float:left;
}

.no831 #main-block .bottom > section.dilution table tr em{
	display:block;
	margin-left:0%;
	text-align:center;
	margin-top:6px;
}



#cboxLoadedContent div.colorbox dl{
	margin-bottom:6%;
	font-size:90%;
}
#cboxLoadedContent div.colorbox dl dt{
	margin:0 0 2% 0%;
	width:80%;
	float:none;
}
#cboxLoadedContent div.colorbox dl dd{
	float:none;
	width:100%;
	font-size:100%;
}
#cboxLoadedContent div.colorbox dl dd span{
	font-size:150%;
	margin-bottom:0.8%;
	letter-spacing:2px;
}
#cboxLoadedContent div.colorbox dl dd span br{
	display:none;
}





}
@media screen and (max-width:1000px){
#main-block section.left section.block ul li a{
	font-size:140%;
}
#main-block section.main dl{
	width:32.3%;
	margin-right:1.5%;
	margin-bottom:3.5%;
}
#main-block section.main section.items a:nth-child(4n+1) dl{
	margin-right:1.5%;
}
#main-block section.main section.items a:nth-child(3n+1) dl{
	margin-right:0%;
}
#main-block section.main dl dd{
	font-size:100%;
	padding-bottom:2%;
}
#main-block section.main dl dd img{
	margin-top:-1%;
}
#main-block section.main dl dd span{
	font-size:125%;
}
#main-block section.main hr{
	margin-bottom:4%;
}
}
@media screen and (max-width:680px){
.page #area-page > h1{
	height:3%;
}



#main-block > h1.photo{
	background:url(../img/top/main_sp.jpg) left top no-repeat;
	background-size:100% !important;
}
#main-block aside.news{
	margin-bottom:-13%;
}
#main-block section.main dl{
	font-size:140%;
	width:48.5%;
	margin-right:3%;
	margin-bottom:3.5%;
}
#main-block section.main section.items a:nth-child(3n+1) dl{
	margin-right:3%;
}
#main-block section.main section.items a:nth-child(2n+1) dl{
	margin-right:0%;
}
#main-block section.main .op a:nth-last-of-type(2) dl{
	border-right:none;
}




#main-block > ul.file{
	margin-left:1.5%;
	margin-right:1.5%;
	margin-bottom:3.5%;
}
#main-block > ul.file li{
	width:33%;
}
.info #main-block div > .block{
	margin-left:1.5%;
	margin-right:1.5%;
	margin-bottom:11% !important;
}
.info #main-block .business h1,
.info #main-block .company h1{
	font-size:22px;
	margin-bottom:3%;
}
.info #main-block .business h1 br{
	display:none;
}
.info #main-block .business p{
	font-size:13px;
}
.info #main-block .business p br{
	display:none;
}
.info #main-block .business p.chart img{
	float:none;
	width:67.3%;
	margin:0 auto;
}
.info #main-block .business p.chart span{
	float:none;
	padding-top:2%;
	text-align:center;
}
.info #main-block .next dl dt a{
	margin-bottom:3%;
	background-size:7%;
	padding:1.7% 0 1.7% 8%;
}
.info #main-block .next dl dd li{
	margin-right:8%;
}
.info #main-block .company .block p{
	width:90%;
	margin:0 auto;
	position:static;
	margin-bottom:10%;
}
.info #main-block .company .block dl dt{
	font-size:150%;
}
.info #main-block .company .block{
	font-size:13px !important;
}


.info .auro .auro{
	font-size:13px !important;
	margin-top:0%;
	padding-top:5%;
}
.info .auro .auro1 section.top_content{
	margin-left:1.5%;
	margin-right:1.5%;
}
.info .auro .auro1 section.top_content p{
	font-size:13px !important;
	padding-left:0%;
	padding-right:0%;
	width:100%;
}
.info .auro .top_content p img{
	width:90%;
}
.info .auro .auro1 section.top_content h1{
	font-size:25px !important;
	padding-left:0%;
	padding-right:0%;
}
.info .auro .auro .pc{
	display:none;
}
.info .auro .auro .left{
	width:94%;
	float:none;
}
.info .auro .auro .right{
	width:94%;
	float:none;
	overflow:hidden;
	margin-top:0;
}
.info .auro .auro .right p img{
	width:308px;
	margin:0 auto;
	display:block;
	margin-bottom:35px;
}
.info .auro .auro .right dl{
	width:47.5%;
	float:left;
	margin-bottom:2em;
}
.info .auro .auro .right dl:nth-of-type(2n+1){
	margin-right:5%;
}
.info .auro .auro .right dl:nth-last-of-type(1){
	width:100%;
	margin-right:0%;
}
.info .auro .auro .right dl img{
	display:block;
	margin:0.7em auto 0 auto;
}
.info .auro .auro .right dl:nth-last-of-type(1) img{
	width:47.5%;
}
.info #main-block .catalog{
	padding:0 1% 2% 1%;
}
.info #main-block > h1 img{
	width:700px;
}
.info #main-block .catalog h1{
	font-size:150%;
	margin:20px 0 12px 0;
}
.info #main-block .catalog .book ul{
	margin-bottom:60px;
}
.info #main-block .catalog .book ul li{
	width:42.5%;
	margin-left:5% !important;
}
.info #main-block .catalog table .r2,
.info #main-block .catalog table td{
	display:table-cell;
}
.info #main-block .catalog table .no_r2{
	display:none;
}
.info #main-block .catalog table th{
	padding:10px 4px;
}
.info #main-block .catalog table a{
	padding:4px 5px 4px 12px;
}
.info .catalog dl ul li{
	width: 100%;
}







.page #main-block .main,
.page #main-block .bottom{
	padding-right:0%;
}
.page #main-block .main{
	margin-bottom:45px;
}
.page #main-block .main h1 em{
	display:none;
}
.page #main-block .main > h1 span{
	width: 100%;
}
.no125 #main-block .main > h1,
.no128 #main-block .main > h1,
.no129 #main-block .main > h1,
.no690 #main-block .main > h1,
.no130 #main-block .main > h1,
.no321 #main-block .main > h1,
.no311 #main-block .main > h1,
.no391 #main-block .main > h1,
.page #main-block .main > p{
	float:none;
	width:70%;
	margin:-12% auto 30px auto;
	padding-right:2%;
}
.no129 #main-block .main > h1{
	margin:-8% auto 30px auto;
}
.no321 #main-block .main > h1{
	margin:-0% auto 30px auto;
}
.no311 #main-block .main > h1{
	margin:-0% auto 30px auto;
}
.no305 #main-block .main > p{
	margin:-0% auto 30px auto;
}
.no391 #main-block .main > h1{
	margin:2% auto 30px auto;
}
.no130 #main-block .main > h1{
	margin:-8% auto 30px auto;
}
.no191 #main-block .main > p img.new{
	display:none;
}
.no150 #main-block .main > p{
	margin:-9% auto 30px auto;
}
.no330 #main-block .main > p{
	margin:-7% auto 30px auto;
}
.no433j #main-block .main > p{
	margin:-8% auto 30px auto;
}
.no451j #main-block .main > p{
	margin:-8% auto 30px auto;
}
.page #main-block .bottom > section{
	margin:0 0.8% 6em 2%;
	overflow:hidden;
}
.page #main-block .main dl.component{
	width:43%;
	margin:1% 6% 0 4%;
	padding-right:2%;
}
.page #main-block .main dl.line2 dd em{
	width:100%;
}
.page #main-block .main dl.line2 dd em:nth-of-type(2n+1){
	margin-right:0%;
}
.page #main-block .main dl.graph{
	width:42%;
	padding-bottom: 10%;
}
.page #main-block .main dl.safety{
	width:93%;
}
.no690 #main-block .main dl.safety{
	width:96%;
	margin-right:2%;
	margin-left:2%;
	margin-top:1.7em;
}
.no690 #main-block .main dl.safety1 li{
	width:80%;
}
.no130 #main-block .main dl.safety1{
	display:none;
}
.no130 #main-block .main dl.safety2{
	width:96%;
	margin-right:2%;
	margin-left:2%;
	margin-top:1.7em;
}
.no130 #main-block .main dl.safety2 li{
}
.no321 #main-block .main dl.safety li{
	width:80%;
}
.no321 #main-block .main dl.safety2{
	margin-left:2%;
	margin-top:2em;
}
.no328 #main-block .main dl.safety2 li{
	width:200px;
}
.no391 #main-block .main dl.safety{
	margin-left:4%;
	margin-top:15px;
}
.no150 #main-block .main > p.color{
	position:static;
	width:90%;
	margin:0 auto !important;
	padding:2em 0 0 0 !important;
	clear:both;
}


.page #main-block .bottom > section.dilution table{
	width:97%;
}
.page #main-block .bottom section.point dl{
	float:none;
	width:97%;
}
.page #main-block .bottom section.point dl dt img,
.page #main-block .bottom section.point dl dt video{
	width:80%;
	margin-bottom:10px;
}
.page #main-block .bottom section.point dl dt span{
	margin-bottom:4px;
}
.no130 #main-block .bottom section.point dl:nth-of-type(4) dt{
	margin-bottom:0em;
}
.no130 #main-block .bottom section.point p{
	width:100%;
}
.no150 #main-block .bottom section.point dl:nth-of-type(4) dt{
	width:100%;
}
.no150 #main-block .bottom section.point dl:nth-of-type(4) dd{
	position:static;
	width:100%;
	margin-bottom:2em;
}
#main-block .bottom section.point video{
	width:90%;
	margin:30px 5% 70px 5%;
}



.no321 #main-block .bottom section.color div > p img,
.no330 #main-block .bottom section.color2 div > p img{
	height:260px;
}
.no321 #main-block .bottom section.color a,
.no330 #main-block .bottom section.color2 a{
	width:74%;
	top:24px;
	left:8%;
	padding:10px 5%;
	height:192px;
}
.no321 #main-block .bottom section.color a dd span,
.no330 #main-block .bottom section.color2 a dd span{
	width:67%;
	font-size:13px;
	display:block;
}
.no321 #main-block .bottom section.color a dd span br,
.no330 #main-block .bottom section.color2 a dd span br{
	display:none;
}
.no321 #main-block .bottom section.color a dd img,
.no330 #main-block .bottom section.color2 a dd img{
	width:29%;
}


.no129 #main-block .bottom section.how2 section,
.no128 #main-block .bottom section.how2 section,
.no125 #main-block .bottom section.how2 section{
	margin-bottom:4.5em;
}
.no128 #main-block .bottom section.how2 section,
.no128 #main-block .bottom section.how2 section p,
.no129 #main-block .bottom section.how2 section,
.no129 #main-block .bottom section.how2 section p,
.no125 #main-block .bottom section.how2 section,
.no125 #main-block .bottom section.how2 section p{
	width:100% !important;
	float:none;
	margin-right:0 !important;
	min-height:inherit !important;
}
.no128 #main-block .bottom section.how2 section.step3,
.no128 #main-block .bottom section.how2 section.step4,
.no128 #main-block .bottom section.how2 section.step5,
.no129 #main-block .bottom section.how2 section.step3,
.no129 #main-block .bottom section.how2 section.step4,
.no129 #main-block .bottom section.how2 section.step5,
.no125 #main-block .bottom section.how2 section.step3,
.no125 #main-block .bottom section.how2 section.step4,
.no125 #main-block .bottom section.how2 section.step5{
	background-size:6.9%;
	margin-bottom:6em;
}
.no128 #main-block .bottom section.how2 section.step5,
.no129 #main-block .bottom section.how2 section.step5,
.no125 #main-block .bottom section.how2 section.step5{
	background:url(../img/item/129/s5.png) 0 0 no-repeat;
	padding-top:0%;
}
.no128 #main-block .bottom section.how2 section.step3 h1,
.no128 #main-block .bottom section.how2 section.step4 h1,
.no128 #main-block .bottom section.how2 section.step5 h1,
.no129 #main-block .bottom section.how2 section.step3 h1,
.no129 #main-block .bottom section.how2 section.step4 h1,
.no129 #main-block .bottom section.how2 section.step5 h1,
.no125 #main-block .bottom section.how2 section.step3 h1,
.no125 #main-block .bottom section.how2 section.step4 h1,
.no125 #main-block .bottom section.how2 section.step5 h1{
	padding:5% 0 0 7%;
	padding-bottom:1%;
}
.no128 #main-block .bottom section.how2 section.step3 p.photo,
.no129 #main-block .bottom section.how2 section.step3 p.photo,
.no125 #main-block .bottom section.how2 section.step3 p.photo{
	margin-top:0;
}
.no128 #main-block .bottom section.how2 section.step4 p.bun_p1,
.no129 #main-block .bottom section.how2 section.step4 p.bun_p1,
.no125 #main-block .bottom section.how2 section.step4 p.bun_p1{
	margin-bottom:2.5em;
}
.page #main-block .bottom > section.data dl dt{
	float:none;
	width:auto;
	height:inherit !important;
	line-height:normal !important;
	padding:0.5% 1em 0.5% 1em;
	margin:0 0 2% 0;
	display:inline-block;
}
.page #main-block .bottom > section.data dl dd{
	float:none;
	width:95%;
}
.page #main-block  .bottom > section.data > ul li{
	padding:0 0 7% 200px;
	min-height:125px;
	float:none;
	width:auto;
}
.page #main-block  .bottom > section.data > ul li img{
	width:180px;
	top:4px;
}






#main-block{
	z-index:9999999;
}






#main-block div.purpose > .blockp{
	margin-left:1.5%;
	margin-right:1.5%;
}
.wax_paint #main-block .purpose .blockp{
	background-size:50px !important;
}
.wax_paint #main-block .purpose .blockp h1{
	font-size:25px;
	padding-left:65px;
	margin-bottom:3%;
	min-height:90px;
}
.wax_paint #main-block .purpose .blockp p{
	font-size:13px;
	padding-left:0;
	width:100%;
}
.wax_paint #main-block .purpose .blockp ul li{
	width:32%;
	margin-right:2%;
}



.wall_paint #main-block .purpose .blockp{
	background-size:50px !important;
	margin-bottom:11%;
}
.wall_paint #main-block .purpose .blockp h1{
	font-size:25px;
	padding-left:65px;
	margin-bottom:3%;
	min-height:90px;
}
.wall_paint #main-block .purpose .blockp p{
	font-size:13px;
	padding-left:0;
	width:100%;
}
.wall_paint #main-block .purpose .blockp ul li{
	width:32%;
	margin-right:2%;
}
.wall_paint #main-block .purpose .step5 ul li{
	margin-right:0;
	width:34.4%;
}
.wall_paint #main-block .purpose .step1 ul li{
	width:100% !important;
}
.wall_paint #main-block .purpose .blockp dl dd img{
	width:100% !important;
	margin-top:1% !important;
}
.wall_paint #main-block .purpose .blockp dl{
	margin-bottom:25px;
	padding-left:0;
	font-size:13px;
}
.wall_paint #main-block .purpose .blockp dl dt{
	font-size:20px;
}
.wall_paint #main-block .purpose .step2 p.photo{
	width:100%;
}
.wall_paint #main-block .purpose .blockp p .pc{
	display:none;
}


}
@media screen and (max-width:430px){
#main-block aside.news{
	margin-bottom:-30%;
}
#main-block section.main .op a:nth-of-type(1) dl dd img{
	width:41.6%;
}
#main-block section.main .op a:nth-of-type(2) dl dd img{
	width:22%;
}


.magazine ul:nth-of-type(1) li{
	width:22%;
	margin:0 4% 20px 0;
}
.magazine ul li:nth-of-type(4n){
	margin-right:0px;
}
.magazine ul li:nth-of-type(n+13){
	display:none;
}



.info #main-block .business h1,
.info #main-block .company h1{
	font-size:19px;
	line-height:1.3em;
	font-weight:bold;
}
.info #main-block .business p.chart img{
	width:90%;
}
.info #main-block .business dl dt a{
	background-size:13%;
	padding:3.5% 0 3.5% 15%;
}
.info #main-block .next dl dd li{
	margin:0 8% 5px 0;
}
.company #main-block section.enn h1 img{
	width:90%;
}



.info .auro .top_content p .pc{
	display:none;
}
.info .auro .auro .right dl{
	width:100%;
	float:none;
	margin-right:0;
}
.info .auro .auro .right dl img{
	width:100% !important;
}



.info #main-block .catalog .book ul li{
	width:45%;
	margin-left:0% !important;
	margin-bottom:3em;
}
.info #main-block .catalog .book ul li:nth-of-type(2){
	margin-left:10% !important;
}
.info #main-block .catalog .book ul li:nth-of-type(3){
	clear:both;
	float:none;
}




.page #main-block .main > h1,
.page #main-block .main > p{
	float:none;
	width:90%;
	margin:-12% auto 30px auto;
	padding-right:2%;
}
.page #main-block .main > h1{
	margin:4% auto 30px auto;
}
.page #main-block .main h1 span,
.page #main-block .main > p span{
	width:100%;
	font-size:100%;
	font-weight:normal;
}
.page #main-block .main dl dt{
	font-size:100%;
	margin:0 0 5px -5%;
	letter-spacing:0px;
}
.page #main-block .main dl dd{
	font-size:70%;
}
.page #main-block .main dl.component{
	background:none;
	padding-right:0;
	margin-right:0;
	margin-left:2%;
	width:44%;
}
.no328 #main-block .main dl.component p{
	position:static;
	margin:1em auto 0 auto;
	width:100px;
}
.page #main-block .main dl.graph{
	background:url(../img/item/452/boder.png) top left repeat-y;
	padding-left:4%;
	margin-left:4%;
}
.page #main-block .main dl.graph ul{
	width:80%;
	margin-left:20%;
	float:none;
}
.page #main-block .main dl.graph p.en{
	width:60%;
	margin:-6% auto 0 auto;
	float:none;
}
.page #main-block .main dl.graph p.en{
	float:none;
	margin:60px 3% 0 3%;
	width:94%;
}
.page #main-block .main dl.graph p.glink{
	bottom:inherit;
	top:37%;
	left:16%;
}
.page #main-block .main dl.safety dt{
	margin:2em 0 1% -1.4%;
	letter-spacing:0px;
}
.page #main-block .main dl.safety li{
	float:none;
	width:70%;
	margin:1em auto 0 auto !important;
}
.no125 #main-block .main dl.safety dt{
	margin:0em 0 1% -1.4%;
}
.no125 #main-block .main dl.safety1 li{
	width:100%;
}
.no130 #main-block .main dl.safety2 li{
	float:none;
	width:70% !important;
	margin:1em auto 0 auto !important;
}
.no690 #main-block .main dl.safety1 li{
	width:90%;
}
.no321 #main-block .main dl.safety1 li{
	width:300px;
}
.no391 #main-block .main dl.safety1 li{
	width:300px;
}
.no130 #main-block .bottom section.point p img{
	width:80%;
	margin-bottom:1em;
}
#main-block .bottom section.point p.movie_only{
	width:300px;
	height:168px;
}




.no321 #main-block .bottom section.color a,
.no330 #main-block .bottom section.color2 a{
	width:82%;
	top:24px;
	left:5%;
	padding:10px 4%;
	height:192px;
}
.no321 #main-block .bottom section.color a dt,
.no330 #main-block .bottom section.color2 a dt{
	font-size:150%;
}
.no321 #main-block .bottom section.color a dd span,
.no330 #main-block .bottom section.color2 a dd span{
	width:100%;
}
.no321 #main-block .bottom section.color a dd img,
.no330 #main-block .bottom section.color2 a dd img{
	display:none;
}
.no321 #main-block .bottom section.color a p,
.no330 #main-block .bottom section.color2 a p{
	font-size:140%;
	font-weight:bold;
}



.page #main-block .bottom section.how2 section{
	background-position:center 0 !important;
	background-size:30px !important;
}
.page #main-block .bottom section.how2 section h1{
	padding: 56px 0 0.7em 0 !important;
	font-size:180%;
	text-align:center;
}
.page #main-block .main > p{
	width:85%;
}
.page #main-block  .bottom > section.data > ul li{
	padding:0 0 7% 120px;
	min-height:71px;
}
.page #main-block  .bottom > section.data > ul li img{
	width:100px;
}





#main-block div.item{
	margin-top:8%;
}






.wax_paint #main-block .purpose .blockp{
	background-size:35px !important;
	background-position:top center !important;
}
.wax_paint #main-block .purpose .blockp h1{
	font-size:21px;
	padding-left:0px;
	min-height:5px;
	padding-top:75px;
	text-align:center;
}
.wax_paint #main-block .purpose .blockp p{
	font-size:13px;
	text-align:center;
}
.wax_paint #main-block .purpose .blockp p .pc{
	display:none;
}
.wax_paint #main-block .purpose .blockp ul li{
	width:49%;
	margin-right:2%;
	margin-bottom:2%;
}
.wax_paint #main-block .purpose .blockp ul li:nth-of-type(2){
	margin-right:0%;
}


.wall_paint #main-block .purpose .blockp{
	background-size:35px !important;
	background-position:top center !important;
}
.wall_paint #main-block .purpose .blockp h1{
	font-size:21px;
	padding-left:0px;
	min-height:5px;
	padding-top:75px;
	text-align:center;
}
.wall_paint #main-block .purpose .blockp p{
	font-size:13px;
	text-align:center;
}
.wall_paint #main-block .purpose .blockp p .pc{
	display:none;
}
.wall_paint #main-block .purpose .blockp ul li{
	width:49%;
	margin-right:2%;
	margin-bottom:2%;
}
.wall_paint #main-block .purpose .blockp ul li:nth-of-type(2){
	margin-right:0%;
}

}