/* PC */



#main {

color: #595757

}



#main a {

color: #2684C6

}



#main .f10 {

font-size: 10px !important;

line-height: 16px

}



#main h2 {

margin-bottom: 45px

}



#main p {

font-size: 14px;

line-height: 28px

}



#main p.txt {

margin-bottom: 30px

}



/*#main h4 {

font-size: 18px;

font-weight: normal

}*/



#main h4.subtitle {

border-bottom: 1px solid #BDCCD4;

padding-bottom: 10px;

margin: 30px 0 15px

}



#main .processor_area {

padding: 10px 0;

}



#main .processor_area h3 {

background: -webkit-gradient(linear, left, color-stop(1.00, #CDEBFF), color-stop(0.00, #81ACD4));

background: -webkit-linear-gradient(left, #81ACD4, #CDEBFF);

background: -moz-linear-gradient(left, #81ACD4, #CDEBFF);

background: -o-linear-gradient(left, #81ACD4, #CDEBFF);

background: -ms-linear-gradient(left, #81ACD4, #CDEBFF);

background: linear-gradient(left, #81ACD4, #CDEBFF);

filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#81ACD4', endColorstr='#CDEBFF');

color: #fff;

font-size: 20px;

padding: 18px 20px;

margin: 0 auto 30px auto;

letter-spacing: 0.2em;

position: relative;

}



#main .processor_area h3 img.square {

position: absolute;

right: 0;

top: 0;

}



#main .processor_area .product_area div.visual {

width: 380px;

margin: 0 20px 60px auto;

float: left;

overflow: hidden;

position: relative;

}



#main .processor_area .product_area div.visual img {

width: 100%;

margin: 0;

}



#main .processor_area .product_area2 div.visual img {

width: 130%;

margin: -20px auto 0 -40px;

}



#main .processor_area .product_area h5 {
margin: 0 auto 20px 0;
}

#main .processor_area .product_area1 h5 img {
width: 255px;
}



#main .processor_area .product_area2 h5 img {
width: 155px;
}



#main .processor_area .product_area p {

font-size: 12px;

line-height: 160%;
padding: 0 20px;
margin: 0 auto 20px auto;

}



#main .processor_area .product_box {

clear: both;

padding: 10px 100px 0 100px;

margin: 0 auto 20px auto;

position: relative

}


#main .processor_area .product_box2 {

clear: both;

padding: 10px 100px 0 100px;

margin: 0 auto 20px auto;

position: relative

}



#main .processor_area .product_box img.image {

width: 160px;

position: absolute;

right: 146px;

top: -14px;

}
#main .processor_area .product_box2 img.image {
float: right;
margin-bottom: 30px;
margin-right: 20px;
}



#main .processor_area .product_box img.tall {

margin-top: -20px;

}



#main .processor_area .product_box h6 {

margin: 0 auto 15px 0;

line-height: 160%;

}



#main .processor_area .product_box2 h6 {

margin: 0 auto 15px 0;

line-height: 160%;

}



#main .processor_area .product_box p {

padding: 0;

font-size: 14px;

color: #666;

margin-bottom: 25px;

}



#main .processor_area .product_box2 p {

padding: 0;

font-size: 14px;

color: #666;

margin-bottom: 25px;

}



#main .processor_area .product_box p.avilable img {

height: 20px;

margin-right: 5px;

}



/*#main .processor_area .product_box p.icon {

padding: 0;

}



#main .processor_area .product_box p.icon img {

width: 290px;

margin: 0;

}*/





#main .iconblock {

width: 577px;

overflow: hidden;

margin: 0;

}



#main .iconblock.tate {

padding-bottom: 80px !important;

}



.iconblock img {

float: left;

width: 176px;

height: auto

}



.iconblock img.ico_clear {

float: left;

width: 176px;

height: auto;

padding-left: 15px;

}



#main .processor_area a.design,

#main .processor_area a.dryer {

clear: both;

display: block;

width: 80%;

background: #F1F2F2;

border-radius: 1px;

border: 1px solid #8EB4E0;

text-align: center;

padding: 2px 0;

margin: 0 auto 15px auto;

}

#main .processor_area a.caredry {

clear: both;

display: block;

width: 90%;

background: #ffe4e1;

border-radius: 1px;

