@charset "utf-8";
/* CSS Document */
/*====================
reset
====================*/
figure{
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
line-height: 1;
}
ol{
margin: 0;
padding: 0;
}
div:after, dl:after, ul:after{
content: none;
}
*:focus{
outline: none;
}

/*====================
basic
====================*/
body{
position: relative;
}
.l-container{
-webkit-text-size-adjust: 100%;
background: #f7f3ea;
}
.l-container img{
max-width: 100%;
height: auto;
vertical-align: bottom;
}
p.note, ul.note > li{
text-align: left;
text-indent: -1em;
padding-left: 1em;
}
.moveit{
visibility: hidden;
}

/*====================
コンテンツ
====================*/
.isPC{
display: none;
}
#content_wrap{
color: #30160f;
position: relative;
overflow: hidden;
}
#content_wrap > section{
text-align: center;
}

/* ▽ SP ▽================================================================================================================================== */
/*====================
base
====================*/
.inner,
.inner2{
padding: 0 5vw;
}
#content_wrap p,
#content_wrap figcaption
{
font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
text-shadow: 2px 2px 10px #ffffff, -2px 2px 10px #ffffff, 2px -2px 10px #ffffff, -2px -2px 10px #ffffff;
font-size: 3.2vw;
letter-spacing: .01em;
line-height: 2.1;
}
.information,
.information p
{
font-size: 2.6vw !important;
}
.txt_left{
text-align: left !important;
}
.txt_right{
text-align: right !important;
}
.txt_center{
text-align: center !important;
}

/*====================
ローディング画面
====================*/
#loading{
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
z-index: 9999;
background: url("/products/brand/meltykiss/common/images/snow_sp.png"), #e9e2d2;
background-position: center -60vw, center center;
background-repeat: repeat, repeat;
background-size: 100vw, auto;
}
#loading img{
width: 37.159vw;
position: absolute;
top: calc(50% - 16vw);
left: calc(50% - 18.5795vw);
-webkit-animation:blink 2s ease-in-out infinite alternate;
-moz-animation:blink 2s ease-in-out infinite alternate;
animation:blink 2s ease-in-out infinite alternate;
}
/* 点滅 */
@-webkit-keyframes blink{
0%{opacity:0;}
90%{opacity:1;}
100%{opacity:1;}
}
@-moz-keyframes blink{
0%{opacity:0;}
90%{opacity:1;}
100%{opacity:1;}
}
@keyframes blink{
0%{opacity:0;}
90%{opacity:1;}
100%{opacity:1;}
}

/*====================
aタグ処理
====================*/
.nav_menu a,
.lineup_list a,
.movies_list a,
.bnr_list a,
.sns a,
.pagetop a{
display: block;
font-size: 0 !important;
}

/*====================
オンマウス設定
====================*/
.nav_menu a:hover,
.movies_list a:hover,
.btn_details:hover,
.sns a:hover,
.pagetop:hover,
.bnr_list a:hover{
opacity: 0.7;
}

/*====================
各エリア見出し
====================*/
#lineup h3,
#cm h3,
#campaign h3{
width: 73.1vw;
margin: 0 auto 5.4vw;
position: relative;
}

/*====================
メインビジュアル
====================*/
/*.mv_main{
width: 100%;
height: 0;
padding-top: 114.2112125162973%;
background: url("/products/brand/meltykiss/images/mv_sp.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}*/
/* 休売文言掲載 */
.mv_main{
width: 100%;
padding: 30vw 0 30.5vw;
background: url(/products/brand/meltykiss/common/images/snow_sp.png), #e9e2d2;
background-position: center 51vw;
background-repeat: repeat;
background-size: 100%;
}
.mv_main img{
width: 37.159vw;
margin: 0 auto;
}
.gnav .inner{
padding: 5.4vw 1vw;
text-align: center;
text-shadow: none;
}
.gnav p{
text-shadow: none !important;
color: #ffffff;
}

