div#contents{overflow:hidden;}
/*----------------------------------------------
メインイメージ
----------------------------------------------*/
div#mainimg {
max-width: 1200px;
width: 100%;
margin: 0 auto;
text-align: center;
}
div#mainimg img {
width: 100%;
height: auto;
}
@keyframes ball-spin-fade-loader {
50% {
opacity: 0.3;
transform: scale(0.4);
}
100% {
opacity: 1;
transform: scale(1);
}
}
.ball-spin-fade-loader {
position: absolute;
z-index: 100;
left: 50%;
top: 50%;
}
.ball-spin-fade-loader > div {
animation-fill-mode: both;
position: absolute;
}
.ball-spin-fade-loader > div {
background-color: #ededed;
border-radius: 100%;
height: 15px;
margin: 0;
width: 15px;
}
.ball-spin-fade-loader > div:nth-child(1) {
animation: 1s linear 0s normal none infinite running ball-spin-fade-loader;
left: 0;
top: 25px;
}
.ball-spin-fade-loader > div:nth-child(2) {
animation: 1s linear 0.12s normal none infinite running ball-spin-fade-loader;
left: 17.05px;
top: 17.05px;
}
.ball-spin-fade-loader > div:nth-child(3) {
animation: 1s linear 0.24s normal none infinite running ball-spin-fade-loader;
left: 25px;
top: 0;
}
.ball-spin-fade-loader > div:nth-child(4) {
animation: 1s linear 0.36s normal none infinite running ball-spin-fade-loader;
left: 17.05px;
top: -17.05px;
}
.ball-spin-fade-loader > div:nth-child(5) {
animation: 1s linear 0.48s normal none infinite running ball-spin-fade-loader;
left: 0;
top: -25px;
}
.ball-spin-fade-loader > div:nth-child(6) {
animation: 1s linear 0.6s normal none infinite running ball-spin-fade-loader;
left: -17.05px;
top: -17.05px;
}
.ball-spin-fade-loader > div:nth-child(7) {
animation: 1s linear 0.72s normal none infinite running ball-spin-fade-loader;
left: -25px;
top: 0;
}
.ball-spin-fade-loader > div:nth-child(8) {
animation: 1s linear 0.84s normal none infinite running ball-spin-fade-loader;
left: -17.05px;
top: 17.05px;
}
.ball-spin-fade-loader > div {
animation-fill-mode: both;
position: absolute;
}
#mainimg {
height: 580px;
position: relative;
}
#mainimg ul {
display: inline-block;
width: 100%;
min-width: 1200px;
margin: 0 -100%;
text-align: center;
}
#mainimg ul li {
display: inline-block;
display: none;
}
.llmovie {
width:100%;
height:500px;
}
.pattern {
background-image:url(images/pattern.png);
background-repeat: repeat;
}
/*----------------------------------------------
類似品注意
----------------------------------------------*/
.attention {
max-width: 1200px;
width: 100%;
margin: 0 auto 3rem;
}
.attention dl dt {
color: #F24346;
border: solid 1px #F24346;
display: inline-block;
padding: 0 2rem;
margin-bottom: 5px;
}
/*----------------------------------------------
PRバナー
----------------------------------------------*/
div#prspace {
background: #F3F3F3;
padding: 30px 0;
}
div#prspace ul {
width: 100%;
max-width: 1200px;
margin-right: auto;
margin-left: auto;
text-align: center;
}
div#prspace ul li {
display: inline;
margin-right: 65px;
}
div#prspace ul li a {
transition: all 0.4s ease;
}
div#prspace ul li a:hover {
opacity: 0.7;
}
div#prspace ul li.mgr0 {
margin-right: 0px;
}
/*----------------------------------------------
製品情報
----------------------------------------------*/
h2.title-index {
text-align:center;
padding-bottom: 25px;
}
#products {
max-width: 1200px;
width: 100%;
margin: 0 auto;
}
#products .right {
overflow: hidden;
padding-top: 40px;
padding-right: 20px;
}
#skincare {
background: url(images/bg_skincare01.jpg) repeat-x;
background-size: contain;
float: left;
width: 907px;
position: relative;
}
#skincare h3,
#innercare h3 {
font-family: "黎ミン L",Reimin Light;
font-size: 16px;
margin-bottom: 5px;
border: 4px double #BA9E9E;
display: inline-block;
padding: 0px 50px;
color: #492A2D;
position: absolute;
left: 15px;
top: 15px;
z-index: 100;
}
div.products-inner {
float: left;
height: 175px;
padding-bottom: 30px;
position: relative;
width: 50%;
}
div.products-inner1 {
float: left;
height: 175px;
padding-bottom: 30px;
position: relative;
width: 50%;
}
div.products-inner2 {
float: left;
height: 175px;
padding-bottom: 30px;
position: relative;
width: 50%;
}
div.products-inner3 {
float: left;
height: 175px;
padding-bottom: 30px;
position: relative;
width: 50%;
}
div.products-inner-innercare {
float: left;
height: 175px;
padding-bottom: 30px;
position: relative;
width: 50%;
}
div.products-inner figure {
display: table-cell;
margin-bottom: 0;
vertical-align: bottom;
}
div.products-inner1 figure {
display: table-cell;
margin-bottom: 0;
vertical-align: bottom;
}
div.products-inner2 figure {
display: table-cell;
margin-bottom: 0;
vertical-align: bottom;
}
div.products-inner3 figure {
display: table-cell;
margin-bottom: 0;
vertical-align: bottom;
}
div.products-inner-innercare figure {
display: table-cell;
margin-bottom: 0;
vertical-align: bottom;
}
div.products-inner a:link .productsname {
text-decoration: none;
}
div.products-inner1 a:link .productsname {
text-decoration: none;
}
div.products-inner2 a:link .productsname {
text-decoration: none;
}
div.products-inner3 a:link .productsname {
text-decoration: none;
}
div.products-inner-innercare a:link .productsname {
text-decoration: none;
}
div.products-inner a:hover .productsname {
text-decoration: underline;
}
div.products-inner1 a:hover .productsname {
text-decoration: underline;
}
div.products-inner2 a:hover .productsname {
text-decoration: underline;
}
div.products-inner3 a:hover .productsname {
text-decoration: underline;
}
div.products-inner-innercare a:hover .productsname {
text-decoration: underline;
}
div.products-inner a {
display: table;
height: 100%;
}
div.products-inner1 a {
display: table;
height: 100%;
}
div.products-inner2 a {
display: table;
height: 100%;
}
div.products-inner3 a {
display: table;
height: 100%;
}
div.products-inner-innercare a {
display: table;
height: 100%;
}
div.products-inner a::after {
content: "";
display: block;
clear: both;
}
div.products-inner1 a::after {
content: "";
display: block;
clear: both;
}
div.products-inner2 a::after {
content: "";
display: block;
clear: both;
}
div.products-inner3 a::after {
content: "";
display: block;
clear: both;
}
div.products-inner-innercare a::after {
content: "";
display: block;
clear: both;
}
div.products-inner a div {
display: table-cell;
font-size: 13px;
overflow: hidden;
padding-left: 12px;
text-align: left;
vertical-align: bottom;
width: auto;
position: absolute;
bottom: 25px;
}
div.products-inner1 a div {
display: table-cell;
font-size: 13px;
overflow: hidden;
padding-left: 12px;
text-align: left;
vertical-align: bottom;
width: auto;
position: absolute;
bottom: 25px;
}
div.products-inner2 a div {
display: table-cell;
font-size: 13px;
overflow: hidden;
padding-left: 12px;
text-align: left;
vertical-align: bottom;
width: auto;
position: absolute;
bottom: 25px;
}
div.products-inner3 a div {
display: table-cell;
font-size: 13px;
overflow: hidden;
padding-left: 12px;
text-align: left;
vertical-align: bottom;
width: auto;
position: absolute;
bottom: 25px;
}
div.products-inner-innercare a div {
display: table-cell;
font-size: 13px;
overflow: hidden;
padding-left: 12px;
text-align: left;
vertical-align: bottom;
width: auto;
position: absolute;
bottom: 25px;
}
div.products-inner a:link .productsname {
text-decoration: none;
}
div.products-inner1 a:link .productsname {
text-decoration: none;
}
div.products-inner2 a:link .productsname {
text-decoration: none;
}
div.products-inner3 a:link .productsname {
text-decoration: none;
}
div.products-inner-innercare a:link .productsname {
text-decoration: none;
}
div.products-inner a:hover .productsname {
text-decoration: underline;
}
div.products-inner1 a:hover .productsname {
text-decoration: underline;
}
div.products-inner2 a:hover .productsname {
text-decoration: underline;
}
div.products-inner3 a:hover .productsname {
text-decoration: underline;
}
div.products-inner-innercare a:hover .productsname {
text-decoration: underline;
}
div.products-inner a:link .price {
text-decoration: none !important;
}
div.products-inner1 a:link .price {
text-decoration: none !important;
}
div.products-inner2 a:link .price {
text-decoration: none !important;
}
div.products-inner3 a:link .price {
text-decoration: none !important;
}
div.products-inner-innercare a:link .price {
text-decoration: none !important;
}
div.products-inner a:hover .price {
text-decoration: none;
}
div.products-inner1 a:hover .price {
text-decoration: none;
}
div.products-inner2 a:hover .price {
text-decoration: none;
}
div.products-inner3 a:hover .price {
text-decoration: none;
}
div.products-inner-innercare a:hover .price {
text-decoration: none;
}
div.products-inner figure p {
display:table-cell;
vertical-align:middle;
width: auto;
position: relative;
}
div.products-inner1 figure p {
display:table-cell;
vertical-align:middle;
width: auto;
position: relative;
}
div.products-inner2 figure p {
display:table-cell;
vertical-align:middle;
width: auto;
position: relative;
}
div.products-inner3 figure p {
display:table-cell;
vertical-align:middle;
width: auto;
position: relative;
}
div.products-inner-innercare figure p {
display:table-cell;
vertical-align:middle;
width: auto;
position: relative;
}
#innercare {
box-sizing: border-box;
background: url(images/bg_innercare01.jpg) repeat-x;
background-size: contain;
position: relative;
float: right;
width: 260px;
height: 450px;
padding: 120px 0 0 80px;
}
#innercare h1 {
font-family: "黎ミン L",Reimin Light;
font-size: 16px;
margin-bottom: 5px;
border: 4px double #BA9E9E;
display: inline-block;
padding: 0px 50px;
color: #492A2D;
position: absolute;
left: 50%;
top: 15px;
z-index: 100;
margin-left: -6em;
}
div.products-inner div {
text-align: right;
width: 100%;
}
div.products-inner1 div {
text-align: right;
width: 100%;
}
div.products-inner2 div {
text-align: right;
width: 100%;
}
div.products-inner3 div {
text-align: right;
width: 100%;
}
div.products-inner-innercare div {
text-align: right;
width: 100%;
}
p.productsname {
line-height: 1.6;
font-weight: bold;
}
p.price {
text-align: right;
}
div.products-inner .linkstyle a {
display: block;
font-size:14px;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
border: 1px solid #4A2B2E;
text-decoration: none;
text-align: center;
margin-right: 5px;
margin-left: 5px;
}
div.products-inner1 .linkstyle a {
display: block;
font-size:14px;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
border: 1px solid #4A2B2E;
text-decoration: none;
text-align: center;
margin-right: 5px;
margin-left: 5px;
}
div.products-inner2 .linkstyle a {
display: block;
font-size:14px;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
border: 1px solid #4A2B2E;
text-decoration: none;
text-align: center;
margin-right: 5px;
margin-left: 5px;
}
div.products-inner3 .linkstyle a {
display: block;
font-size:14px;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
border: 1px solid #4A2B2E;
text-decoration: none;
text-align: center;
margin-right: 5px;
margin-left: 5px;
}
div.products-inner-innercare .linkstyle a {
display: block;
font-size:14px;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
border: 1px solid #4A2B2E;
text-decoration: none;
text-align: center;
margin-right: 5px;
margin-left: 5px;
}
div.products-inner .linkstyle a.icon-yajirushi {
background: url(images/img-yajirushi.png) no-repeat 15px center;
background-size:8px 9px;
padding-left: 16px;
}
div.products-inner1 .linkstyle a.icon-yajirushi {
background: url(images/img-yajirushi.png) no-repeat 15px center;
background-size:8px 9px;
padding-left: 16px;
}
div.products-inner2 .linkstyle a.icon-yajirushi {
background: url(images/img-yajirushi.png) no-repeat 15px center;
background-size:8px 9px;
padding-left: 16px;
}
div.products-inner3 .linkstyle a.icon-yajirushi {
background: url(images/img-yajirushi.png) no-repeat 15px center;
background-size:8px 9px;
padding-left: 16px;
}
div.products-inner-innercare .linkstyle a.icon-yajirushi {
background: url(images/img-yajirushi.png) no-repeat 15px center;
background-size:8px 9px;
padding-left: 16px;
}
div.products-inner .linkstyle a.icon-yajirushi:hover {
background: #DBD5D5 url(images/img-yajirushi.png) no-repeat 15px center;
background-size:8px 9px;
}
div.products-inner1 .linkstyle a.icon-yajirushi:hover {
background: #DBD5D5 url(images/img-yajirushi.png) no-repeat 15px center;
background-size:8px 9px;
}
div.products-inner2 .linkstyle a.icon-yajirushi:hover {
background: #DBD5D5 url(images/img-yajirushi.png) no-repeat 15px center;
background-size:8px 9px;
}
div.products-inner3 .linkstyle a.icon-yajirushi:hover {
background: #DBD5D5 url(images/img-yajirushi.png) no-repeat 15px center;
background-size:8px 9px;
}
div.products-inner-innercare .linkstyle a.icon-yajirushi:hover {
background: #DBD5D5 url(images/img-yajirushi.png) no-repeat 15px center;
background-size:8px 9px;
}
p.banner {
float: left;
display: inline;
margin-right: 5px;
}
p.bannerr {
float: right;
}
.procedure {
max-width: 1200px;
width: 100%;
margin: 0 auto;
}
.procedure a {
display: inline-block;
padding-left: 15px;
background: url(images/ico_arrow01.png) no-repeat left center;
background-size: 9px 11px;
}
/*----------------------------------------------
コンセプトストーリー
----------------------------------------------*/
#concept {
padding-top: 30px;
max-width: 1200px;
width: 100%;
margin: 0 auto;
}
#concept ul {
text-align: center;
display: flex;
justify-content: space-between;
}
#concept ul li {
flex-wrap: wrap;
flex-direction: row;
}
#concept ul li a {
transition: all 0.4s ease;
}
#concept ul li a:hover {
opacity: 0.7;
}
#concept ul li.mgr0 {
margin-right: 0px;
}
#concept ul li p {
margin-top: 5px;
text-align: justify;
text-justify: auto;
}
p.footer-banner {
float: left;
}
p.footer-bannerr {
float: right;
}
#oshirase {
width: 430px;
float: left;
}
div#facebookspace {
float: right;
}
#oshirase dl dt {
float: left;
padding-bottom: 5px;
padding-top: 10px;
}
#oshirase dl dd {
border-bottom: 1px dashed #3D2325;
padding-bottom: 5px;
padding-top: 10px;
padding-left: 9em;
}
/*----------------------------------------------
アットコスメクチコミ
----------------------------------------------*/
#others {
width: 100%;
padding-top: 50px;
border-top: 1px solid #C5C5C5;
}
#others .inn {
width: 100%;
max-width: 1040px;
margin: 0 auto;
}
#others .inn ul {
text-align: center;
margin: 0 -40px;
}
#others .inn ul li {
display: inline-block;
width: 320px;
margin: 0 20px;
}
#others .inn ul li a {
display: block;
transition: all 0.4s ease;
}
#others .inn ul li a:hover {
opacity: 0.7;
}
#others .inn ul li p {
margin-top: 10px;
text-align: left;
}
div#atc {
display:none;
}
@media screen and (min-width: 1199px) {
div.products-inner#product01 {
margin-left: 0;
width: auto;
}
div.products-inner1#product01 {
margin-left: 0;
width: auto;
}
div.products-inner2#product01 {
margin-left: 0;
width: auto;
}
div.products-inner3#product01 {
margin-left: 0;
width: auto;
}
div.products-inner-innercare#product01 {
margin-left: 0;
width: auto;
}
div.products-inner#product01 a {
display: block;
text-align: right;
padding: 135px 75px 140px 75px;
background: url(images/bg_products01.png) no-repeat center center;
background-size: cover;
position: relative;
}
div.products-inner1#product01 a {
display: block;
text-align: right;
padding: 135px 75px 140px 75px;
background: url(images/bg_products01.png) no-repeat center center;
background-size: cover;
position: relative;
}
div.products-inner2#product01 a {
display: block;
text-align: right;
padding: 135px 75px 140px 75px;
background: url(images/bg_products01.png) no-repeat center center;
background-size: cover;
position: relative;
}
div.products-inner3#product01 a {
display: block;
text-align: right;
padding: 135px 75px 140px 75px;
background: url(images/bg_products01.png) no-repeat center center;
background-size: cover;
position: relative;
}
div.products-inner-innercare#product01 a {
display: block;
text-align: right;
padding: 135px 75px 140px 75px;
background: url(images/bg_products01.png) no-repeat center center;
background-size: cover;
position: relative;
}
div.products-inner#product01 a:link .productsname {
text-decoration: none;
text-align: right;
}
div.products-inner1#product01 a:link .productsname {
text-decoration: none;
text-align: right;
}
div.products-inner2#product01 a:link .productsname {
text-decoration: none;
text-align: right;
}
div.products-inner3#product01 a:link .productsname {
text-decoration: none;
text-align: right;
}
div.products-inner-innercare#product01 a:link .productsname {
text-decoration: none;
text-align: right;
}
div.products-inner#product01 a:hover .productsname {
text-decoration: underline;
}
div.products-inner1#product01 a:hover .productsname {
text-decoration: underline;
}
div.products-inner2#product01 a:hover .productsname {
text-decoration: underline;
}
div.products-inner3#product01 a:hover .productsname {
text-decoration: underline;
}
div.products-inner-innercare#product01 a:hover .productsname {
text-decoration: underline;
}
div.products-inner#product01 a div {
position: absolute;
bottom: 30px;
width: 60%;
margin-left: 0;
}
div.products-inner1#product01 a div {
position: absolute;
bottom: 30px;
width: 60%;
margin-left: 0;
}
div.products-inner2#product01 a div {
position: absolute;
bottom: 30px;
width: 60%;
margin-left: 0;
}
div.products-inner3#product01 a div {
position: absolute;
bottom: 30px;
width: 60%;
margin-left: 0;
}
div.products-inner-innercare#product01 a div {
position: absolute;
bottom: 30px;
width: 60%;
margin-left: 0;
}
#innercare div.products-inner-innercare figure {
display: block;
margin-bottom: 20px;
vertical-align: bottom;
}
#innercare div.products-inner-innercare a div {
display: block;
padding-left: 0;
top: 185px;
overflow: visible;
margin-right: -30px;
}
#innercare div.products-inner-innercare a div .price {
text-align: left;
}
}
@media screen and (max-width: 1199px) {
div#mainimg {
width: 100%;
height:0;
padding-bottom: 48.3%;
}
div#mainimg img {
width: 100%;
height:auto;
}
div#mainimg ul {
min-width: 100%;
margin: 0;
}
div#mainimg img {
min-width: 100%;
margin: 0;
}
h2.title-index img {
height:auto;
}
#skincare h1 {
left: 50%;
top: 15px;
margin-left: -6em;
}
div#prspace ul {
width: auto;
}
div#prspace ul li{
display: inline-block;
width: 30%;
text-align: center;
margin-right: 0;
}
div#prspace ul li img {
width:98%;
height: auto;
}
#concept ul {
flex-wrap:wrap;
margin: 0 20px;
justify-content: space-around;
}
#concept ul li {
width: 45%;
margin-top: 20px;
}
#concept ul li img {
width:100%;
height: auto;
}
#kugiri {
display: none;
}
#skincare {
float: none;
width: 100%;
padding-top: 40px;
}
#skincare:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#products .right {
overflow: visible;
padding-right: 0px;
padding-top: 0px;
}
#product01 figure p img {
width: 75px;
}
div.products-inner {
width: 32%;
margin-left: 1%;
}
div.products-inner1 {
width: 32%;
margin-left: 1%;
}
div.products-inner2 {
width: 32%;
margin-left: 1%;
}
div.products-inner3 {
width: 32%;
margin-left: 1%;
}
/*div.products-inner-innercare {
width: 32%;
margin-left: 1%;
}*/
div.products-inner figure p {
width: 32%;
height:130px;
}
div.products-inner1 figure p {
width: 32%;
height:130px;
}
div.products-inner2 figure p {
width: 32%;
height:130px;
}
div.products-inner3 figure p {
width: 32%;
height:130px;
}
div.products-inner-innercare figure p {
width: 32%;
height:130px;
}
#innercare {
float: none;
width: 100%;
padding: 60px 0 0;
height: auto;
}
#innercare:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
/*#innercare div.products-inner-innercare {
width: 99%;
margin-left: 1%;
}*/
/*#innercare div.products-inner-innercare a {
width:100%;
table-layout: fixed;
}*/
p.footer-banner {
width: 65%;
}
p.footer-bannerr {
width: 32%;
}
p.footer-banner img,
p.footer-bannerr img {
margin-top:20px;
width: 100%;
height:auto;
}
#oshirase {
width: auto;
float: none;
margin-left:15px;
margin-right:15px;
}
div#facebookspace {
float: none;
width: auto;
margin-left:10px;
}
}
@media screen and (min-width: 768px) and (max-width: 1199px) {
#skincare {
float: none;
width: auto;
padding-top: 70px;
margin-left: 10px;
margin-right: 10px;
}
#innercare {
float: none;
width: auto;
padding: 70px 0 0;
/*height: auto;*/
margin-left: 10px;
margin-right: 10px;
}
div.products-inner-innercare {
float: left;
height: 175px;
padding-bottom: 30px;
position: relative;
width: 40%;
margin-left: 30%;
margin-right: 30%;
}
.attention dl {
margin: 0 1rem;
}
/*#innercare div.products-inner-innercare a {
table-layout: fixed;
margin-left: 30%;
width: 30%;
}*/
/*#innercare div.products-inner-innercare {
width: 99%;
margin-left: 1%;
}*/
/*#innercare div.products-inner-innercare a {
width:100%;
table-layout: fixed;
}*/
}
@media screen and (max-width: 767px) {
div#contents {
padding-top: 50px;
}
div#prspace ul {
width: auto;
}
div#prspace ul li {
display: block;
width: 100%;
margin-right: 0px;
margin-bottom:20px;
}
div#prspace ul li img {
width:80%;
max-width: 240px;
height: auto;
}
#concept ul li {
display: block;
width:auto;
float:none;
margin-right: 15px;
margin-left: 15px;
margin-bottom: 20px;
max-width: 280px;
}
#concept ul li img {
width:100%;
height: auto;
}
h2.title-index {
text-align:center;
}
h2.title-index img {
height:auto;
}
#skincare {
float: none;
width: auto;
margin-left: 10px;
margin-right: 10px;
/*display: flex;
flex-direction: column;*/
}
#skincare h3,
#innercare h3 {
font: normal 100%;
}
/*div.products-inner {
width: auto;
float: none;
margin-left: 10px;
margin-right: 10px;
margin-bottom: 10px;
text-align: center;
}*/
/*div.products-inner {
width: auto;
float: none;
margin-left: 15.5%;
margin-right: 5.5%;
margin-bottom: 10px;
text-align: center;
}
div.products-inner1 {
width: auto;
float: none;
margin-left: 21%;
margin-right: 5.5%;
margin-bottom: 10px;
text-align: center;
}
div.products-inner2 {
width: auto;
float: none;
margin-left: 20%;
margin-right: 5.5%;
margin-bottom: 10px;
text-align: center;
}
div.products-inner3 {
width: auto;
float: none;
margin-left: 18.5%;
margin-right: 5.5%;
margin-bottom: 10px;
text-align: center;
}*/
div.products-inner-innercare {
width: auto;
float: none;
margin-left: 31%;
margin-right: 31%;
margin-bottom: 10px;
text-align: center;
}
/*div.products-inner a div {
display: table-cell;
font-size: 13px;
overflow: hidden;
padding-left: 12px;
text-align: left;
vertical-align: bottom;
width: auto;
position: absolute;
bottom: 25px;
}*/
/*div.products-inner a div {
display: table-cell;
font-size: 13px;
overflow: hidden;
padding-left: 23%;
text-align: left;
vertical-align: bottom;
width: auto;
position: absolute;
bottom: 25px;
}
div.products-inner1 a div {
display: table-cell;
font-size: 13px;
overflow: hidden;
padding-left: 32%;
text-align: left;
vertical-align: bottom;
width: auto;
position: absolute;
bottom: 25px;
}
div.products-inner2 a div {
display: table-cell;
font-size: 13px;
overflow: hidden;
padding-left: 30%;
text-align: left;
vertical-align: bottom;
width: auto;
position: absolute;
bottom: 25px;
}
div.products-inner3 a div {
display: table-cell;
font-size: 13px;
overflow: hidden;
padding-left: 28%;
text-align: left;
vertical-align: bottom;
width: auto;
position: absolute;
bottom: 25px;
}
div.products-inner-innercare a div {
display: table-cell;
font-size: 13px;
overflow: hidden;
padding-left: 17%;
text-align: left;
vertical-align: bottom;
width: auto;
position: absolute;
bottom: 25px;
}*/
/*div.products-inner#product01 {
height: 80px
}*/
/*div.products-inner#product01 {
height: 110px
}
div.products-inner1#product01 {
height: 110px
}
div.products-inner2#product01 {
height: 110px
}
div.products-inner3#product01 {
height: 110px
}
div.products-inner-innercare#product01 {
height: 110px
}*/
/*div.products-inner figure img {
width: 50%;
height: auto;
}
div.products-inner1 figure img {
max-width: 175px;
height: auto;
}
div.products-inner2 figure img {
max-width: 175px;
height: auto;
}
div.products-inner3 figure img {
max-width: 175px;
height: auto;
}
div.products-inner-innercare figure img {
max-width: 100px;
height: auto;
}*/
/*div.products-inner figure p {
display:block;
width: auto;
height:auto;
}
div.products-inner1 figure p {
display:block;
width: auto;
height:auto;
}
div.products-inner2 figure p {
display:block;
width: auto;
height:auto;
}
div.products-inner3 figure p {
display:block;
width: auto;
height:auto;
}
div.products-inner-innercare figure p {
display:block;
width: auto;
height:auto;
}*/
#innercare {
float: none;
width: auto;
margin-right: 10px;
margin-left: 10px;
}
/*#innercare div.products-inner{
height: auto;
}*/
.procedure {
padding: 0 10px;
}
p.productsname {
font-size: 100%;
}
div.products-inner .linkstyle a {
font-size:100%;
padding-top: 8px;
padding-bottom: 8px;
}
div.products-inner1 .linkstyle a {
font-size:100%;
padding-top: 8px;
padding-bottom: 8px;
}
div.products-inner2 .linkstyle a {
font-size:100%;
padding-top: 8px;
padding-bottom: 8px;
}
div.products-inner3 .linkstyle a {
font-size:100%;
padding-top: 8px;
padding-bottom: 8px;
}
div.products-inner-innercare .linkstyle a {
font-size:100%;
padding-top: 8px;
padding-bottom: 8px;
}
#concept ul li.mgr0 {
margin-right: 15px !important;
}
#kugiri {
display: none;
}
p.footer-banner {
float: none;
margin-bottom: 15px;
text-align:center;
}
p.footer-bannerr {
float: none;
text-align:center;
}
p.footer-banner img,
p.footer-bannerr img {
width: 90%;
height:auto;
}
.mgl15 { margin-left: 0px !important; }
#oshirase {
width: auto;
float: none;
margin-left:15px;
margin-right:15px;
}
div#facebookspace {
float: none;
width: 100%;
}
.attention dl {
margin: 0 1rem;
}
}
@media screen and (max-width: 450px) {
div.products-inner {
width: auto;
float: none;
margin-left: 15.5%;
margin-right: 5.5%;
margin-bottom: 10px;
text-align: center;
}
div.products-inner1 {
width: auto;
float: none;
margin-left: 21%;
margin-right: 5.5%;
margin-bottom: 10px;
text-align: center;
}
div.products-inner2 {
width: auto;
float: none;
margin-left: 20%;
margin-right: 5.5%;
margin-bottom: 10px;
text-align: center;
}
div.products-inner3 {
width: auto;
float: none;
margin-left: 18.5%;
margin-right: 5.5%;
margin-bottom: 10px;
text-align: center;
}
div.products-inner-innercare {
width: auto;
float: none;
margin-left: 12%;
margin-right: 5.5%;
margin-bottom: 10px;
text-align: center;
}
div.products-inner a div {
display: table-cell;
font-size: 13px;
overflow: hidden;
padding-left: 23%;
text-align: left;
vertical-align: bottom;
width: auto;
position: absolute;
bottom: 25px;
}
div.products-inner1 a div {
display: table-cell;
font-size: 13px;
overflow: hidden;
padding-left: 32%;
text-align: left;
vertical-align: bottom;
width: auto;
position: absolute;
bottom: 25px;
}
div.products-inner2 a div {
display: table-cell;
font-size: 13px;
overflow: hidden;
padding-left: 30%;
text-align: left;
vertical-align: bottom;
width: auto;
position: absolute;
bottom: 25px;
}
div.products-inner3 a div {
display: table-cell;
font-size: 13px;
overflow: hidden;
padding-left: 28%;
text-align: left;
vertical-align: bottom;
width: auto;
position: absolute;
bottom: 25px;
}
div.products-inner-innercare a div {
display: table-cell;
font-size: 13px;
overflow: hidden;
padding-left: 17%;
text-align: left;
vertical-align: bottom;
width: auto;
position: absolute;
bottom: 25px;
}
}
All system for education purposes only. For more tools: Telegram @jackleet