@charset "utf-8";
/* CSS Document */
@font-face {
  font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,sans-serif;
  font-style: normal;
  font-weight: 900;
  src: url(css/fonts/NotoSerifCJKjp-Bold.otf) format('opentype');
}
@font-face {
  font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,sans-serif;
  font-style: normal;
  font-weight: 900;
  src: url(css/fonts/NotoSerifCJKjp-Black.otf) format('opentype');
}
@font-face {
  font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,sans-serif;
  font-style: normal;
  font-weight: 600;
  src: url('css/fonts/NotoSerifCJKjp-SemiBold.otf') format('opentype');
}
@font-face {
  font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,sans-serif;
  font-style: normal;
  font-weight: 600;
  src: url('css/fonts/MinionVariableConcept-Roman.otf') format('opentype');
}
@font-face {
  font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,sans-serif;
  font-style: normal;
  font-weight: 600;
  src: url('css/fonts/KozGoPr6N-Regular.otf') format('opentype');
}
.clearfix:after {
  content: " ";
}

body.page-id-1679{
line-height:1.8;
}
/* ==================================================
nowloading
================================================== */


.spinner {
    display: none;
}
.nowloading {
overflow: hidden;
}
.nowloading .spinner {
    width: 40px;
    height: 40px;
    display: block;
    position: fixed;
    margin: 0;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.double-bounce1,
.double-bounce2 {
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #00AEBB;
    opacity: 0.6;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: sk-bounce 2.0s infinite ease-in-out;
    animation: sk-bounce 2.0s infinite ease-in-out;
}

.double-bounce2 {
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

@-webkit-keyframes sk-bounce {
    0%,
    100% {
        -webkit-transform: scale(0.0)
    }
    50% {
        -webkit-transform: scale(1.0)
    }
}
img{
width: 100%;
}
@keyframes sk-bounce {
    0%,
    100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    }
    50% {
        transform: scale(1.0);
        -webkit-transform: scale(1.0);
    }
}

.double-bounce1,
.double-bounce2 {
    background-color: #c39a66;
}

.wrapper {display:none;}

.lateDisplay {
    opacity: 0;
}
.opFadeIn {
    opacity: 1;
    -webkit-transition: .8s opacity ease-in;
    transition: .8s opacity ease-in;
}

.slideOut {
    opacity: 0;
    -webkit-transition: .6s all ease-in;
    transition: .6s all ease-in;
}
.siTop {
    -webkit-transform: translate(0, 80px);
    transform: translate(0, 80px);
    -webkit-transition: .6s all ease-in;
    transition: .6s all ease-in;
}

.slideIn {
    opacity: 1;
    -webkit-filter: blur(0);
    filter: blur(0);
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
    -webkit-transition: .6s all ease-in;
    transition: .9s all ease-in;
}

.fv-area {
    width:100%;
    position: relative;
}
@media only screen and (min-width: 999px) {
.fv-area .core {
    background:url(/efffy-manage/wp-content/uploads/2025/09/2025_aw_pc.jpg) center top no-repeat;
    background-size:cover;
	position: fixed;
    width: 100%;
    height:100vh;
    top: 60px;
    left: 0;
    overflow: hidden;
    display:table;
    text-align: center;
}
}
@media only screen and (max-width: 998px) {
.fv-area .core {
    background:url(/efffy-manage/wp-content/uploads/2025/09/2025_aw_sp.png) left top no-repeat;
    background-size:cover;
	position: fixed;
    width: 100%;
    height:100vh;
    top: 80px;
    left: 0;
    overflow: hidden;
    display:table;
    text-align: center;
}
}
.fv-area .core .caption-area {
    position: absolute;
    left: 25%;
    top: 32%;
    display: none;
}
.fv-area .core .caption-area img {
    max-width:250px;
}
.g-nav {
    width:100%;
    background:#859998;
    padding:30px 0;
}
p.sp-menu {
    display:none;   
}
.g-nav ul {
    display:block;
    text-align: center;
    line-height: 0;
}
.g-nav ul li {
    display:inline-block;
    font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,sans-serif;
    letter-spacing: 0.1em;
    border-right:solid 1px #fff;
    line-height: 1;
}
.g-nav ul li:last-child {
    border-right:none;
}
.g-nav ul li a {
    color:#fff;
    padding:0 20px;
    display: block;
    overflow: visible;
}
.g-nav ul li a span {
    position: relative;
    display: inline-block;
    text-decoration: none;
}
.g-nav ul li a span i {
    display: block;
    font-size:10px;
    margin-top:5px;
}
.g-nav ul li a span::after {
  position: absolute;
  bottom: -8px;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background: #fff;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform .3s;
}
.g-nav button {
    display:none;
} 
.g-nav ul li a span:hover::after {
  transform: scale(1, 1);
}
.sp_only{
    display: none;
}

@media only screen and (max-width: 768px) {
    .sp_only{
        display: block;
    }
    .pc_only{
        display: none;
    }
.fv-area .core .caption-area {
	bottom: 8%;
    display: block;
}

p.sp-menu {
    display: block;
    cursor: pointer;
    text-align: center;
    color: #fff;
    font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,sans-serif;
    margin: 0;
    padding-bottom: 30px;
    position: relative;
    z-index: 1;
}
.g-nav {
    width: 100%;
    padding: 30px 0 0;
    position: relative;
}    
.g-nav ul {
    display:none;
    position: absolute;
    width: 100%;
    z-index: 1;
}
.g-nav ul li {
    display:block;
    border-right:0;
}
.g-nav ul li a {
    color: #fff;
    display: block;
    padding: 20px 0;
    background: #292929;
    border-bottom: solid 1px #000;
}
.g-nav button {
    position: absolute;
    top: 31px;
    right: 18px;
    display: block;
    width: 30px;
    padding: 0;
    background: none;
}    
.g-nav button span {
    display: block;
    width: 100%;
    height: 1px;
    background: #fff;
    margin-bottom: 7px;
    transition: 0.3s;
}
.g-nav button span:last-child {
    margin-bottom:0;
}
.g-nav.open button span {
    height: 1.5px;
}   
.g-nav.open button span:first-child {
    transform: rotate(45deg);
    position: relative;
    top: 9px;
}
.g-nav.open button span:nth-child(2) {
    display:none;
}
.g-nav.open button span:last-child {
    transform: rotate(-45deg); 
}
}
.container {
    margin-top: 100vh;
    padding: 0 0 0;
    background: #fff;
    color: #666464;
    position:relative;
    z-index:1;
}
@media only screen and (max-width: 1199px) {
article.container {
    width:100%;
}
/*-------------------------TOP-barかくし---------------------*/
html #wpadminbar{
    display: none;
}
.top-gnav-acc-sp, .gnav-acc-sp {
    display: none;
}
}
/*------------------------------------------------.brand-concept-area-----------------------------------*/
.brand-concept-area {
    width:80%;
    max-width:1080px;
    margin:5% auto;
    text-align: center;
    line-height: 2.5;
    font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,sans-serif;
}
.brand-concept-area .title-area {
    margin-bottom:5%;
}
section h2{
font-weight: normal;
}
@media only screen and (max-width: 768px) {
.brand-concept-area .title-area h2 {
    background:url(/efffy-manage/wp-content/uploads/2021/09/efffy_2021AW_logo_2.png) no-repeat;
    background-size: 100% 100%;
    text-indent:-999999em;
    width:200px;
    height:200px;
}
}
@media only screen and (min-width: 769px) {
.brand-concept-area .title-area h2 {
    background:url(/efffy-manage/wp-content/uploads/2021/09/efffy_2021AW_logo_2.png) no-repeat;
    background-size: 100% 100%;
    text-indent:-999999em;
    width:200px;
    height:200px;
    margin:0 auto;
}
}
.brand-concept-area .title-area h2 img {
    max-width: none;
    width: 200px;
    height: 200px;
}
.brand-concept-area p span {
    display:block;
}
@media only screen and (max-width: 768px) {
.brand-concept-area {
    margin: 20% auto;
}
.brand-concept-area .title-area h2 {
    width: 150px;
    height: 150px;
}
.brand-concept-area .title-area {
    margin-bottom: 0%;
}
.brand-concept-area p {
    text-align: left;
}    
.brand-concept-area p span {
    display:inline;
}    
}
/*------------------------------------------------.contents-area-----------------------------------*/
.contents-area {
    margin:7% 0 0;
    background: #eef2f0;
}
.contents-area .title-area {
    background: #b5c0be;
    letter-spacing: 0.1em;
    margin-bottom:5%;
}
.contents-area .title-area .core {
    max-width:1080px;
    width:95%;
    margin:0 auto;
    display:table;
}
.contents-area .title-area .core h2 span {
    display: table-cell;
    vertical-align: middle;
    padding: 0 15px 0 30px;
    font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,sans-serif;
    font-size:18px;
color: #575757;
}
.contents-area .title-area .core h2::before {
    content: attr(data-en);
    background: #859998;
    color: #fff;
    display: table-cell;
    vertical-align: middle;
    padding: 20px 0;
    font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,sans-serif;
    letter-spacing: 0.7;
    font-size: 16px;
    min-width: 220px;
    text-align: center;
    padding: 20px;
}
.contents-area .box {
    width:90%;
    max-width:1080px;
    margin:0 auto;
}
.contents-area .box .img-area {
    position:relative;
}
.contents-area .box .img-area .caption01 {
    position:absolute;
    top: -8%;
    right: -7%;
}
.contents-area .box .core {
    display:table;
    width:100%;
    margin-top:10%;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.contents-area .box .a_top{
align-items: flex-start; 
}
.contents-area .box .core .left-area,
.contents-area .box .core .right-area {
    display:table-cell;
    vertical-align: middle;
    width:50%;
}
.contents-area .box .core .right-area-p{
padding:110px 0 0;
}
.contents-area .box .core .left-area p{
    font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,sans-serif;
}

.contents-area .box .core .left-area  {
    padding-right:2.5%;
}
.contents-area .box .core .right-area  {
    padding-left:2.5%;
}
.contents-area .box .core .left-area dl dt h2,
.contents-area .box .core .right-area dl dt h2 {
    font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,sans-serif;
font-weight: normal;
    font-size: 19px;
    letter-spacing:0.03em;
    line-height: 1.5;
}

/* 21.02.17 追記 */
.contents-area .box .core .left-area dl dd h2,
.contents-area .box .core .right-area dl dd h2 {
    font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,sans-serif;
font-weight: normal;
    font-size: 22px;
    letter-spacing:0.05em;
    line-height: 1;
    margin-bottom:15px;
}
/*ここまで*/
/*21AW 追記*/
h2.under_bar{
padding: 2% 0;
}
p.phrase{
font-size: 30px;
}
p.sub_phrase{
font-size: 20px;
padding-bottom: 5%;
}
.no-events{
pointer-events: none;
}
/*ここまで*/
.contents-area .box .core .left-area dl dt h2 span,
.contents-area .box .core .right-area dl dt h2 span {
    /*display:block;*/
}
span.item_subtext{
    font-size:70%;  /*------------------商品名サブテキスト----------------------*/
}
.contents-area .box .core .left-area dl dt p,
.contents-area .box .core .right-area dl dt p {
    font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,sans-serif;
    font-size:20px;
}
.contents-area .box .core .left-area dl dd p,
.contents-area .box .core .right-area dl dd p {
    font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,sans-serif;
}
.contents-area .box .core .left-area dl dd p.txt,
.contents-area .box .core .right-area dl dd p.txt {
    line-height:1.6;
word-break: normal;
font-size: 13px;
margin:15px 0;
}

.contents-area .box .core .left-area dl dd p.txt span,
.contents-area .box .core .right-area dl dd p.txt span {
    display:block;
}
.contents-area .box .core .left-area dl dd .cart-area h3,
.contents-area .box .core .right-area dl dd .cart-area h3 {
    font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,sans-serif;
    font-size: 20px;
    margin-bottom:1%;
}


.contents-area .box .core .left-area dl dd .cart-area p.code,
.contents-area .box .core .right-area dl dd .cart-area p.code {
    font-size: 14px;
    margin-bottom: 0px;
    line-height: 1;
}
.contents-area .box .core .left-area dl dd .cart-area p.price,
.contents-area .box .core .right-area dl dd .cart-area p.price {
    font-size:14px;
}
.contents-area .box .core .left-area dl dd .cart-area p.material,
.contents-area .box .core .right-area dl dd .cart-area p.material {
    font-size:14px;
}
.contents-area .box .core .left-area dl dd .cart-area p.price span,
.contents-area .box .core .right-area dl dd .cart-area p.price span {
    font-size:14px;
    margin:0 5px;
}
.plustax{
display: none;
}
.contents-area .box .core .left-area dl dd p.spec,
.contents-area .box .core .right-area dl dd p.spec {
    font-size:12px;
    margin-bottom:8%;
    line-height:1.8em;
}
.contents-area .box .core .left-area dl dd .cart-area p.spec,
.contents-area .box .core .right-area dl dd .cart-area p.spec {
    font-size:12px;
    margin-bottom:3%;
    line-height:1.8em;
}
.contents-area .box .core .left-area dl dd .cart-area p.btn,
.contents-area .box .core .right-area dl dd .cart-area p.btn{
    width: 60%;
margin-top: 4%;
    margin-bottom: 12%;
}

/*210223追記*/
/*ボタン非表示*/
.none{
display:none !important;
}


.contents-area .box .core .left-area dl dd .cart-area p.btn a,
.contents-area .box .core .right-area dl dd .cart-area p.btn a {
    display:block;
    color:#808080;
    border:solid 1px #808080;
    padding:10px 30px;
    position:relative;
    overflow: visible;
    transition-duration: 0.3s;
}
.contents-area .box .core .left-area dl dd .cart-area p.btn a span,
.contents-area .box .core .right-area dl dd .cart-area p.btn a span {
    padding: 0 10px 0 0;
    display:block;
    position:relative;
}
.contents-area .box .core .left-area dl dd .cart-area p.btn a:before,
.contents-area .box .core .right-area dl dd .cart-area p.btn a:before {
    content: '';
    background: url(/efffy-manage/wp-content/uploads/2022/03/efffy_2022ss_anker.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    width: 100px;
    height: 15px;
    background-color: transparent;
    top: calc(50% - 16.5px);
    right: -20%;
    transition-duration: 0.3s;
}
.contents-area .box .core .left-area dl dd .cart-area p.btn a:hover,
.contents-area .box .core .right-area dl dd .cart-area p.btn a:hover {
}
.contents-area .box .core .left-area dl dd .cart-area p.btn a:hover:before,
.contents-area .box .core .right-area dl dd .cart-area p.btn a:hover:before {
    right: -30%;
}
.contents-area .box .core .right-area dl dd.color_text_box,
.contents-area .box .core .left-area dl dd.color_text_box {
    color: #6d694a;
    background:#b1bdb9;
    padding:23px 20px;
    font-size:10px;
    font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,sans-serif;
    line-height:2;
}
.color_text_box span{
display:block;
}
.contents-area .box .core dl dt {
    position: relative;
    line-height:0;
	margin-top: 0;
}
dl+dl{
 margin-top:12%;
}

/*---------------------------------------------------------------------1025px------------------------------------------------*/
@media only screen and (max-width: 1025px) {
.contents-area .box .core .left-area dl dd .cart-area p.btn, 
.contents-area .box .core .right-area dl dd .cart-area p.btn {
    width: 70%;
}
}
/*---------------------------------------------------------------------999px------------------------------------------------*/
@media only screen and (max-width: 999px) {
.contents-area .box .img-area .caption01 {
    right:-2%;
}
.fv-area .core {
    /* background-position: left top; */
    top: -20px;
}
.fv-area .core .caption-area {
    top: 30%;
    left: 16%;
}
.fv-area .core .caption-area img{
    max-width: 220px;


}
}
/*---------------------------------------------------------------------768px------------------------------------------------*/
@media only screen and (max-width: 768px) {
.contents-area {
    margin: 0;
}    
.contents-area .title-area {
    margin-bottom: 15%;
    /*background: none;*/
}
.contents-area .title-area .core{
width: 100%;
}
.contents-area .title-area .core h2 {
    padding-bottom: 10px;
    width: 100%;
    /*border-left: solid 3px #000;*/
}
.contents-area .title-area .core h2::before {
    /*color: #000;*/
    /*background: none;*/
    display: inline-block;
    text-align: center;
    padding: 10px 40px;
    /*margin-bottom: 5px;*/
    line-height: 1;
	width: 100%;
}
.contents-area .title-area .core h2 span {
    font-size: 14px;
    padding: 10px 15px 0 15px;
	text-align: center;
    display: block;
}
.contents-area .box .core {
    display:-webkit-flex;
    display:flex;
    flex-flow:column nowrap;
    width:100%;
    margin-top:0;
    margin-bottom:18%;
}
.contents-area .box .reverse {
    flex-direction:column-reverse;
}
.contents-area .box .core .left-area,
.contents-area .box .core .right-area {
    display: block;
    width: 100%;
    padding:0;
    margin:0 0 5%;
}
.contents-area .box .core img {
    width:100%;    
}
.contents-area .box .core p img.tag_mark{
    width:30%;
}
.contents-area .box .core img.logo{
    width:50%;
}
.contents-area .box .core .left-area dl dt h2,
.contents-area .box .core .right-area dl dt h2 {
    font-size: 24px;
    line-height:1.2;
}
.contents-area .box .core .left-area dl dt h2 span,
.contents-area .box .core .right-area dl dt h2 span {
    display: inline-block;
}
.contents-area .box .core .left-area dl dd .cart-area p.price span,
.contents-area .box .core .right-area dl dd .cart-area p.price span {
    line-height:0;
}
.contents-area .box .core .left-area dl dd .cart-area p.btn a span,
.contents-area .box .core .right-area dl dd .cart-area p.btn a span {
    font-size:14px;
}
.contents-area .box .core .left-area dl dd .cart-area p.code,
.contents-area .box .core .right-area dl dd .cart-area p.code {
    margin-bottom: 5px;
}
}
@media only screen and (max-width: 768px) {
.sp-delete-area {
    display: none !important;
}
}
@media only screen and (min-width: 769px) {
.pc-delete-area {
    display: none !important;
}
}
@media only screen and (min-width: 769px) {
.g-nav {
    width:100%;
    background: #859998;
    padding: 5px 0;
}
}
@media only screen and (min-width: 769px) {
.g-nav ul {
    display: block !important;
    width: 100%;
}
}
@media only screen and (min-width: 769px) {
.g-nav ul li {
    display:inline-block;
    font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,sans-serif;
    letter-spacing: 0.1em;
    border-right:solid 1px #fff;
    line-height: 1;
    padding: 10px 0;
    width: 19%;
}
}
@media only screen and (min-width: 769px) {
.g-nav ul li a span i {
    display: block;
    font-size:10px;
    margin-top:5px;
    font-style: normal;
}
}
/*---------------------------------------------------------------------440px------------------------------------------------*/
@media only screen and (max-width: 440px) {

.fv-area .core .caption-area{
    top: 4%;
    left: 4%;
}
.fv-area .core .caption-area img {
    max-width: 160px;
    filter: drop-shadow(2px 2px 5px rgb(255 255 255));

}
.brand-concept-area .title-area h2 {
    width: 120px;
    height: 120px;
}
.contents-area .box .core .left-area dl dt h2.number, .contents-area .box .core .right-area dl dt h2.number{
font-size: 17px;
margin-bottom: 3%;
}
.contents-area .title-area .core h2::before {
font-size: 12px;
}
.contents-area .title-area .core h2 span {
    font-size: 12px;
}
.contents-area .box .core .left-area dl{
margin-top: 10%;
}
.contents-area .box .core .left-area dl dt h2, 
.contents-area .box .core .right-area dl dt h2 {
    font-size: 20px;
    margin-bottom: 0;
	margin-top: 3%;
}
.contents-area .box .core .left-area dl dd .cart-area h3, 
.contents-area .box .core .right-area dl dd .cart-area h3 {
    font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,sans-serif;
    font-size: 18px;
}
.contents-area .box .core .left-area dl dd p.txt, 
.contents-area .box .core .right-area dl dd p.txt {
    font-size:12px;
    line-height: 1.8em;
}
.contents-area .box .core .right-area dl dd.color_text_box, 
.contents-area .box .core .left-area dl dd.color_text_box {
    font-size: 11px;
padding: 15px;
}
.contents-area .box .core .left-area dl dd .cart-area p.price, 
.contents-area .box .core .right-area dl dd .cart-area p.price {
    font-size: 12px;
}
.contents-area .box .core .left-area dl dd .cart-area p.material,
.contents-area .box .core .right-area dl dd .cart-area p.material {
font-size: 12px;
}
.contents-area .box .core .left-area dl dd .cart-area p.price span, 
.contents-area .box .core .right-area dl dd .cart-area p.price span {
    font-size: 16px;
}
.contents-area .box .core .left-area dl dd .cart-area p.btn a:before, 
.contents-area .box .core .right-area dl dd .cart-area p.btn a:before {
   width: 110px;
   height:15px;
   top: calc(50% - 15px);
   right: -20%;
}
.contents-area .box .core p img.tag_mark {
    width: 40%;
}
.contents-area .box .core .left-area dl dd p.spec, 
.contents-area .box .core .right-area dl dd p.spec {
    font-size: 10px;
}
.contents-area .box .core .left-area dl dd .cart-area p.spec, 
.contents-area .box .core .right-area dl dd .cart-area p.spec {
    font-size: 10px;
}
p.phrase{
font-size: 28px;
}
p.txt{
margin:0 1% 5%;
}
}
/*---------------------------------------------------------------------340px------------------------------------------------*/
@media only screen and (max-width: 340px) {
.contents-area .box .core .left-area dl dd .cart-area p.btn a span, 
.contents-area .box .core .right-area dl dd .cart-area p.btn a span {
    font-size: 12px;
}
}

.keyvisual {
  position: relative;
  width: 100%;
}
/*トップのスクロール*/
.keyvisual a {
  padding-top: 60px;
}
.keyvisual a span {
  position: absolute;
  top: 0;
  left: 50%;
  width: 46px;
  height: 46px;
  margin-left: -23px;
  border: 1px solid #fff;
  border-radius: 100%;
  box-sizing: border-box;
}
.keyvisual a span::after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: '';
  width: 16px;
  height: 16px;
  margin: -12px 0 0 -8px;
  border-left: 1px solid #fff;
  border-bottom: 1px solid #fff;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  box-sizing: border-box;
}
.keyvisual a span::before {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  content: '';
  width: 44px;
  height: 44px;
  box-shadow: 0 0 0 0 rgba(255,255,255,.1);
  border-radius: 100%;
  opacity: 0;
  -webkit-animation: sdb03 3s infinite;
  animation: sdb03 3s infinite;
  box-sizing: border-box;
}
@-webkit-keyframes sdb03 {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    box-shadow: 0 0 0 60px rgba(255,255,255,.1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@keyframes sdb03 {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  60% {
    box-shadow: 0 0 0 60px rgba(255,255,255,.1);
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
.keyvisual a {
  position: absolute;
  bottom: 60px;
  left: 50%;
  z-index: 2;
  display: inline-block;
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  text-decoration: none;
  transition: opacity .3s;
  overflow: visible;
}
.keyvisual a:hover {
  opacity: .5;
}

#scroller {
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index:2;
}
#scroller img {
    width: 60px;
}

.site-footer {
    background:#fff;
    position:relative;
    z-index:1;
}
.site-footer p.page-top {
    display:none;
}



#pagetop {
    display:none;
}
.site-footer {
    padding-top:5%;
}



/*ここまで*/