/*====================
ページ内ナビ
====================*/
.gnav{
width: 100%;
background: #8a0e0e;
border-top: 0.6vw solid #d3ac6a;
border-bottom: 0.6vw solid #d3ac6a;
}
/*.gnav .inner{
padding: 0;
}*/
.nav_menu{
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.nav_menu li{
width: calc(100% / 2);
text-align: center;
}
.nav_menu li h3{
line-height: 1;
position: relative;
padding: 3.8vw 3.4vw;
}
.nav_menu li h3 img{
height: 6.26vw;
}
.nav_menu li:first-child h3:after{
display: block;
content: "";
width: 1px;
height: 2.4vw;
background: #c17e58;
position: absolute;
right: 0;
top: calc(50% - 1.5vw);
}
/*.nav_menu li:not(:last-child) h3:before{ ★グロナビ3つの時
display: block;
content: "";
width: 2.2vw;
height: 1px;
background: #c17e58;
position: absolute;
left: calc(50% - 1.5vw);
bottom: 0;
}*/

/*====================
コンセプト
====================*/
#concept{
background: url(/products/brand/meltykiss/common/images/snow_sp.png), #e9e2d2;
background-position: center -1vw, center center;
background-repeat: repeat-y, repeat;
background-size: 100%, auto;
position: relative;
padding: 0 0 5.3vw;
}
#concept:after{
content: "";
display: block;
width: 100%;
height: 21vw;
background: url("/products/brand/meltykiss/images/grd_b.png") repeat-x center bottom /auto 100%;
position: absolute;
bottom: 0;
left: 0;
}
#concept .inner{
padding: 0 3.6vw;
}
#concept h3{
position: absolute;
width: 29.988vw;
right: 23.6vw;
top: 10.1vw;
}
#concept p.concept_txt{
position: absolute;
left: 23vw;
top: 20.5vw;
letter-spacing: 0.16em;
line-height: 2;
writing-mode: vertical-rl;
text-align: initial;
}
.concept_choco{
position: absolute;
width: 36.246vw;
right: -0.9vw;
top: 54.7vw;
z-index: 10;
}

