/******************************/
/* SLIDER */
/******************************/

@media screen and (min-width: 1031px) {
.p-main-visual-wrap{
display: block;
padding-bottom:2%;
clear:both;
}
}

.p-main-visual-wrap + .p-concept {
padding-top: 0;
}
.p-main-visual {
display: flex;
flex-wrap: wrap;
align-items: center;
position: relative;
margin-left: auto;
margin-right: auto;
max-width: 1600px;
}
@media screen and (max-width: 1030px) {
.p-main-visual {
display: block;
padding-bottom: 30px;
}
br.pc{
display:none;
}
}

.p-main-visual * {
  min-width: 0;
  min-height: 0;
}
.p-main-slider {
  position: relative;
  width: calc(52% + 10px);
}

@media screen and (max-width: 1030px) {
.p-main-slider {
padding-bottom: 30px;
width: auto;
}
}
.p-main-slider .slick-prev {
top: auto;
bottom: -76px;
left: auto;
right: 51px;
}
@media screen and (max-width: 1030px) {
.p-main-slider .slick-prev {
bottom: -58px;
right: 39px;
}
}
.p-main-slider .slick-next {
top: auto;
bottom: -76px;
left: auto;
right: 0;
}
@media screen and (max-width: 1030px) {
.p-main-slider .slick-next {
bottom: -58px;
right: 0;
}
}
.p-main-slider .slick-active img {
animation: fadezoomout 10s 0s;
animation: fadezoomout 10s 0s forwards;
}
.p-main-slider-list__item {
overflow: hidden;
}
.p-main-slider-list__item img {
width: 100%;
}
@keyframes fadezoomout {
0% {
transform: scale(1.1);
}
100% {
transform: scale(1);
}
}
.p-main-txt {
position: absolute;
left: 6%;
top: 28%;
z-index: 10;
width: 94%;
}

@media screen and (max-width: 1030px) {
.p-main-txt {
top: 30%;
position: static;
width: auto;
}
}


@media screen and (min-width:1601px) {
.p-top-logo {
display: inline-block;
width:82%;
padding-top:2%;
padding-left:13%;
}
}
@media screen and (min-width:1031px) and (max-width:1600px) {
.p-main-txt h1{
margin:0;
padding:0;
}
h1.p-top-logo {
display: inline-block;
width:82%;
padding-top:2%;
padding-left:12%;
}
}


@media screen and (max-width: 1030px) {
.p-top-logo {
display: none;
}
}
.p-top-logo__img {
font-size: 48px;
font-family:'Noto Sans JP', sans-serif;
line-height: 1.2;
}
@media screen and (max-width: 1200px) {
.p-top-logo__img {
font-size: 36px;
}
}

.p-top-logo__txt {
display: block;
margin-top: 1px;
font-family:  'Abel','Noto Sans JP', sans-serif;
font-size: 23px;
font-weight: normal;
text-align: right;
}

/******************************/
/* NEWS */
/******************************/
@media screen and (min-width: 1031px) {
.p-line-informaiton {
position:absolute;
box-sizing: border-box;
padding: 3%;
margin-top:45px;
right:0;
width:52%;
}

.p-line-informaiton h2{
font-family: 'Abel', sans-serif;
font-size: 1.6em;
font-weight:400;
line-height:1;
color:#595757;
letter-spading:2px;
margin:0;
width:12%;
padding:1.5%;
text-align:center;
float:left;
}
.p-line-informaiton div{
width:78%;
display:block;
border-left:1px solid #595757;
padding:1% 3%;
}
.p-line-informaiton li{
padding:2% 0;
border-bottom:1px solid #595757;
}
.p-line-informaiton li:last-of-type{
border-bottom:none;
}
.l-footer-sns-list{
display:none;
}
}

.p-line-informaiton {
position:static;
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 17px 0;
margin-left:auto;
}
.p-line-informaiton li a,
.p-recommend a:hover,
.p-recommend a:active,
.p-pickup  a:hover h3,
.p-pickup  a:active h3{
color:#ff7900;
text-decoration:none;
}
.p-line-informaiton li a:hover,
.p-line-informaiton li a:active{
color:#ff7900;
text-decoration:underline;
}

