@charset "utf-8";
/* ------ ▽ Reset ▽ ------ */
html{
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
}
p,dt,dd,li,span{
word-break:break-all;
}
li{
text-indent:0;
}
a:hover, a:active, a:focus, input:active, input:focus{
outline:none;
-webkit-tap-highlight-color:rgba(255,255,255,0.3);
}
*:focus{
outline: none;
}
@font-face {
font-family: 'Noto Sans Japanese';
font-weight: 300;
src: url(/sweets/candy_gum/fruits_gummi/font/NotoSansCJKjp-Light.woff) format('woff');
}
#all_wrap{
color: #333;
font-family: 'Noto Sans Japanese';
font-weight:300;
font-size: 4vw;
letter-spacing: 1px;
-webkit-text-size-adjust:100%;
}
ul, ol{
list-style: none;
}
img{
width: 100%;
height: auto;
vertical-align: top;
}
cont_wrap p{
letter-spacing: 0.5px;
}
.txt_red{
color: #cc0022;
}
.txt_purple{
color: #941f7a;
}
.noDL{
position: relative;
z-index: 0;
display: block;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
touch-callout: none;
}
.noDL > img {
position: relative;
z-index: 0;
}

/* ------ ▽ ローディング ▽ ------ */
#loading{
width:100%;
height:100%;
position:absolute;
z-index:10000;
top:0;
background:url(/sweets/candy_gum/fruits_gummi/images/loading.gif), #fdedff;
background-position:center center, center center;
background-repeat:no-repeat, repeat;
background-size: 40% !important;
}

/* ------ ▽ コンテンツ ▽ ------ */
.cont_wrap{
background-color:#ffffff;
}

/* ------ ▽ ヘッダー ▽ ------ */
.gnavi{
background-color:#c9b17c;
position:relative;
padding-top:15.4%;
z-index:3;
}
.menu_logo{
position:absolute;
width:26.4%;
top:21%;
left:2.5%;
}
.sns{
width:26.66%;
position:absolute;
top:7.8%;
right:0.8%;
}
.sns li.tw_btn,
.sns li.fb_share_btn{
float:left;
width:50%;
}

/* ------ ▽ フッター ▽ ------ */
.pagetop{
text-align:right;
}
.btn_pagetop{
width:16%;
}
.menu_backtop{
background-color:#c9b17c;
text-align:center;
border-top:solid 1px #ffffff;
}
.btn_backtop{
width:75.2%;
margin:3.2% 0;
}

/* ------ ▽ グミブランド回遊バナー ▽ ------ */
#brand_footer{
background-color: #fef9ef;
padding: 5vw;
}
.gummisite_list li:not(:first-child){
margin-top: 5vw;
}

/* ------ ▽ トップメニュー ▽ ------ */
.menu{
background-color:#c9b17c;
}
.menu li{
border-bottom:solid 1px #ffffff;
text-align:center;
}

/* ------ ▽ 商品紹介 ▽ ------ */
.cont_wrap_products{
background-color:#ffe8ec;
}
.products{
padding-top:40px;
}
.products dl{
padding:0 16px 20px;
}
.products dt{
margin:0 auto;
}
.products dd{
line-height: 1.64em;
width: 94.6%;
margin: 0 auto 10%;
color: #160e0d;
}
.products h4{
color:#cc0022;
font-size: 4.5vw;
line-height: 1.64em;
}
.txt_information{
font-size: 3.6vw;
line-height: 1.64em;
}
.icon_new,
.icon_limited{
background:#cc0022;
color: #ffffff;
display: inline-block;
line-height: 1;
padding: 2vw;
margin: 0 2vw 1vw 0;
}
a.btn_detail{
display:block;
width:80%;
background-color:#cc0022;
box-shadow:0 4px 0 #8A0808;
color:#ffffff;
margin:3% auto 13%;
padding:2% 0 1%;
font-family:'Noto Sans Japanese';
font-weight:300;
text-align:center;
}

/* ------ ▽ CM・限定ムービー ▽ ------ */
.cont_wrap_webcm{
background-color: #fef9ef;
}
.movie{
padding: 8vw;
text-align:center;
}
.webcm_list li{
margin-bottom: 8vw;
position: relative;
}
.webcm_list figure img{
margin-bottom: 2vw;
}
.webcm_list .icon_play{
position: absolute;
width: 13vw;
left: 6vw;
bottom: 6.6vw;
}
#modal_movie {
position: relative;
background: #fff;
width: auto;
max-width: 800px;
margin: 0 auto;
}
.movie_txt{
text-align: center;
margin-top: 1.2vw;
}
.slick-track{
transform: none !important;
}

/* ブライトコーブ動画モーダル閉じるボタン */
#modal_movie .mfp-close {
top: -9vw !important;
right: -1vw !important;
width: 9vw !important;
height: 9vw !important;
font-size: 0 !important;
background: url(/sweets/candy_gum/fruits_gummi/images/btn_close2.png) !important;
background-position: center top !important;
background-repeat: no-repeat !important;
background-size: contain !important;
}

/* ------ ▽ 女神からのメッセージ ▽ ------ */
/*.cont_wrap_message{
background-color:#f7ecfa;
}
.message{
padding: 8vw 0;
text-align:center;
}
.message h2{
width: 66vw;
margin: 0 auto 4vw;
}*/

/* ------ ▽ スライダー設定 ▽ ------ */
.slick-prev, .slick-next {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 10%;
height: 10%;
padding: 0;
-webkit-transform: translate(0, -50%);
-ms-transform: translate(0, -50%);
transform: translate(0, -50%);
cursor: pointer;
color: transparent;
border: none;
outline: none;
background: transparent;
z-index: 1;
}
.slick-prev, .slick-next {
width: 10vw;
height: 10vw;
}
.slick-prev {
left: -11vw;
background: url(/sweets/candy_gum/fruits_gummi/images/btn_prev_off.png);
background-size: 100% auto;
background-repeat: no-repeat;
}
.slick-next {
right: -11vw;
background: url(/sweets/candy_gum/fruits_gummi/images/btn_next_off.png);
background-size: 100% auto;
background-repeat: no-repeat;
}
#slider{
width: 84vw;
margin: 0 auto 4vw;
}
.slide-item img{
width: 100%;
position: relative;
}
#thumbnail_slider{
/*width: 78vw;*/
width: 88vw;
margin: 0 auto 3%;
}
#thumbnail_slider li{
width: 30%;
}
.slide-item .icon_play{
position: absolute;
width: 13vw;
left: 6vw;
bottom: 6.6vw;
}
.thumbnail-item img{
width: 92%;
margin: 0 auto;
cursor: pointer;
}