/*====================
商品ラインナップ
====================*/
#lineup{
padding: 10vw 0;
background: url(/products/brand/meltykiss/common/images/snow_sp.png);
background-position: center 5vw;
background-repeat: repeat-y;
background-size: 100%;
position: relative;
}
.lineup_list{
display: flex;
flex-wrap: wrap;
}
.lineup_list li{
width: calc(100% / 2);
margin-top: 6.1vw;
}
.mt_none_sp{
margin-top: 0 !important;
}
.lineup_list li figure{
position: relative;
}
.lineup_list h2{
padding: 5.6vw 7.2vw 0;
position: relative;
}
.lineup_list figcaption{
line-height: 1.4 !important;
margin: 1.3vw 0 1.6vw;
}
.lineup_list figcaption.longname_adjust_sp{
margin: 1.3vw 0 6.1vw;
}
.lineup_list li figure .new{
position: absolute;
top: 0.6vw;
left: 4.6vw;
width: 12.518vw;
}
.btn_details{
background: linear-gradient(to bottom, #a21111 10%, #8a0e0e);
background: -webkit-linear-gradient(top, #a21111 10%, #8a0e0e);
background: -moz-linear-gradient(top, #a21111 10%, #8a0e0e);
border-radius: 50vw;
padding: 1.5vw 4.4vw 1.3vw 4.2vw;
display: inline-block;
}
.btn_details p{
color: #ffffff;
text-shadow: none !important;
line-height: 1 !important;
font-size: 2.9vw !important;
position: relative;
}
.btn_details p:after{
content: "";
position: absolute;
width: 0.9vw;
height: 0.9vw;
border-right: 0.25vw solid #fff;
border-top: 0.25vw solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
right: -2.2vw;
top: calc(50% - 0.6vw);
}

/*====================
商品詳細モーダル
====================*/
.lineup_modal{
position: relative;
width: 90vw;
margin: 0 auto;
background: #fbf8f3;
border-radius: 2vw;
text-align: center;
color: #30160f;
}
.ttl_list{
padding: 3.8vw 0;
}
.ttl_list h1 img{
width: 34.42vw;
margin-bottom: 0.9vw;
}
.ttl_list h2 img{
height: 8.867vw;
}
.lineup_detail{
padding: 0 5vw 5vw;
}
.lineup_detail h2 img{
width: 64.15vw;
padding-left: 3.7vw;
margin-bottom: 2.1vw;
}
.lineup_detail p{
font-family: 游ゴシック体, YuGothic, 游ゴシック Medium, Yu Gothic Medium, 游ゴシック, Yu Gothic, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, sans-serif;
font-size: 3.2vw;
text-align: left;
}
.mfp-close{
width: 7.8vw !important;
height: 7.8vw !important;
font-size: 0 !important;
position: absolute;
top: -9.7vw !important;
right: 0 !important;
background: url("/products/brand/meltykiss/common/images/btn_close.png") no-repeat center / contain !important;
}

/*====================
くちどけポイント
====================*/
#melt{
background: url(/products/brand/meltykiss/common/images/snow_sp.png), #e9e2d2;
background-position: center top, center center;
background-repeat: repeat-y, repeat;
background-size: 100%, auto;
position: relative;
padding: 17.8vw 0 16.8vw;
}
#melt:before{
content: "";
display: block;
width: 100%;
height: 21vw;
background: url("/products/brand/meltykiss/images/grd_t.png") repeat-x center top /auto 100%;
position: absolute;
top: 0;
left: 0;
}
#melt:after{
content: "";
display: block;
width: 100%;
height: 21vw;
background: url("/products/brand/meltykiss/images/grd_b.png") repeat-x center bottom /auto 100%;
position: absolute;
bottom: 0;
left: 0;
}
#melt .inner{
padding: 0 3.9vw;
}
#melt h3{
margin: 0 23.6vw 5.6vw;
}
.melt_list{
padding-top: 4.3vw;
position: relative;
z-index: 20;
}
.melt_list li .btn_details{
position: absolute;
top: 32.7vw;
left: calc(50% - 11.5vw);
z-index: 15;
}
.melt_list li:nth-child(1){
background-image: url("/products/brand/meltykiss/images/melt_point1.png");
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 100% auto;
width: 50.197vw;
height: 50.197vw;
position: relative;
}
.melt_list li:nth-child(2){
background-image: url("/products/brand/meltykiss/images/melt_point2.png");
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 100% auto;
width: 50.197vw;
height: 50.197vw;
position: relative;
margin-left: 42vw;
margin-top: -13vw;
}
.melt_list li:nth-child(3){
background-image: url("/products/brand/meltykiss/images/melt_point3.png");
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 100% auto;
width: 50.197vw;
height: 50.197vw;
position: relative;
margin-top: -13.1vw;
}
.melt_choco{
position: absolute;
width: calc(100%*734/767);
left: 2.8vw;
top: -1vw;
z-index: 10;
}
.melt_choco1{
position: absolute;
width: calc(100%*108/767);
left: 5.1vw;
top: 60.6vw;
z-index: 22;
}
.melt_choco2{
position: absolute;
width: calc(100%*134/767);
left: 60vw;
top: 90.8vw;
z-index: 22;
}
.melt_choco3{
position: absolute;
width: calc(100%*65/767);
left: 43.6vw;
top: 146.9vw;
z-index: 22;
}