@media screen and (max-width: 1030px) {
.p-line-informaiton {
display: block;
margin-left: 25px;
padding: 13px 20px 10px 18px;
}
}

@media screen and (max-width: 1030px) {
.p-line-informaiton {
margin-left: 25px;
}
.p-line-informaiton h2{
font-family: 'Abel', sans-serif;
font-size: 1.4em;
font-weight:400;
line-height:1;
color:#595757;
letter-spading:2px;
border-bottom:1px solid #595757;
margin:0;
padding:2px 0 8px 0;
}
.p-line-informaiton li{
padding:9px 0;
border-bottom:1px solid #595757;
font-size:13px;
}
.p-line-informaiton li:last-child{
border-bottom:none;
}
}
.p-line-informaiton__ttl {
margin: 0;
width: auto;
font-size: 16px;
padding-top: 10px;
padding-bottom: 10px;
width: 170px;
font-size: 24px;
font-weight: 400;
font-family: "Playfair Display", serif;
color: #5a5a5a;
text-align: center;
}
@media screen and (max-width: 1030px) {
.p-line-informaiton__ttl {
margin-bottom: 15px;
padding-top: 0;
padding-bottom: 15px;
border-bottom: 1px solid #5a5a5a;
text-align: left;
}
}
.p-line-informaiton__box {
box-sizing: border-box;
position: relative;
flex: 1;
padding-left: 45px;
padding-right: 90px;
border-left: 1px solid #5a5a5a;
}
@media screen and (max-width: 1030px) {
.p-line-informaiton__box {
padding-left: 0;
padding-right: 0;
border-left: 0;
}
}
@media screen and (max-width: 1030px) {
.p-line-informaiton-list {
font-size: 12px;
}
}
.p-line-informaiton-list:before {
content: "";
position: absolute;
right: -45px;
top: 50%;
margin-top: -5px;

}
@media screen and (max-width: 1030px) {
.p-line-informaiton-list:before {
right: 30px;
top: -50px;
margin-top: 0;
}
}
.p-line-informaiton-list .slick-prev, .p-line-informaiton-list .slick-next {
width: 30px;
height: 30px;
transition: all 0.4s ease;
z-index: 1;
background: transparent;
}
@media screen and (max-width: 1030px) {
.p-line-informaiton-list .slick-prev, .p-line-informaiton-list .slick-next {
top: -45px;
}
}
.p-line-informaiton-list .slick-prev:before, .p-line-informaiton-list .slick-next:before {
content: "";
position: absolute;
top: 50%;
width: 5px;
height: 5px;
border-left: 1px solid #5a5a5a;
border-top: 1px solid #5a5a5a;
transition: all 0.4s ease;
z-index: 1;
}
.p-line-informaiton-list .slick-prev {
left: auto;
right: -44px;
}
@media screen and (max-width: 1030px) {
.p-line-informaiton-list .slick-prev {
right: 33px;
}
}
.p-line-informaiton-list .slick-prev:before {
right: 10px;
transform: translateY(-50%) rotate(-45deg);
}
.p-line-informaiton-list .slick-next {
left: auto;
right: -75px;
}
@media screen and (max-width: 1030px) {
.p-line-informaiton-list .slick-next {
right: 0px;
}
}
.p-line-informaiton-list .slick-next:before {
left: 10px;
transform: translateY(-50%) rotate(135deg);
}
@media screen and (max-width: 1030px) {
.p-line-informaiton-list .slick-next:before {
left: 13px;
}
}



.p-category div{
margin:auto 16px auto 20px;
}
.p-category ul{
display:flex;
width:100%;
padding:20px 0 5px 0;
justify-content: space-around;
}
.p-category ul li{
margin:5px 0;
}
.p-category ul li a{
background:#9399a6;
border-radius:15px;
padding:5px 13px;
color:#fff;
font-size:13px;
line-height:1;
text-decoration:none;
white-space: nowrap;
}
.p-category ul li a:hover,
.p-category ul li a:active{
background:#F98410;
}
@media screen and (min-width: 1031px) {
br.sp{
display:none;
}
.p-category div{
position:absolute;
margin:auto auto;
right: 0;
width: 50%;
}
.p-category ul{
display:flex;
padding:20px auto 5px auto;
justify-content: center;
}
.p-category ul li{
margin:5px 10px;
}
.p-category ul li a{
background:#9399a6;
border-radius:15px;
padding:5px 25px;
color:#fff;
font-size:13px;
line-height:1;
text-decoration:none;
white-space: nowrap;
}
}