border: 1px solid #ff69b4;

text-align: center;

padding: 2px 0;

margin: 0 auto 15px auto;

}



#main .processor_area a.dryer {

margin: 0 auto 40px auto;

}



#main .processor_area a.design img,

#main .processor_area a.dryer img {

clear: both;

float: none;

height: 65px;

margin: 0 auto;

}

#main .processor_area a.caredry img {

clear: both;

float: none;

height: 100px;

margin: 0 auto;

}



/**/

#main .processor_area .selecter_area {

margin-bottom: 80px;

}



#main .processor_area .selecter_area p.intro {

margin: 0 auto 15px 0;

}



#main .processor_area .selecter_area h3 {

background: none;

padding: 0;

margin: 0 auto 10px auto;

}



#main .processor_area .selecter_area .select1 {

float: left;

width: 488px;

}



#main .processor_area .selecter_area .select1 h3 img {

width: 483px;

}



#main .processor_area .selecter_area .select1_2 {

float: left;

width: 122px;

margin: 0 0 0 -120px;

padding-top: 40px;

}



#main .processor_area .selecter_area .select2 {

float: left;

width: 250px;

text-align: right;

}



#main .processor_area .selecter_area .select2 h3 {

text-align: right;

margin: 0 0 10px auto;

width: 243px;

}



#main .processor_area .selecter_area .select2 h3 img {

width: 243px;

height: 30px;

}



#main .processor_area .selecter_area .selecter ul {

clear: both;

}



#main .processor_area .selecter_area .select1 ul li,

#main .processor_area .selecter_area .select1_2 ul li,

#main .processor_area .selecter_area .select2 ul li {

float: left;

width: 123px;

border-right: 1px solid #ccc;

margin-bottom: 30px;

}



#main .processor_area .selecter_area .select1 ul li a {

display: block;

padding: 8px 8px 0 8px;

text-align: center;

}



#main .processor_area .selecter_area .select1_2 ul li a {

display: block;

padding: 8px 8px 0 8px;

text-align: center;

}



#main .processor_area .selecter_area .select2 ul li a {

display: block;

padding: 8px 8px 0 8px;

text-align: center;

}



#main .processor_area .selecter_area .selecter ul li a img {

width: 98%;

margin: 0 auto 10px auto;

}



#main .processor_area .selecter_area .selecter ul li a p {

color: #58595B;

font-size: 11px;

line-height: 130%;

background: url(../images/ico_arrow.png) no-repeat right center;

background-size: 6px;

margin-bottom: 10px;

}



#main .processor_area .selecter_area .selecter ul li a p.line1 {

padding: 1.3em 0 1.2em 0;

}



#main .processor_area .selecter_area .selecter ul li a p.line2 {

padding: 0.6em 0;

}



#main .processor_area .selecter_area .selecter ul li a p.ico {

background: none;

margin-bottom: 0;

padding: 0;

}



#main .processor_area .selecter_area .selecter ul li a p.ico img {

margin-bottom: 0;

}



#main .processor_area .product_half {
clear: none;
float: left;
width: 47%;
padding: 10px 10px 0;
margin: 0 auto;
}

#main .processor_area .product_half h4 {
text-align: left
}

#main .processor_area .product_half h4 img {
font-size: 0;
line-height: 0;
height: 60px;
width: auto;
}

#main .processor_area .product_half h4 img.galle {
height: 49px;
}

#main .processor_area .product_half h6 {
font-size: 18px;
line-height: 22px;
margin: 0 auto 15px 0;
color: #666;
text-align: left;
padding: 0;
min-height: 4em;
}

#main .processor_area .product_half h6 span.kana {
padding-top: 10px;
}

#main .processor_area .product_box .product_half img.image {
float: right;
margin-bottom: 30px;
margin-right: 0;
width: 58%;
height: auto;
}

#main .processor_area .product_box2 .product_half img.image {
float: right;
margin-bottom: 30px;
margin-right: 0;
width: 58%;
height: auto;
}




.blueBtn a {
clear: both;
display: block;
background: #99cccc;
border: 1px solid #003399;
color: #003399 !important;
text-align: center;
padding: 12px 0;
margin: 0 auto 40px auto;
font-size: 16px;
font-weight:bold;
line-height: 24px;
text-decoration: none;
}