/*====================
くちどけポイントモーダル
====================*/
.melt_modal{
position: relative;
width: 90vw;
margin: 0 auto;
background: #ffffff;
border-radius: 3vw 3vw 2vw 2vw;
text-align: center;
color: #30160f;
}
.point_mds{
background: #8a0e0e;
border-radius: 	2vw 2vw 0 0;
padding: 2.3vw 0 2.7vw;
}
.point_mds img{
height: 6.65vw;
}
.melt_modal h3 img{
width: 40.94vw;
margin: 4.8vw auto 3.8vw;
}
.melt_detail{
padding: 2.5vw 0 6vw;
}
.point1_list li{
position: relative;
}
.point1_list li:not(:first-child){
margin-top: 2.9vw;
}
.point1_list li:after{
content: "";
position: absolute;
top: 31.3vw;
left: calc(50% - 2.3vw);
width: 4.7vw;
height: 2.7vw;
background: url(/products/brand/meltykiss/common/images/arrow_down.png) no-repeat top center/100% auto;
}
.point1_list li:last-child{
margin-bottom: 0;
}
.point1_list li:last-child:after{
content: none;
}
.melt_detail figure img{
width: 63.235vw;
margin: 1.9vw 0;
}
.melt_detail figure img.point3_1{
width: 64.148vw;
margin-bottom: 4.8vw;
}
.melt_modal p,
.melt_detail p{
font-family: 游ゴシック体, YuGothic, 游ゴシック Medium, Yu Gothic Medium, 游ゴシック, Yu Gothic, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Hiragino Kaku Gothic ProN, メイリオ, Meiryo, sans-serif;
font-size: 3.2vw;
text-align: left;
}

/*====================
CM・メイキング
====================*/
#cm{
/*padding: 10vw 0 17.5vw;　★CPエリアある時*/
padding: 10vw 0 13vw;
background: url(/products/brand/meltykiss/common/images/snow_sp.png);
background-position: center top;
background-repeat: repeat-y;
background-size: 100%;
position: relative;
}
#cm .inner{
padding: 0 12vw;
}
.movies_list{
padding-top: 1.6vw;
}
.movies_list li:not(:first-child){
margin-top: 7vw;
}
.ttl_movies{
margin: 0 auto 0.7vw;
}
.thumb{
margin: 0 auto;
}
.movies_list .btn_movies{
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.movies_list .btn_movies li{
margin-top: 3.5vw;
}
.movies_list .btn_movies li:not(:first-child){
margin-left: 2vw;
}
.movies_list .btn_movies .btn_details{
padding: 1.5vw 4vw 1.3vw 2.4vw;
}
.movies_list .btn_movies .btn_details p{
font-size: 2.78vw !important;
}
.movies_list .btn_movies .btn_details p:after{
right: -1.7vw;
}
.btn_adjust{
padding-right: 6vw !important;
padding-left: 4.5vw !important;
}
.btn_adjust2{
padding-right: 7.2vw !important;
padding-left: 5vw !important;
}

/*====================
CM・メイキングモーダル
====================*/
#modal_movie{
position: relative;
background: #fff;
width: auto;
max-width: 800px;
margin: 0 auto;
}
button.mfp-arrow{
display: none;
}
.mfp-iframe-scaler iframe{
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.mfp-figure:after{
box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}

/*====================
キャンペーン情報
====================*/
#campaign{
background: url(/products/brand/meltykiss/common/images/snow_sp.png), #e9e2d2;
background-position: center top, center center;
background-repeat: repeat-y, repeat;
background-size: 100%, auto;
position: relative;
padding: 10vw 0 13vw;
}
#campaign:before{
content: "";
display: block;
width: 100%;
height: 21vw;
background: url("/products/brand/meltykiss/images/grd_t.png") repeat-x center top /auto 100%;
position: absolute;
top: 0;
left: 0;
}
#campaign .inner{
padding: 0 12vw;
}
#campaign .bnr_list{
padding-top: 1vw;
}

