@charset "utf-8";
.block-icon img {
	height: 18px!important;
    width: auto;
}
/*******************************common*********************************/
/*
body{
background-color:#f5ebbe;
color:#000000;
font-family:"M PLUS 1", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
font-optical-sizing:auto;
font-style:normal;
font-size:16px;
line-height:normal;
min-width:auto;
width:100%;
}
*/

html{
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
*, :after, :before{
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

#contents　img{
vertical-align:top;
width:100%;
height:auto;
-webkit-user-select:none;
-moz-user-select:none;
-ms-user-select:none;
user-select:none;
}

.flex{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
#contents　a{
color:#e66a00;
}
#contents a:hover{
opacity:.75;
-webkit-transition:.2s ease-in-out;
-o-transition:.2s ease-in-out;
transition:.2s ease-in-out;
}
/******************************************************************/
/*******************************pc*********************************/
/******************************************************************/
.pc{
display:block;
}
.sp{
display:none;
}
.orange{
color:#e66a00;
background:url(/img/brand/parismiki_retro/arrow-orange.png) no-repeat;
background-size:18px auto;
background-position:left 51%;
font-weight:bold;
padding:0 0 0 22px;
}
.arrow-whitebox{
border:1px solid #000;
background-color:rgba(255, 255, 255, 1);
color:#e66a00;
font-size:16px;
font-size:clamp(14px, calc(0.875rem + ((1vw - 7.68px) * 0.3906)), 16px);
min-height:0vw;
font-weight:bold;
text-align:center;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:flex-start;
max-width:500px;
width:100%;
max-height:80px;
min-height:80px;
height:10vh;
margin:0 auto 0 auto;
padding:0 0 0.25% 14%;
position:relative;
}
.arrow-whitebox::after{
border-top:1px solid #000;
border-right:1px solid #000;
content:"";
width:16px;
height:16px;
margin:auto;
position:absolute;
top:0;
bottom:0;
left:6%;
-webkit-transform:rotate(45deg);
-ms-transform:rotate(45deg);
transform:rotate(45deg);
}
.inner{
-webkit-box-sizing:border-box;
box-sizing:border-box;
max-width:100%;
width:100%;
margin:0 auto 0 auto;
}
#contents{
width:100%;
height:auto;
background-color:#f5ebbe;
color:#000000;
font-family:"M PLUS 1", "Helvetica Neue", "Helvetica", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Yu Gothic", "Meiryo", sans-serif;
font-optical-sizing:auto;
font-style:normal;
font-size:16px;
line-height:normal;
min-width:auto;
width:100%;    
}
.subtitle{
text-align:center;
margin:0 auto 0 auto;
}
.subtitle h2{
margin:0 auto 0 auto;
padding:0 0 16px 0;
}