/******************************/
/* RECOMMEND ITEMS */
/******************************/
.p-recommend {
position: relative;
overflow: hidden;
}
/*
.p-recommend-bg {
position: absolute;
top: 0;
bottom: 0;
right: 0;
height: 100%;
width: 25%;
}
*/
h2.c-ttl-main{
font-family:'Noto Sans JP', sans-serif;
font-weight:400;
color:#595757;
letter-spacing:1px;
}

@media screen and (max-width: 1030px) {
/*
.p-recommend-bg {
width: 50%;
}
*/
.u-contents {
padding-top: 35px;
padding-bottom: 35px;
}
h2.c-ttl-main{
margin-bottom: 30px;
}
}
.p-recommend-list {
margin-top: 0;
margin-bottom: 30px;
margin-left: -25px;
margin-right: -25px;
}
@media screen and (max-width: 1030px) {
.p-recommend-list {
margin-top: 30px;
margin-bottom: 0;
margin-left: 45px;
margin-right: 45px;
}
}
.p-recommend-list .slick-list {
overflow: visible;
}
.p-recommend-list .slick-prev {
top: -70px;
left: auto;
right: 76px;
}
@media screen and (max-width: 1030px) {
.p-recommend-list .slick-prev {
top: 35%;
left: -35px;
right: auto;
}
}
.p-recommend-list .slick-next {
top: -70px;
left: auto;
right: 25px;
}
@media screen and (max-width: 1030px) {
.p-recommend-list .slick-next {
top: 35%;
right: -35px;
}
}
.p-recommend-list__item {
margin-left: 25px;
margin-right: 25px;
word-break: break-all;
}
@media screen and (max-width: 1030px) {
.p-recommend-list__item {
margin-left: 15px;
margin-right: 15px;
}
}
.p-recommend-list__img {
margin-bottom: 25px;
}
@media screen and (max-width: 1030px) {
.p-recommend-list__img {
margin-bottom: 15px;
}
}
.p-recommend-list__txt {
position: relative;
font-family: 'Noto Sans JP', sans-serif;
}
.p-recommend-list__ttl {
font-size: 16px;
}
.p-recommend-list__ttl img {
vertical-align: middle;
}
.p-recommend-list__expl {
margin-top: 10px;
font-size: 13px;
color: #666;
}
@media screen and (max-width: 1030px) {
.p-recommend-list__expl {
margin-top: 12px;
}
}
.p-recommend-list__price {
margin-top: 20px;
font-family:'Noto Sans JP', sans-serif;
}
.p-recommend-list__price.is-default {
margin-top: 0;
}
/******************************/
/* NEW ARRIVAL */
/******************************/
.p-newitem {
position: relative;
overflow: hidden;
}
.p-newitem-bg {
position: absolute;
top: 0;
bottom: 0;
right: 0;
height: 100%;
width: 25%;
}
@media screen and (max-width: 1030px) {
.p-newitem-bg {
width: 50%;
}
}
.p-newitem-list {
margin-top: 120px;
margin-bottom: 75px;
margin-left: -25px;
margin-right: -25px;
}
@media screen and (max-width: 1030px) {
.p-newitem-list {
margin-top: 60px;
margin-bottom: 0;
margin-left: 25px;
margin-right: 25px;
}
}
.p-newitem-list .slick-list {
overflow: visible;
}
.p-newitem-list .slick-prev {
top: -70px;
left: auto;
right: 76px;
}
@media screen and (max-width: 1030px) {
.p-newitem-list .slick-prev {
top: 35%;
left: -35px;
right: auto;
}
}
.p-newitem-list .slick-next {
top: -70px;
left: auto;
right: 25px;
}
@media screen and (max-width: 1030px) {
.p-newitem-list .slick-next {
top: 35%;
right: -35px;
}
}
.p-newitem-list__item {
margin-left: 25px;
margin-right: 25px;
word-break: break-all;
}
@media screen and (max-width: 1030px) {
.p-newitem-list__item {
margin-left: 15px;
margin-right: 15px;
}
}
.p-newitem-list__img {
margin-bottom: 25px;
}
@media screen and (max-width: 1030px) {
.p-newitem-list__img {
margin-bottom: 15px;
}
}
.p-newitem-list__txt {
position: relative;
font-family:'Noto Sans JP', sans-serif;
}
.p-newitem-list__ttl {
font-size: 16px;
}
.p-newitem-list__ttl img {
vertical-align: middle;
}
.p-newitem-list__expl {
margin-top: 10px;
font-size: 14px;
color: #666;
}
@media screen and (max-width: 1030px) {
.p-newitem-list__expl {
margin-top: 12px;
}
}
.p-newitem-list__price {
margin-top: 30px;
font-family:'Noto Sans JP', sans-serif;
}
.p-newitem-list__price.is-default {
margin-top: 0;
}
/******************************/
/* TOP CONCEPT */
/******************************/