/*====================
SNS・ページトップ
====================*/
.sns{
display: flex;
justify-content: center;
margin-top: 13vw;
}
.sns li{
width: 7.9vw;
}
.sns li:not(:first-child){
margin-left: 4.4vw;
}
.pagetop{
position: fixed;
bottom: 13vw;
right: 5.1vw;
width: 8vw;
z-index: 50;
}
.pagetop a{
display: block;
}

/*====================
バナーエリア、店舗検索誘導
====================*/
#brand_footer{
padding: 11.8vw 0;
background: #8a0e0e;
position: relative;
}
#brand_footer .inner{
padding: 0 18vw;
}
#brand_footer .bnr_list li:not(:last-child){
margin-bottom: 9.1vw;
}

/* ～767px For SP
====================================================*/
@media screen and (max-width: 767px){
.isPC{
display: none;
}
}

/* ▽ PC ▽================================================================================================================================== */
/* 768px～ For PC
====================================================*/
@media screen and (min-width: 768px), print{
/*====================
base
====================*/
.isSP{
display: none;
}
.isPC{
display: block;
}
body{
min-width: 950px;
}
.l-container{
line-height: 2;
}
.inner{
width: 940px;
margin: 0 auto;
padding: 0 !important;
}
.information,
.information p{
font-size: 13px !important;		
}
#content_wrap p,
#content_wrap figcaption{
font-size: 16px;
}
.txt_l,
.txt_l p{
font-size: 21px !important;
}

/*====================
ローディング画面
====================*/
#loading{
background: url("/products/brand/meltykiss/common/images/snow_pc.png"), #e9e2d2;
background-position: center -160px, center center;
background-repeat: repeat, repeat;
background-size: auto, auto;
}
#loading img{
width: 285px;
top: calc(50% - 120px);
left: calc(50% - 142.5px);
}

/*====================
各エリア見出し
====================*/
#lineup h3,
#cm h3,
#campaign h3,
#special h3{
width: 442px;
margin: 0 auto 26px;
}

/*====================
メインビジュアル
====================*/
/*.mv_main{
width: 100%;
height: 0;
padding-top: 35.81818181818182%;
background: url("/products/brand/meltykiss/images/mv_pc.jpg");
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
}*/
/* 休売文言掲載 */
.mv_main{
padding: 180px 0 165px;
background: url(/products/brand/meltykiss/common/images/snow_pc.png), #e9e2d2;
background-position: center 678px;
background-repeat: repeat;
background-size: auto;
}
.mv_main img{
width: 285px;
}
.gnav .inner{
width: 950px;
padding: 26px !important;
}

/*====================
ページ内ナビ
====================*/
.gnav{
border-top: 4px solid #d3ac6a;
border-bottom: 4px solid #d3ac6a;
}
/*.gnav .inner{
width: 950px;
}*/
.nav_menu{
flex-wrap: nowrap;
}
.nav_menu li{
/*width: calc(100% / 3);　★グロナビ３つの時*/
width: calc(100% / 2);
}
.nav_menu li h3{
padding: 26px 30px 25px;
}
.nav_menu li h3 img{
height: 44.2px;
}
.nav_menu li:first-child h3:after,
.nav_menu li h3:after{
display: block;
content: "";
width: 1px;
height: 18px;
background: #c17e58;
position: absolute;
right: 0;
top: calc(50% - 9px);
}
.nav_menu li:first-child h3:before{
display: block;
content: "";
width: 1px;
height: 18px;
background: #c17e58;
position: absolute;
left: 0;
top: calc(50% - 9px);
}
.nav_menu li:not(:first-child) h3:before{
content: none;
}