/*******************************release*********************************/
#release{
background:url(/img/brand/parismiki_retro/intro_underline.png);
background-size:auto 60px;
background-repeat:repeat-x;
background-position:bottom center;
margin:0 auto 0 auto;
position:relative;
z-index:5;
}
#release .release-inner{
margin-bottom:-30px;
padding:130px 3% 95px 3%;
}
#release .intro-text{
text-align:center;
}
#release .intro-text h2{
max-width:587px;
width:90%;
margin:0 auto 33px auto;
}
#release .intro-text h3{
font-size:20px;
font-size:clamp(18px, calc(1.125rem + ((1vw - 7.68px) * 0.3906)), 20px);
min-height:0vw;
line-height:2;
margin:0 auto 105px auto;
}
#release .intro-text p{
font-size:18px;
font-size:clamp(16px, calc(1rem + ((1vw - 7.68px) * 0.3906)), 18px);
min-height:0vw;
font-weight:bold;
line-height:1.75;
margin:75px auto 30px auto;
}
#release .intro-menu .intro-list{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
max-width:1060px;
margin:auto;
}
#release .intro-menu h2{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
margin:30px 30px 20px 30px;
}
#release .intro-menu h2 img{
max-width:231px;
margin:10px 10px 15px 10px;
}
#release .intro-menu h2 span{
font-size:16px;
font-size:clamp(14px, calc(0.875rem + ((1vw - 7.68px) * 0.3906)), 16px);
min-height:0vw;
}
#release .intro-menu .list{
border-radius:5px;
max-width:320px;
width:32%;
padding:10px 7px 25px 7px;
-webkit-box-shadow:0px 0px 5px rgb(0, 0, 0, 0.1);
box-shadow:0px 0px 5px rgb(0, 0, 0, 0.1);
}
#release .intro-menu .list1{
background-color:#edd9ac;
}
#release .intro-menu .list1 .list1-inner{
background-image:url(/img/brand/parismiki_retro/intro_list1_bk.png);
background-size:100% auto;
background-repeat:no-repeat;
background-position:center 3.5%;
}
#release .intro-menu .list2{
background-color:#deefe0;
}
#release .intro-menu .list2 .list2-inner{
background-image:url(/img/brand/parismiki_retro/intro_list2_bk.png);
background-size:100% auto;
background-repeat:no-repeat;
background-position:center 3.5%;
}
#release .intro-menu .list3{
background-color:#faecee;
}
#release .intro-menu .list3 .list3-inner{
background-image:url(/img/brand/parismiki_retro/intro_list3_bk.png);
background-size:100% auto;
background-repeat:no-repeat;
background-position:center 3.5%;
}
#release .intro-menu .list h3{
text-align:center;
max-width:100%;
width:100%;
margin:0 auto;
padding:10px 0 0 0;
}
#release .intro-menu .list h3 img{
max-width:114px;
width:36%;
margin:0 auto;
}
#release .intro-menu .list .list-icon{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
margin:0 5px 20px 5px;
}
#release .intro-menu .list h4{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
font-size:14px;
font-size:clamp(12px, calc(0.75rem + ((1vw - 7.68px) * 0.3906)), 14px);
min-height:0vw;
width:48%;
white-space:nowrap;
}
#release .intro-menu .list h4 img{
max-width:130px;
width:100%;
margin:0 auto 10px auto;
}
#release .intro-menu .list .list-link a{
background-color:#e66a00;
border-radius:50px;
color:#ffffff;
font-size:20px;
font-size:clamp(18px, calc(1.125rem + ((1vw - 7.68px) * 0.3906)), 20px);
min-height:0vw;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
max-width:88%;
margin:auto;
padding:10.5px 10px 10px 10px;
}
#release .intro-img{
text-align:center;
}
#release .intro-img h3{
max-width:720px;
width:100%;
margin:35px auto 110px auto;
}
#release .intro-img h3 span{
font-size:12px;
font-size:clamp(10px, calc(0.625rem + ((1vw - 7.68px) * 0.3906)), 12px);
min-height:0vw;
margin:10px auto;
display:block;
}
#release .lineup_link{
max-width:1280px;
width:100%;
margin:auto;
}
#release .lineup_link a{
background-color:#e66a00;
border-radius:50px;
color:#ffffff;
font-size:20px;
font-size:clamp(18px, calc(1.125rem + ((1vw - 7.68px) * 0.3906)), 20px);
min-height:0vw;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-pack:center;
-ms-flex-pack:center;
justify-content:center;
max-width:480px;
width:100%;
height:4rem;
margin:auto;
padding:10.5px 10px 10px 10px;
}
/*******************************product*********************************/
#product{
padding:10px 0 0 0;
position:relative;
z-index:4;
}
#product .inner{
margin:-15px auto 0 auto;
padding-top:15px;
}
#product .inner .inner-bk{
background-size:72.5% auto;
background-position:top center;
background-repeat:no-repeat;
margin:-30px auto 0 auto;
padding:160px 3% 120px 3%;
max-width:1280px;
width:100%;
}
@media (min-width:768px) and (max-width:1000px){
#product .inner .inner-bk{
margin:-3% auto 0 auto;
}
}
#product #set-ab{
background-color:#edd9ac;
}
#product #set-cd{
background-color:#deeadf;
}
#product #set-ef{
background-color:#f7ebea;
}
#product #set-cd .inner-bk{
background-image:url(/img/brand/parismiki_retro/p1_underline.png);
}
#product #set-ef .inner-bk{
background-image:url(/img/brand/parismiki_retro/p2_underline.png);
}
#product .inner .flex{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
max-width:1060px;
margin:auto auto 135px auto;
}
#product .inner #pudding,
#product .inner #creamsoda{
padding-top:30px;
}
#product .inner #oyatsupan{
margin-bottom:110px;
}
#product .inner .flex .product-spec{
-webkit-box-ordinal-group:3;
-ms-flex-order:2;
order:2;
margin:0 20px 0 0;
}
#product .inner .flex .product-img{
-webkit-box-ordinal-group:2;
-ms-flex-order:1;
order:1;
}
#product .inner .flex:nth-child(even) .product-spec{
-webkit-box-ordinal-group:2;
-ms-flex-order:1;
order:1;
margin:0 0 0 20px;
}
#product .inner .flex:nth-child(even) .product-img{
-webkit-box-ordinal-group:3;
-ms-flex-order:2;
order:2;
}
#product .inner .product-spec{
color:#762030;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align:center;
-ms-flex-align:center;
align-items:center;
-webkit-box-orient:vertical;
-webkit-box-direction:normal;
-ms-flex-direction:column;
flex-direction:column;
-webkit-box-pack:start;
-ms-flex-pack:start;
justify-content:flex-start;
}
#product .inner .product-spec h2{
font-size:12px;
font-size:clamp(10px, calc(0.625rem + ((1vw - 7.68px) * 0.3906)), 12px);
min-height:0vw;
text-align:center;
max-width:118px;
width:90%;
}
#product .inner .product-spec h2 img{
margin:15px 0 7px 0;
}
#product .inner .product-spec h3{
max-width:440px;
width:100%;
margin:0 0 18px 0;
}
#product .inner .product-spec p{
font-size:14px;
font-size:clamp(12px, calc(0.75rem + ((1vw - 7.68px) * 0.3906)), 14px);
min-height:0vw;
font-weight:bold;
line-height:1.75;
max-width:380px;
width:70%;
}
#product .inner .product-spec p.data{
text-align:center;
margin:7px auto 14px auto;
}
#product .inner .product-spec h4 img{
max-width:420px;
width:100%;
}
#product .inner .product-spec h4.single img{
max-width:210px;
width:100%;
}
#product .inner .product-img h3{
max-width:580px;
width:100%;
position:relative;
}
#product .inner .product-img a{
display:block;
position:relative;
}
#product .inner .product-img a span{
font-size:16px;
font-size:clamp(14px, calc(0.875rem + ((1vw - 7.68px) * 0.3906)), 16px);
min-height:0vw;
position:absolute;
bottom:20px;
right:30px;
}
#product .inner .product-img h4{
max-width:480px;
width:100%;
margin:auto;
}
/*******************************novelty*********************************/
#novelty{
background-color:#f5ebbe;
position:relative;
z-index:5;
}
#novelty .inner{
margin:-15px auto 0 auto;
padding-top:15px;
}
#novelty .inner-bk{
background-image:url(/img/brand/parismiki_retro/p3_underline.png);
background-size:72.5% auto;
background-position:top center;
background-repeat:no-repeat;
margin:-30px auto 0 auto;
padding:160px 3% 15px 3%;
max-width:1280px;
width:100%;
}
@media (min-width:768px) and (max-width:1000px){
#novelty .inner-bk{
margin:-3% auto 0 auto;
}
}
#novelty .novelty-text{
text-align:center;
}
#novelty .novelty-text h2{
max-width:289px;
width:90%;
margin:15px auto 30px auto;
}
#novelty .novelty-text h3{
font-size:18px;
font-size:clamp(16px, calc(1rem + ((1vw - 7.68px) * 0.3906)), 18px);
min-height:0vw;
line-height:1.75;
}
#novelty .novelty-text p{
font-size:12px;
font-size:clamp(10px, calc(0.625rem + ((1vw - 7.68px) * 0.3906)), 12px);
min-height:0vw;
margin:15px auto 20px auto;
}
#novelty .novelty-text h4{
max-width:550px;
width:100%;
margin:auto;
}
#novelty .box{
max-width:1000px;
width:100%;
background-color:#fcf9eb;
padding:80px 55px 90px 55px;
margin:140px auto 30px auto;
}
#novelty .box h2{
max-width:426px;
width:100%;
margin:0 auto 40px auto;
}
#novelty .box .flex{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
max-width:1060px;
}
#novelty .box .flex .img{
max-width:420px;
width:48%;
margin:5px 0 0 5px;
}
#novelty .box .flex .text{
font-weight:bold;
line-height:1.75;
width:47%;
}
#novelty .box .flex .text p{
font-size:16px;
font-size:clamp(14px, calc(0.875rem + ((1vw - 7.68px) * 0.3906)), 16px);
min-height:0vw;
margin:0 0 35px 0;
}
/*******************************shoplist*********************************/
#shoplist{
color:#762030;
z-index:1;
}
#shoplist .inner{
max-width:1280px;
width:100%;
margin:0 auto 0 auto;
padding:0px 3% 40px 3%;
}
#shoplist .subtitle h2{
max-width:360px;
width:100%;
margin:0 auto 5px auto;
}
#shoplist h3{
max-width:308px;
width:100%;
margin:0 auto 30px auto;
}
#shoplist p{
color:#762030;
font-size:16px;
font-size:clamp(14px, calc(0.875rem + ((1vw - 7.68px) * 0.3906)), 16px);
min-height:0vw;
font-weight:bold;
line-height:2;
text-align:center;
margin:0 0 30px 0;
}
#shoplist p.under{
margin:0 0 90px 0;
}
#shoplist .shoplist-inner{
max-width:440px;
margin:0 auto 30px auto;
padding:0 0 40px 0;
}
#shoplist a{
color:#e66a00;
max-width:430px;
width:100%;
margin:0 auto 16px auto;
}
#shoplist a::after{
left:25px;
}
/*******************************footer*********************************/
/*
#footer{
color:#000;
min-height:0;
}
#footer .inner{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
justify-content:space-between;
-webkit-box-align:end;
-ms-flex-align:end;
align-items:flex-end;
padding:20px 50px 16px 50px;
}
#footer .inner h2{
max-width:186px;
width:100%;
margin:8% 0 0 0;
}
#footer .inner p{
font-size:12px;
font-size:clamp(10px, calc(0.625rem + ((1vw - 7.68px) * 0.3906)), 12px);
min-height:0vw;
padding:0 0 1% 0;
}
#page-top{
position:fixed;
bottom:45px;
right:15px;
width:40px;
z-index:100;
}
#page-top a{
display:block;
-webkit-transition:all .3s ease;
-o-transition:all .3s ease;
transition:all .3s ease;
}
#page-top a:hover{
text-decoration:none;
opacity:.5;
}
*/
@media print{
body{
width:100%;
}
}
/******************************************************************/
/*******************************sp*********************************/
/******************************************************************/
@media all and (max-width:767px){
.sp{
display:block;
}
.pc{
display:none !important;
}
.orange{
font-size:0.7rem;
color:#e66a00;
background:url(/img/brand/parismiki_retro/arrow-orange.png) no-repeat;
background-size:0.8rem auto;
background-position:left 51%;
font-weight:bold;
line-height:1.2;
padding:0 0 0 1.1rem;
}
.arrow-whitebox{
border:1px solid #000;
background-color:rgba(255, 255, 255, 1);
color:#e66a00;
font-size:1rem;
font-weight:bold;
text-align:center;
display:flex;
align-items:center;
justify-content:flex-start;
max-width:500px;
width:100%;
max-height:80px;
min-height:80px;
height:10vh;
margin:0 auto 0 auto;
padding:0 0 0.75% 13%;
position:relative;
}
.arrow-whitebox::after{
border-top:1px solid #000;
border-right:1px solid #000;
content:"";
width:12px;
height:12px;
margin:auto;
position:absolute;
top:0;
bottom:0;
left:6%;
transform:rotate(45deg);
}
.inner{
box-sizing:border-box;
max-width:1280px;
width:100%;
margin:0 auto 0 auto;
}
#contents{
width:100%;
height:100%;
}
.subtitle{
text-align:center;
margin:0 auto 0 auto;
}
.subtitle h2{
margin:0 auto 0 auto;
padding:0 0 3% 0;
}
/*******************************release*********************************/
#release{
background:url(/img/brand/parismiki_retro/intro_underline.png);
background-size:auto 60px;
background-repeat:repeat-x;
background-position:bottom left;
margin:0 auto 0 auto;
position:relative;
}
#release .release-inner{
margin-bottom:-30px;
padding:10.5% 3% 95px 3%;
}
#release .intro-text{
text-align:center;
}
#release .intro-text h2{
max-width:740px;
width:95%;
margin:0 auto 6.5% auto;
}
#release .intro-text h3{
font-size:1rem;
line-height:2;
margin:0 auto 20% auto;
}
#release .intro-text p{
font-size:1rem;
font-weight:bold;
line-height:1.75;
margin:16% auto 7% auto;
}
#release .intro-menu .intro-list{
display:flex;
align-items:center;
justify-content:space-between;
flex-direction:column;
max-width:100%;
margin:auto;
}
#release .intro-menu h2{
display:flex;
align-items:center;
justify-content:center;
flex-direction:column;
margin:3% 3% 7.6% 3%;
}
#release .intro-menu h2 img{
max-width:352px;
width:48%;
margin:1% 3% 3% 3%;
}
#release .intro-menu h2 span{
font-size:0.9rem;
}
#release .intro-menu .list{
border-radius:5px;
max-width:380px;
width:71%;
margin:0 auto 7% auto;
padding:2.5% 1.5% 6% 1.5%;
box-shadow:0px 0px 5px rgb(0, 0, 0, 0.1);
}
#release .intro-menu .list1{
background-color:#edd9ac;
}
#release .intro-menu .list1 .list1-inner{
background-image:url(/img/brand/parismiki_retro/intro_list1_bk.png);
background-size:100% auto;
background-repeat:no-repeat;
background-position:center 3.5%;
}
#release .intro-menu .list2{
background-color:#deefe0;
}
#release .intro-menu .list2 .list2-inner{
background-image:url(/img/brand/parismiki_retro/intro_list2_bk.png);
background-size:100% auto;
background-repeat:no-repeat;
background-position:center 3.5%;
}
#release .intro-menu .list3{
background-color:#faecee;
}
#release .intro-menu .list3 .list3-inner{
background-image:url(/img/brand/parismiki_retro/intro_list3_bk.png);
background-size:97% auto;
background-repeat:no-repeat;
background-position:center 3.5%;
}
#release .intro-menu .list h3{
text-align:center;
max-width:100%;
width:100%;
margin:0 auto;
padding:3% 0 0 0;
}
#release .intro-menu .list h3 img{
max-width:98px;
width:50%;
margin:0 auto;
}
#release .intro-menu .list .list-icon{
display:flex;
align-items:center;
justify-content:space-between;
margin:0 5% 7% 5%;
}
#release .intro-menu .list h4{
display:flex;
align-items:center;
justify-content:space-between;
flex-direction:column;
font-size:0.7rem;
width:48%;
white-space:nowrap;
}
#release .intro-menu .list h4 img{
max-width:110px;
width:100%;
margin:0 auto 3% auto;
}
#release .intro-menu .list .list-link a{
background-color:#e66a00;
border-radius:50px;
color:#ffffff;
font-size:1.2rem;
display:flex;
align-items:center;
justify-content:center;
max-width:88%;
margin:auto;
padding:3%;
}
#release .intro-img{
text-align:center;
}
#release .intro-img h3{
max-width:720px;
width:98%;
margin:3% auto 9% auto;
}
#release .intro-img h3 span{
font-size:0.7rem;
margin:4% auto;
display:block;
}
#release .lineup_link{
max-width:100%;
width:100%;
margin:auto;
}
#release .lineup_link a{
background-color:#e66a00;
border-radius:50px;
color:#ffffff;
font-size:1.2rem;
display:flex;
align-items:center;
justify-content:center;
max-width:380px;
width:80%;
height:3rem;
margin:auto;
padding:3%;
}
/*******************************product*********************************/
#product{
padding:10px 0 0 0;
position:relative;
z-index:4;
}
#product .inner{
margin:-15px auto 0 auto;
padding-top:15px;
}
#product .inner .inner-bk{
background-size:98% auto;
background-position:top center;
background-repeat:no-repeat;
margin:calc(-2.5% - 12px) auto 0 auto;
padding:27% 0 25% 0;
max-width:100%;
width:100%;
}
#product #set-ab{
background-color:#edd9ac;
}
#product #set-cd{
background-color:#deeadf;
}
#product #set-ef{
background-color:#f7ebea;
}
#product #set-cd .inner-bk{
background-image:url(/img/brand/parismiki_retro/p1_underline_sp.png);
}
#product #set-ef .inner-bk{
background-image:url(/img/brand/parismiki_retro/p2_underline_sp.png);
}
#product .inner .flex{
display:flex;
justify-content:space-between;
flex-direction:column;
max-width:100%;
margin:auto auto 27% auto;
}
#product .inner #pudding,
#product .inner #creamsoda{
padding-top:7%;
}
#product .inner #oyatsupan{
margin-bottom:26.75%;
}
#product .inner .flex .product-spec{
order:1;
margin:0 auto 6% auto;
max-width:90%;
}
#product .inner .flex .product-img{
max-width:580px;
width:100%;
margin:0 auto;
order:2;
overflow:hidden;
}
#product .inner .flex:nth-child(even) .product-spec{
order:1;
margin:0 auto 0 auto;
}
#product .inner .flex:nth-child(even) .product-img{
order:2;
}
#product .inner .product-spec{
color:#762030;
display:flex;
align-items:center;
flex-direction:column;
justify-content:flex-start;
}
#product .inner .product-spec h2{
font-size:0.9rem;
text-align:center;
max-width:118px;
width:90%;
}
#product .inner .product-spec h2 img{
margin:13.5% 0 5% 0;
}
#product .inner .product-spec h3{
max-width:440px;
width:96%;
margin:0 0 4.5% 0;
}
#product .inner .product-spec p{
font-size:0.9rem;
font-weight:bold;
line-height:1.75;
max-width:380px;
width:86%;
}
#product .inner .product-spec p.data{
text-align:center;
margin:2% auto 3% auto;
}
#product .inner .product-spec h4 img{
max-width:340px;
width:100%;
}
#product .inner .product-spec h4.single img{
max-width:170px;
width:100%;
}
#product .inner .product-img h3{
max-width:580px;
width:104%;
position:relative;
margin:0 -2%;
}
#product .inner .product-img a{
display:block;
position:relative;
}
#product .inner .product-img a span{
font-size:1rem;
position:absolute;
bottom:10%;
right:4%;
}
#product .inner .product-img h4{
max-width:480px;
width:84%;
margin:auto;
}
/*******************************novelty*********************************/
#novelty{
background-color:#f5ebbe;
position:relative;
z-index:5;
}
#novelty .inner{
margin:-15px auto 0 auto;
padding-top:15px;
}
#novelty .inner-bk{
background-image:url(/img/brand/parismiki_retro/p3_underline_sp.png);
background-size:98% auto;
background-position:top center;
background-repeat:no-repeat;
margin:calc(-2.5% - 12px) auto 0 auto;
padding:27% 3% 6% 3%;
max-width:100%;
width:100%;
}
#novelty .novelty-text{
text-align:center;
}
#novelty .novelty-text h2{
max-width:220px;
width:60%;
margin:9.5% auto 30px auto;
}
#novelty .novelty-text h3{
font-size:1rem;
line-height:1.75;
}
#novelty .novelty-text p{
font-size:0.75rem;
margin:2% auto 8% auto;
}
#novelty .novelty-text h4{
max-width:380px;
width:92%;
margin:auto;
}
#novelty .box{
max-width:92.5%;
width:100%;
background-color:#fcf9eb;
padding:12% 9.75% 13% 9.75%;
margin:32.5% 3.75% 21% 3.75%;
}
#novelty .box h2{
max-width:426px;
width:100%;
margin:0 auto 5% auto;
}
#novelty .box .flex{
display:flex;
justify-content:space-between;
flex-direction:column;
max-width:100%;
}
#novelty .box .flex .img{
max-width:100%;
width:100%;
margin:1% 0 3% 0;
}
#novelty .box .flex .text{
font-weight:bold;
line-height:1.75;
width:100%;
}
#novelty .box .flex .text p{
font-size:0.9rem;
margin:0 0 11% 0;
}
/*******************************shoplist*********************************/
#shoplist{
color:#762030;
z-index:1;
}
#shoplist .inner{
max-width:100%;
width:100%;
margin:0 auto 0 auto;
padding:0px 3% 21% 3%;
}
#shoplist .subtitle h2{
max-width:330px;
width:100%;
margin:0 auto 1% auto;
}
#shoplist h3{
max-width:308px;
margin:0 auto 7% auto;
width:80%;
}
#shoplist p{
color:#762030;
font-size:0.9rem;
font-weight:bold;
line-height:1.75;
text-align:center;
margin:0 0 7% 0;
}
#shoplist p.under{
margin:0 0 24% 0;
}
#shoplist .shoplist-inner{
max-width:440px;
margin:0 auto 30px auto;
padding:0 0 40px 0;
}
#shoplist a{
color:#e66a00;
max-width:430px;
width:80%;
margin:0 auto 5% auto;
}
#shoplist a::after{
left:25px;
}
/*******************************footer*********************************/
/*    
#footer{
color:#000;
min-height:0;
}
#footer .inner{
display:flex;
justify-content:space-between;
align-items:center;
flex-direction:column;
padding:3%;
}
#footer .inner h2{
max-width:186px;
width:100%;
margin:8% 0 0 0;
}
#footer .inner p{
font-size:0.75rem;
padding:3% 0 3% 0;
}    
#page-top{
position:fixed;
bottom:15px;
right:15px;
width:30px;
z-index:100;
}
#page-top a{
display:block;
transition:all .3s ease;
}
#page-top a:hover{
text-decoration:none;
opacity:.5;
}
*/    
}