p.p-concept-list__link,
p.p-concept-list__link,
p.p-media-list__link{
display:block;
text-align:right;
padding:2% 0 4%;
}
p.p-concept-list__link a,
p.p-concept-list__link a,
p.p-media-list__link a{
background-color:#9399a6;
color:#fff;
padding:7px 15px;
font-size: 13px;
border-radius:5px;
}

.p-concept {
overflow: hidden;
}
.p-concept-list__ttl {
margin-bottom: 30px;
line-height: 1.3;
font-size: 26px;
font-weight: normal;
font-family: '"Helvetica Neue",'Noto Sans JP',"Hiragino Sans", "Hiragino Kaku Gothic ProN", "Meiryo", sans-serif; 
letter-spacing: 0em;
color: rgb(155, 137, 112);
}

@media screen and (max-width: 1030px) {
.p-concept-list {
margin-top: 30px;
}
.p-concept h2.c-ttl-main.is-right {
font-family: 'Noto Sans JP', sans-serif;
font-weight:400;
font-size: 18px;
color:#595757;
}

}
.p-concept-list__item {
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
align-items: center;
}
@media screen and (max-width: 1030px) {
.p-concept-list__item {
display: block;
margin-left: 0;
margin-right: 0;
margin-bottom: 60px;
}
}
@media screen and (max-width: 1030px) {
.p-concept-list__item:last-child {
margin-bottom: 0;
}
}
.p-concept-list__item:nth-child(even) .p-concept-list__txt {
margin-left: 0;
margin-right: 40px;
order: -1;
}
@media screen and (max-width: 1030px) {
.p-concept-list__item:nth-child(even) .p-concept-list__txt {
margin-left: 0;
margin-right: 0;
}
}
.p-concept-list__item:nth-child(even) .p-concept-list__img {
margin-left: 0;
margin-right: -100px;
}
@media screen and (max-width: 1030px) {
.p-concept-list__item:nth-child(even) .p-concept-list__img {
margin-right: -50px;
}
}
@media screen and (max-width: 1030px) {
.p-concept-list__item:nth-child(even) .p-concept-list__img {
margin-right: 0;
}
}
.p-concept-list__img {
box-sizing: border-box;
flex: 1;
margin-left: -100px;
}
@media screen and (max-width: 1030px) {
.p-concept-list__img {
margin-left: -50px;
}
}
@media screen and (max-width: 1030px) {
.p-concept-list__img {
margin-left: 0;
margin-bottom: 30px;
width: auto;
text-align: center;
}
}
.p-concept-list__img img {
width: 100%;
}
@media screen and (max-width: 1030px) {
.p-concept-list__img img {
width: 600px;
max-width: 100%;
}
}
.p-concept-list__txt {
margin-left: 40px;
width: 375px;
}
@media screen and (max-width: 1030px) {
.p-concept-list__txt {
width: 40%;
}
}
@media screen and (max-width: 1030px) {
.p-concept-list__txt {
margin-left: 0;
width: auto;
}
}
.p-concept-list__ttl {
margin-bottom: 30px;
line-height: 1.4;
font-size: 30px;
font-weight: normal;
font-family: "Noto Serif JP", "游明朝体", "Yu Mincho", YuMincho, serif;
color: #9b8970;
}
@media screen and (max-width: 1030px) {
.p-concept-list__ttl {
margin-bottom: 15px;
padding-left: 0px;
font-size: 21px;
}
}
@media screen and (max-width: 1030px) {
.p-concept-list__body {
padding-left: 0px;
}
}
/******************************/
/* TOP PICK UP ITEMS */
/******************************/
.p-pickup {
position: relative;
overflow: hidden;
clear:both;
}
.p-pickup .c-ttl-main{
padding-top:1%;
}
.p-pickup p.hello{
padding:0.5% 2%;
font-size:15px;
}
.p-pickup p.hello a{
color: #ff7900;
text-decoration: none;
}