/*====================
コンセプト
====================*/
#concept{
background: url(/products/brand/meltykiss/images/concept_deco_pc.png), url(/products/brand/meltykiss/common/images/snow_pc.png), #e9e2d2;
background-position: center -23px, center -148px, center center;
background-repeat: repeat, no-repeat, repeat;
background-size: auto, auto, auto;
padding: 0;
height: 632px;
}
#concept:after{
height: 160px;
}
.concept_deco{
margin: 0 auto;
}
#concept h3{
width: 193px;
right: calc(50% - 226px);
top: 59px;
}
#concept p.concept_txt{
left: calc(50% - 231px);
top: 145px;
}
.concept_choco{
width: 278px;
right: calc(50% - 525px);
top: 227px;
}

/*====================
商品ラインナップ
====================*/
#lineup{
padding: 60px 0;
background: url(/products/brand/meltykiss/common/images/snow_pc.png);
background-position: center 132px;
background-repeat: repeat;
background-size: auto;
}
.lineup_list li{
width: calc(100% / 3);
margin-top: 36px;
}
.mt_none_pc{
margin-top: 0 !important;
}
.lineup_list h2{
padding: 51px 71px 0;
}
.lineup_list figcaption{
margin: 13px 0 9px;
}
.lineup_list figcaption.longname_adjust_pc{
margin: 13px 0 31px;
}
.lineup_list li figure .new{
top: 12px;
left: 62px;
width: 96px;
}
.btn_details{
border-radius: 100px;
padding: 10px 30px 8px 28px;
}
::-webkit-full-page-media, :future, :root .btn_details{
padding: 8px 30px 10px 28px;
}
.btn_details p{
font-size: 16px !important;
}
.btn_details p:after{
width: 6px;
height: 6px;
border-right: 1px solid #fff;
border-top: 1px solid #fff;
right: -19px;
top: calc(50% - 4px);
}

/*====================
商品詳細モーダル
====================*/
.lineup_modal{
width: 870px;
border-radius: 14px;
}
.ttl_list{
padding: 29px 0 15px;
}
.ttl_list h1 img{
width: 230px;
margin-bottom: 6px;
}
.ttl_list h2 img{
width: auto;
height: 64.6px;
}
.lineup_detail{
padding: 0 18px 10px 63px;
display: flex;
flex-direction: row-reverse;
}
.lineup_detail h2 img{
width: 492px;
padding-left: 0;
margin-bottom: 0;
margin-left: -22px;
}
.txt_detail{
padding-top: 58px;
}
.lineup_detail p{
font-size: 16px;
line-height: 1.85;
}
.mfp-close{
width: 54px !important;
height: 54px !important;
top: -70px !important;
right: 0 !important;}

/*====================
くちどけポイント
====================*/
#melt{
background: url(/products/brand/meltykiss/common/images/snow_pc.png), #e9e2d2;
background-position: center -565px, center center;
background-repeat: repeat, repeat;
background-size: auto, auto;
padding: 113px 0 73px;
}
#melt:before,
#melt:after{
height: 160px;
}
#melt .inner{
width: 930px;
}
#melt h3{
width: 405px;
margin: 0 auto 34px;
}
.melt_list{
padding-top: 26px;
display: flex;
justify-content: space-between;
}
.melt_list li .btn_details{
top: 201px;
left: 86px;
}
.melt_list li:nth-child(1){
background-image: url("/products/brand/meltykiss/images/melt_point1.png");
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 100% auto;
width: 308px;
height: 308px;
margin-right: -42px;
}
.melt_list li:nth-child(2){
background-image: url("/products/brand/meltykiss/images/melt_point2.png");
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 100% auto;
width: 308px;
height: 308px;
margin-left: 0;
margin-top: 216px;
}
.melt_list li:nth-child(3){
background-image: url("/products/brand/meltykiss/images/melt_point3.png");
background-position: 0 100%;
background-repeat: no-repeat;
background-size: 100% auto;
width: 308px;
height: 308px;
margin-top: 73px;
}
.melt_choco{
width: 1297px;
left: calc(50% - 648px);
top: 31px;
}
.melt_choco2{
width: 134px;
left: calc(50% + 95px);
top: 374px;
}