.blueBtn span {
background: url(/products/images/icon_bw_blue.png) no-repeat right 50%;
padding-right: 40px;
}

/* SP */

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



#main .processor_area {

padding: 10px 0;

overflow-x: hidden;

}



#main .processor_area ul li,

#main .processor_area ul li a {

border: none;

padding: 0;

}



#main .processor_area h3 {

width: 100%;

background: -webkit-gradient(linear, left, color-stop(1.00, #CDEBFF), color-stop(0.00, #81ACD4));

background: -webkit-linear-gradient(left, #81ACD4, #CDEBFF);

background: -moz-linear-gradient(left, #81ACD4, #CDEBFF);

background: -o-linear-gradient(left, #81ACD4, #CDEBFF);

background: -ms-linear-gradient(left, #81ACD4, #CDEBFF);

background: linear-gradient(left, #81ACD4, #CDEBFF);

filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1,startColorstr='#81ACD4', endColorstr='#CDEBFF');

color: #fff;

font-size: 15px;

padding: 14px 12px;

margin: 0 auto 20px auto;

letter-spacing: 0.2em;

}



#main .processor_area h3 img.square {

display: none;

}



#main .processor_area h4 {

width: 100%;

margin: 0 auto 20px auto;

border-bottom: 2px solid #b1b1b1;

}



#main .processor_area .product_area div.visual {

width: 100%;

height: auto;

margin: 0 auto 20px auto;

float: none;

}



#main .processor_area .product_area div.visual img {

width: 100%;

margin: 0;

}



#main .processor_area .product_area img.visual {

width: 100%;

margin: 0 auto 20px auto;

}



#main .processor_area .product_area h5 {

margin: 0 auto 20px 0;

padding: 0 20px;

text-align: left;

}

#main .processor_area .product_area1 h5 img {
width: 85%;
}
#main .processor_area .product_area2 h5 img {
width: 85%;
}



#main .processor_area .product_area p {

font-size: 12px;

line-height: 160%;

padding: 0 20px;

margin: 0 auto 20px 0;

}



#main .processor_area .product_box {

clear: both;

padding: 0 20px 0 20px;

color: #666;

text-align: left;

margin: 0 auto 30px auto;

}


#main .processor_area .product_box2 {

clear: both;

padding: 0 20px 0 20px;

color: #666;

text-align: left;

margin: 0 auto 30px auto;

}



#main .processor_area .product_box.mb90 {

margin-bottom: 0 !important

}



#main .processor_area .product_box img.image {

float: right;

width: 40%;

margin: 0 10px 0 0;

padding: 40px 0 20px 0;

position: static;

right: auto;

top: auto;

}



#main .processor_area .product_box img.image {

float: right;

width: 40%;

margin: 0 10px 0 0;

padding: 40px 0 20px 0;

position: static;

right: auto;

top: auto;

}



#main .processor_area .product_box2 img.ssize {

padding: 0 0 20px 0;

}



#main .processor_area .product_box img.tall {

margin: -10px 10px 0 0;

}



#main .processor_area .product_box h6 {

margin: 0 auto 5px 0;

}




#main .processor_area .product_box2 h6 {

margin: 0 auto 5px 0;

}



#main .processor_area .product_box p {

padding: 0;

font-size: 13px;

}



#main .processor_area .product_box2 p {

padding: 0;

font-size: 13px;

}



#main .processor_area .product_box p.avilable img {

width: auto;

height: 17px;

margin-right: 0;

margin-bottom: 2px;

}



#main .processor_area .product_box2 p.avilable img {

width: auto;

height: 17px;

margin-right: 0;

margin-bottom: 2px;

}



#main .iconblock {

width: 50%;

margin: 0;

}



.iconblock img {

float: none;

width: 100%;

}



.iconblock img.ico_clear {

clear: both;

width: 100%;

padding-left: 0;

}



#main .processor_area .product_box a.catalog,

#main .processor_area .product_box a.voice {

margin: 0 auto 10px auto;

text-align: center;

}



#main .processor_area a.design,

#main .processor_area a.dryer {

width: 90%;

}

#main .processor_area a.caredry {

width: 95%;

}



#main .processor_area a.design img,

#main .processor_area a.dryer img {

clear: both;

float: none;

height: 36px;