@media screen and (max-width: 1030px) {
.p-pickup p.hello{
padding:0.5% 2%;
font-size:14px;
}
}

position: relative;
overflow: hidden;
clear:both;
}
.p-pickup-bg {
position: absolute;
top: 0;
bottom: 0;
right: 0;
height: 100%;
width: 0%;
}
.p-pickup ul{
margin:0;
padding-top:2%;
}
.p-pickup-list {
display:flex;
width:100%;
margin-top: 30px;
flex-direction: row;
}
.p-pickup-list__item {
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
width:19%;
}
.p-pickup-list__img {
margin-bottom: 15px;
margin-left: auto;
margin-right: auto;
}
.p-pickup-list__txt {
width:100%;
}
.p-pickup-list__txt {
width: auto;
}
.p-pickup-list a:hover{
text-decoration:none;
}
.p-pickup-list__item a{
padding:auto 1%;
}

.p-pickup .btnarea{
display:flex;
padding:1% 8%;
margin:0 auto;
text-align:center;
align-items: flex-end;
justify-content: center;
}
.p-pickup .concierge,
.p-pickup .freeshipping{
text-align:center;
margin:0 auto;
padding:0 3% 3% 3%;
}
.p-pickup .concierge img,
.p-pickup .freeshipping img{
width:100%;
}



@media screen and (max-width: 1030px) {
.p-pickup .btnarea{
display:block;
padding:1% 1% 5% 1%;
margin:0 auto;
text-align:center;
}
.p-pickup .concierge,
.p-pickup .freeshipping{
text-align:center;
margin:0 auto;
display:block;
padding:1%;
}
.p-pickup .concierge img,
.p-pickup .freeshipping img{
width:100%;
padding:1% 0;
}

.p-pickup-list {
margin-top: 0;
margin-left:0;
margin-right: 0;
display: flex;
flex-wrap: wrap;
justify-content:flex-start;
align-content: flex-start;
align-items: stretch;
}
.p-pickup-list__item {
margin-bottom: 20px!important;
width:46%;
padding:0 2%;
}

.p-pickup-list__item:first-of-type{
margin-bottom: 20px!important;
width:92%;
padding:0 2%;
}
.p-pickup-list__item:first-of-type .p-pickup-list__img-l{
    width: 40%;
}
}


.p-pickup-list__item:last-child {
margin-bottom: 0;
}