/*====================
くちどけポイントモーダル
====================*/
.melt_modal{
width: 870px;
border-radius: 20px 20px 14px 14px;
}
.point_mds{
border-radius: 	14px 14px 0 0;
padding: 18px 0 19px;
}
.point_mds img{
height: 45px;
}
.melt_modal h3 img{
width: 237px;
margin: 26px auto 21px;
}
.melt_detail{
padding: 16px 0 47px;
}
.melt_modal .inner{
width: 780px;
}
.point1_list{
display: flex;
justify-content: space-between;
}
.point1_list li,
.point1_list li:not(:first-child){
width: 240px;
margin-top: 14px;
}
.point1_list li:after{
top: calc(50% - 18px);
left: 249px;
width: 14px;
height: 25px;
background: url(/products/brand/meltykiss/common/images/arrow_right.png) no-repeat top center/100% auto;
}
.melt_detail figure img{
width: 100%;
margin: 0 0 18px;
}
.melt_detail figure img.point2_1{
width: 460px;
margin-bottom: 8px;
}
.melt_detail figure img.point3_1{
width: 780px;
margin-bottom: 18px;
}
.melt_modal p,
.melt_detail p{
font-size: 16px;
}

/*====================
CM・メイキング
====================*/
#cm{
/*padding: 60px 0 110px;　★CPエリアある時*/
padding: 60px 0 100px;
background: url(/products/brand/meltykiss/common/images/snow_pc.png);
background-position: center 342px;
background-repeat: repeat;
background-size: auto;
}
#cm .inner{
width: 950px;
}
.movies_list{
padding-top: 23px;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
.movies_list li:not(:first-child){
margin-top: 0;
}
.movies_list li:nth-child(n+3){
margin-top: 34px;
}
.movies_list_pc{
width: 420px;
}
.ttl_movies{
margin: 0 auto 4px;
font-size: 18px !important;
}
.movies_list .btn_movies li{
margin-top: 22px;
}
.movies_list .btn_movies li:not(:first-child){
margin-left: 10px;
}
.movies_list .btn_movies .btn_details{
padding: 10px 32px 9px 30px;
}
.movies_list .btn_movies .btn_details p:after{
right: -21px;
}
.movies_list .btn_movies .btn_details p{
font-size: 15px !important;
}
.btn_adjust{
padding-right: 34px !important;
padding-left: 20px !important;
}
.btn_adjust2{
padding-right: 44px !important;
padding-left: 30px !important;
}

/*====================
キャンペーン情報
====================*/
#campaign{
background: url(/products/brand/meltykiss/common/images/snow_pc.png), #e9e2d2;
background-position: center -565px, center center;
background-repeat: repeat, repeat;
background-size: auto, auto;
padding: 60px 0 100px;
}
#campaign:before{
height: 160px;
}
#campaign .inner{
width: 600px;
margin-bottom: 40px;
}
#campaign .bnr_list{
padding-top: 23px;
}

/*====================
SNS・ページトップ
====================*/
.sns{
margin-top: 100px;
}
.sns li{
width: 60px;
}
.sns li:not(:first-child){
margin-left: 34px;
}
.pagetop{
bottom: 100px;
right: 60px;
width: 60px;
}

/*====================
店舗検索誘導
====================*/
#brand_footer{
padding: 90px 0;
}
#brand_footer .inner{
width: 900px
}
#brand_footer .bnr_list{
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
#brand_footer .bnr_list li{
width: 380px;
}
#brand_footer .bnr_list li:not(:last-child){
margin-bottom: 60px;
}
#brand_footer .bnr_list li:nth-child(3){
margin-bottom: 0;
}
}

/* ▽ 幅の狭いSP調整 ▽================================================================================================================================== */
/* 280px以下 For 表示調整
====================================================*/
@media screen and (max-width: 280px){
.melt_list li .btn_details{
left: calc(50% - 13.3vw);
}
}