margin: 0 auto;

}


#main .processor_area a.caredry img {

clear: both;

float: none;

height: 80px;

margin: 0 auto;

}



#main .processor_area a.design img {

height: 45px;

}



#main .processor_area .selecter_area p.intro {

margin: 0 auto 15px 0;

}



#main .processor_area .selecter_area h3 {

background: none;

padding: 0;

margin: 0 auto 10px auto;

}



#main .processor_area .selecter_area .selecter ul {

clear: none;

width: 100%;

}



#main .processor_area .selecter_area .select1 ul li,

#main .processor_area .selecter_area .select1_2 ul li,

#main .processor_area .selecter_area .select2 ul li {

float: left;

width: 33%;

border-right: 1px solid #ccc;

margin-bottom: 20px;

}



#main .processor_area .selecter_area .select1 ul li:last-child,

#main .processor_area .selecter_area .select2 ul li:last-child {

border: none;

padding-right: 1px;

}



#main .processor_area .selecter_area .select1 {

float: left;

width: 100%;

}



#main .processor_area .selecter_area .select1 h3 img {

width: 100%;

}



#main .processor_area .selecter_area .select1_2 {

float: left;

width: 33%;

margin: 0;

padding: 0;

}



#main .processor_area .selecter_area .select1_2 h3 {

height: 30px;

margin: 0 0 10px 0;

}



#main .processor_area .selecter_area .select1_2 h3 img {

width: 99.5%;

height: auto;

float: left;

margin: 0;

}



#main .processor_area .selecter_area .select2 {

float: right;

width: 66.6%;

margin: 0;

padding: 0;

text-align: right;

}



#main .processor_area .selecter_area .select2 h3 {

text-align: right;

margin: 0 0 10px 0;

width: 100%;

height: 30px;

display: block;

}



#main .processor_area .selecter_area .select2 h3 img {

width: 99%;

height: auto;

float: right;

margin: 0;

}



#main .processor_area .selecter_area .select1 ul li a {

display: block;

padding: 8px 8px 0 8px;

text-align: center;

}



#main .processor_area .selecter_area .select1_2 ul li {

width: 100%;

}



#main .processor_area .selecter_area .select1_2 ul li a {

display: block;

padding: 8px 8px 0 8px;

text-align: center;

}



#main .processor_area .selecter_area .select2 ul li {

width: 49.5%;

}



#main .processor_area .selecter_area .select2 ul li a {

display: block;

padding: 8px 8px 0 8px;

text-align: center;

}



#main .processor_area .selecter_area .selecter ul li a img {

width: 98%;

margin: 0 auto 10px auto;

}



#main .processor_area .selecter_area .selecter ul li a p {

color: #58595B;

font-size: 10px;

line-height: 130%;

background: url(../images/ico_arrow.png) no-repeat right center;

background-size: 6px;

margin-bottom: 10px;

}



#main .processor_area .selecter_area .selecter ul li a p.line1 {

padding: 1.3em 0 1.2em 0;

}



#main .processor_area .selecter_area .selecter ul li a p.line2 {

padding: 0.6em 0;

}



#main .processor_area .selecter_area .selecter ul li a p.ico {

background: none;

margin-bottom: 0;

width: 100%;

}



#main .iconblock.tate {

padding-bottom: 0 !important;

}



#main h4#airwavevita img {

width: auto;

height: 30px;

}




#main .processor_area .product_half {
float: none !important;
clear: both;
padding: 0 20px 0 20px;
color: #666;
text-align: left;
margin: 0 auto 30px auto;
width: auto;
}

#main .processor_area .product_half h6 {
margin: 0 auto 15px 0;
text-align: left;
padding: 0;
}

#main .processor_area .product_half span {
display: inline
}

#main .processor_area .product_box .product_half img.image {
float: right;
width: 40%;
margin: 0 10px 0 0;
padding: 20px 0;
}

#main .processor_area .product_box2 .product_half img.image {
float: right;
width: 40%;
margin: 0 10px 0 0;
padding: 20px 0;
}

.purpleBtn a,
.blueBtn a {
font-size: 12px;
line-height: 18px;
padding: 8px 0;
}

.purpleBtn a {
margin: 0 auto 30px;
}

.purpleBtn span,
.blueBtn span {
background-size: contain;
}

}