.p-pickup-list__img {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
@media screen and (max-width: 1030px) {
.p-pickup-list__img {
width: auto;
}
}
.p-pickup-list__img-l {
width: 80%;
}
.p-pickup-list__img-r {
width: 50%;
}
.p-pickup-list__txt {
width: 100%;
}


.p-pickup-list__ttl {
margin-top: 0;
margin-bottom: 30px;
line-height: 1.4;
font-size: 16px;
font-family:'Noto Sans JP', sans-serif;
}
h3.p-pickup-list__ttl {
font-weight:400;
text-align:center;
margin:auto auto 7px auto;
color:#595757;
}
@media screen and (max-width: 1030px) {
.p-pickup-list__ttl {
font-size: 15px;
}
}
.p-pickup-list__body {
color: #666;
font-size: 11px;
text-align:center;
}
.p-pickup-list__btn {
margin-top: 10px;
}
@media screen and (max-width: 1030px) {
.p-pickup-list__btn {
text-align: center;
}
}


/******************************/
/* TOP 画像大エリア */
/******************************/
.p-block-01 {
overflow: hidden;
margin-bottom: 140px;
}
@media screen and (max-width: 1030px) {
.p-block-01 {
margin-bottom: 0;
}
}
.p-block-01-list__item {
border-top: 3px solid #ffffff;
}
@media screen and (max-width: 1030px) {
.p-block-01-list__item {
border-top: 0;
padding-bottom: 30px;
}
}
.p-block-01-list__item:nth-child(even) .p-block-01-list__txt {
order: 1;
margin-left: 30px;
margin-right: 0;
}
@media screen and (max-width: 1030px) {
.p-block-01-list__item:nth-child(even) .p-block-01-list__txt {
margin-right: 30px;
}
}
@media screen and (max-width: 1030px) {
.p-block-01-list__item:nth-child(even) .p-block-01-list__txt {
margin-left: 0;
margin-right: 0;
}
}
.p-block-01-list__item:nth-child(even) .p-block-01-list__img {
margin-right: 0;
margin-left: -200px;
}
@media screen and (max-width: 1030px) {
.p-block-01-list__item:nth-child(even) .p-block-01-list__img {
margin-left: 0;
}
}
.p-block-01-list__item.is-01 {
background: #f7f8fa;
}
@media screen and (max-width: 1030px) {
.p-block-01-list__item.is-01 {
background: #ffffff;
}
}
.p-block-01-list__item.is-02 {
background: #eceff4;
}
@media screen and (max-width: 1030px) {
.p-block-01-list__item.is-02 {
background: #ffffff;
}
}
.p-block-01-list__item.is-03 {
background: #f3f6f9;
}
@media screen and (max-width: 1030px) {
.p-block-01-list__item.is-03 {
background: #ffffff;
}
}
@media all and (-ms-high-contrast: none) {
*::-ms-backdrop,
.p-block-01-list__box {
width: 1000px;
}
}
.p-block-01-list__box {
box-sizing: border-box;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin-left: auto;
margin-right: auto;
max-width: 1400px;
}
@media screen and (max-width: 1030px) {
.p-block-01-list__box {
display: block;
margin-left: 0;
margin-right: 0;
}
}
.p-block-01-list__img {
box-sizing: border-box;
flex: 1;
margin-right: -200px;
max-width: 900px;
}
@media screen and (max-width: 1030px) {
.p-block-01-list__img {
margin-right: 0;
text-align: center;
}
}
.p-block-01-list__img img {
width: 100%;
}
.p-block-01-list__txt {
order: -1;
margin-right: 30px;
width: 270px;
}
@media screen and (max-width: 1030px) {
.p-block-01-list__txt {
margin-left: 30px;
}
}
@media screen and (max-width: 1030px) {
.p-block-01-list__txt {
margin-left: 0;
margin-right: 0;
padding: 30px 25px;
width: auto;
}
}
.p-block-01-list__ttl {
margin-bottom: 20px;
line-height: 1.4;
font-size: 24px;
font-weight: normal;
font-family:'Noto Sans JP', sans-serif;
}
@media screen and (max-width: 1030px) {
.p-block-01-list__ttl {
margin-top: 0;
font-size: 18px;
}
}
.p-block-01-list__body {
color: #5a5a5a;
}
.p-block-01-list__btn {
margin-top: 30px;
}
@media screen and (max-width: 1030px) {
.p-block-01-list__btn {
text-align: center;
}
}
/******************************/
/* TOP POPUP GALLERY */
/******************************/
.p-block-02 {
position: relative;
}
.p-block-02-bg {
position: absolute;
top: 0;
bottom: 0;
right: 0;
height: 100%;
width: 25%;
}
.p-block-02-bg.is-left {
right: auto;
left: 0;
}
.p-block-02-list {
display: flex;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
}
@media screen and (max-width: 1030px) {
.p-block-02-list {
margin-left: -5px;
margin-right: -5px;
}
}
.p-block-02-list__item {
box-sizing: border-box;
margin-bottom: 30px;
padding-left: 15px;
padding-right: 15px;
width: 25%;
}
@media screen and (max-width: 1030px) {
.p-block-02-list__item {
margin-bottom: 10px;
padding-left: 5px;
padding-right: 5px;
width: 50%;
}
}
.mfp-zoom-out-cur .mfp-image-holder .mfp-close .mfp-close,
.mfp-zoom-out-cur .mfp-iframe-holder .mfp-close .mfp-close {
right: 0 !important;
width: 15px;
}
.mfp-zoom-out-cur .mfp-bottom-bar {
font-family:'Noto Sans JP', sans-serif;
}
.mfp-zoom-out-cur .mfp-arrow-right:after {
left: -10px;
border-left: 1px solid #ffffff;
border-top: 1px solid #ffffff;
border-bottom: 0;
border-right: 0;
width: 30px;
height: 30px;
transform: rotate(135deg);
}
.mfp-zoom-out-cur .mfp-arrow-left:after {
left: 0px;
border-left: 1px solid #ffffff;
border-top: 1px solid #ffffff;
border-bottom: 0;
border-right: 0;
width: 30px;
height: 30px;
transform: rotate(-45deg);
}
/******************************/
/* TOP RANKING */
/******************************/
.p-ranking {
position: relative;
overflow: hidden;
}
.p-ranking-bg {
position: absolute;
top: 0;
bottom: 0;
right: 0;
height: 100%;
width: 25%;
}
.p-ranking-list {
margin-top: 120px;
margin-bottom: 75px;
margin-left: -10px;
margin-right: -10px;
}
@media screen and (max-width: 1030px) {
.p-ranking-list {
margin-top: 0;
margin-bottom: 60px;
margin-left: -18px;
margin-right: -18px;
}
}
.p-ranking-list .slick-list {
overflow: visible;
}
.p-ranking-list .slick-prev {
top: -70px;
left: auto;
right: 61px;
}
@media screen and (max-width: 1030px) {
.p-ranking-list .slick-prev {
top: -55px;
right: 57px;
}
}
.p-ranking-list .slick-next {
top: -70px;
left: auto;
right: 10px;
}
@media screen and (max-width: 1030px) {
.p-ranking-list .slick-next {
top: -55px;
right: 18px;
}
}
.p-ranking-list .slick-dotted.slick-slider {
margin-bottom: 60px;
}
.p-ranking-list .slick-dots {
bottom: -45px;
}
.p-ranking-list .slick-dots li {
margin: 0 2px;
}
.p-ranking-list__item {
position: relative;
box-sizing: border-box;
margin-right: 10px;
margin-left: 10px;
padding-bottom: 25px;
word-break: break-all;
}
@media screen and (max-width: 1030px) {
.p-ranking-list__item {
margin-right: 18px;
margin-left: 18px;
}
}
.p-ranking-list__item.slick-active .p-ranking-list__num {
opacity: 1;
animation: rankingfadein 0.2s 0s;
}

.p-ranking-list__img {
margin-bottom: 25px;
}
@media screen and (max-width: 1030px) {
.p-ranking-list__img {
margin-bottom: 15px;
text-align: center;
}
}
.p-ranking-list__num {
position: absolute;
top: 10px;
right: 10px;
min-width: 26px;
line-height: 26px;
font-size: 14px;
font-family:'Noto Sans JP', sans-serif;
background: #a0a0a0;
color: #ffffff;
text-align: center;
border-radius: 13px;
opacity: 0;
transition: all ease 0.1s;
}
.p-ranking-list__num.is-1 {
background: #ab9271;
}
.p-ranking-list__num.is-2 {
background: #a9b9cb;
}
.p-ranking-list__num.is-3 {
background: #7b4d3b;
}
@keyframes rankingfadein {
0% {
opacity: 0;
}
100% {
opacity: 1;
}
}
.p-ranking-list__ttl {
font-family:'Noto Sans JP', sans-serif;
}
.p-ranking-list__ttl img {
vertical-align: middle;
}
.p-ranking-list__price {
margin-top: 30px;
font-size: 12px;
font-family:'Noto Sans JP', sans-serif;
color: #5a5a5a;
}
@media screen and (max-width: 1030px) {
.p-ranking-list__price {
margin-top: 20px;
}
}
.p-ranking-list__price.is-default {
margin-top: 0;
}
/******************************/
/* TOP IMAGE */
/******************************/
.p-image {
text-align: center;
}
@media screen and (max-width: 1030px) {
.p-image {
overflow: hidden;
}
}
.p-image img {
width: 100%;
margin-bottom:3%;
}
@media screen and (max-width: 1030px) {
.p-image__img {
margin: 0 -150px;
}
}
/******************************/
/* TOP MEDIA */
/******************************/
.p-media-list {
display: flex;
flex-wrap: wrap;
margin-left: -15px;
margin-right: -15px;
}
@media screen and (max-width: 1030px) {
.p-media-list {
margin-left: 0;
margin-right:0;
}
}
.p-media-list__item {
box-sizing: border-box;
margin-bottom: 30px;
padding-left: 20px;
padding-right: 20px;
width: 25%;
}
@media screen and (max-width: 1030px) {
.p-media-list__item {
padding-left: 6px;
padding-right: 6px;
width: 50%;
}
}
.p-media-list__img {
width:90%;
margin:auto auto 10px auto;
text-align: center;
}
@media screen and (max-width: 1030px) {
.p-media-list__img {
margin:auto auto 10px auto;
text-align: center;
width:80%;
}
}
.p-media-list__txt {
text-align: center;
font-family:'Noto Sans JP', sans-serif;
font-size: 14px;
}
.p-media-list__body{
font-size: 13px;
padding-top:6px;
color: #666;
font-weight:400;
}

@media screen and (max-width: 1030px) {
.p-media-list__txt {
font-size: 15px;
font-weight:500;
color: #5a5a5a;
}
.p-media-list__body{
font-size: 13px;
padding-top:6px;
color: #666;
font-weight:400;
}
}
/******************************/
/* TOP SHOP LIST */
/******************************/
.p-shoplist-list {
display: flex;
flex-wrap: wrap;
margin-left: 100px;
margin-right: 100px;
}
@media screen and (max-width: 1030px) {
.p-shoplist-list {
margin-left: 15px;
margin-right: 15px;
}
}
.p-shoplist-list__item {
box-sizing: border-box;
margin-bottom: 30px;
padding-left: 15px;
padding-right: 15px;
width: 25%;
}
@media screen and (max-width: 1030px) {
.p-shoplist-list__item {
margin-bottom: 15px;
padding-left: 8px;
padding-right: 8px;
width: 50%;
text-align: center;
}
}
/******************************/
/* TOP GALLERY */
/******************************/
.p-gallery {
overflow: hidden;
padding-bottom: 120px;
}
@media screen and (max-width: 1030px) {
.p-gallery {
padding-bottom: 45px;
}
}
.p-gallery-list {
margin-left: auto;
margin-right: auto;
width: 400px;
}
@media screen and (max-width: 1030px) {
.p-gallery-list {
width: 70%;
}
}
.p-gallery-list .slick-list {
overflow: visible;
}
.p-gallery-list__item {
margin-left: 10px;
margin-right: 10px;
}
@media screen and (max-width: 1030px) {
.p-gallery-list__item {
margin-left: 5px;
margin-right: 5px;
}
}
.p-gallery-list__img img {
width: 100%;
}
/******************************/
/* TOP INFORMATION */
/******************************/
.p-information {
padding-top: 120px;
padding-bottom: 60px;
}
@media screen and (max-width: 1030px) {
.p-information {
padding-top: 30px;
padding-bottom: 30px;
}
}
.p-information__body {
margin-left: 60px;
margin-right: 60px;
line-height: 2;
color: #5a5a5a;
}
@media screen and (max-width: 1030px) {
.p-information__body {
margin-left: 40px;
margin-right: 40px;
}
}
/******************************/
/* TOP FREE */
/******************************/
.p-free {
padding-top: 60px;
padding-bottom: 60px;
color: #5a5a5a;
}
@media screen and (max-width: 1030px) {
.p-free {
padding-top: 30px;
padding-bottom: 30px;
}
}
.p-free__body {
margin-left: 60px;
margin-right: 60px;
line-height: 2;
}
.wideimage{
padding:1% 2% 3% 2%;
}
@media screen and (max-width: 1030px) {
.p-free__body {
margin-left: 40px;
margin-right: 40px;
}
.wideimage{
padding:1% 0 5% 0 !important;
}
}
.u-square-img img {
width:320px;
}



.p-main-slider-list__item{
position: relative;
}
.slick-content{
position: absolute;
bottom:0%;
left: 0%;
transform: translate(0%,0%);
width: 100%;
z-index: 150;
color: #fff;
text-align:center;
margin: 0　auto;
background:rgba(89,87,87,0.5);
}
.slick-content img{width: 100%;}
.slick-content p{margin: 0 auto; text-align:center; padding:2%;font-weight: normal;font-size: 0.88rem;color: #fff; }