@charset "Shift_JIS";

/*大人のショコラ共通*/
.choco--bnr a{
  display: inline-block;
}
.choco--bnr a:hover{
  opacity: 0.8;
  cursor: pointer;
}

#contents_block{
  margin-bottom: 0;
}

#contents_block.top{
  margin-bottom: 50px;
}

/**********/
/* トップ */
/**********/

/**********/
/* トップ-js */
/**********/
#contents_block #movie_test{
  height: 720px;
  background: url(../images/scene5.png) center 0 no-repeat;
  overflow: hidden;
}
#contents_block #movie{
  height: 720px;
  background: url(../images/scene1.png) center 0 no-repeat;
  overflow: hidden;
  position: relative;
}
#contents_block.smp #movie{
  background: url(../images/sp_mainvisual.png) center 0 no-repeat;
  background-size: 100%;
}
#contents_block.smp #movie .sp_inner{
  background: url(../images/sp_mainvisual_talent.png) center 0 no-repeat;
  background-size: 100%;
  height: 720px;
  display: none;
}
#contents_block.smp #movie .sp_copy{
  padding-top: 20px;
  display: none;
}

#contents_block #movie .inner{
  width: 980px;
  height: 720px;
  margin: 0 auto;
}
#contents_block.smp #movie .inner{
  width: 100%;
}
#contents_block #movie .bg_top {
  background: #070d0d url(../images/scene1-1.jpg) center 0 no-repeat;
  position: absolute;
  width: 100%;
  height: 720px;
  padding-bottom: 800px;
  top: -100px;
  left: 0;
  margin: 0;
}
#contents_block #movie .bg_last {
  background: url(../images/scene_last.jpg) center 0 no-repeat;
  position: absolute;
  width: 100%;
  height: 720px;
  top: 0;
  left: 0;
  margin: 0;
  display: none;
  z-index: 12;
}
#contents_block #movie .bg_last_inner {
  position: relative;
  width: 980px;
  margin: 0 auto;
}
#contents_block #movie .bg_last .copy{
  position: absolute;
  top: 40px;
  text-align: center;
  width: 100%;
  display: none;
}
#contents_block #movie .bg_last .logo{
  position: absolute;
  top: 260px;
  left: 0;
  display: none;
}

#contents_block #movie .mi {
  position: absolute;
  top: -14%;
  left: 50%;
  margin-left: -101px;
  margin-top: -100px;
  /*display: none;*/
  z-index: 11;
  width: 202px;
  height: 200px;
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
}
#contents_block #movie .mi .top {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
}
#contents_block #movie .mi .big {
  position: absolute;
  top: 10px;
  left: -12px;
  display: none;
  max-width: 100%;
  height: auto;
  -moz-transition: -moz-transform 1s linear;
  -webkit-transition: -webkit-transform 1s linear;
  -o-transition: -o-transform 1s linear;
  -ms-transition: -ms-transform 1s linear;
  transition: transform 1s linear;
}
#contents_block #movie .mi .big.scal {
  -webkit-transform: scale(4.7);
  -moz-transform: scale(4.7);
  -o-transform: scale(4.7);
  -ms-transform: scale(4.7);
  transform: scale(4.7);
}

#contents_block #movie .talent ,
#contents_block #movie .text {
  -ms-filter: "alpha(opacity=0)";
  opacity: 0;
  position: absolute;
}
#contents_block #movie .fukidashi ,
#contents_block #movie .recipe,
#contents_block #movie .text_logo {
  display: none;
  position: absolute;
}
#contents_block #movie .talent { top: 14px; left: 45%; margin-left: -447px; z-index: 12;}
#contents_block #movie .text { bottom: 50px; left: 50%; margin-left: -100px;}
#contents_block #movie .text_logo { top: 50px; left: 50%; margin-left: -450px;}
#contents_block #movie .fukidashi { top: 220px; right: 50%; margin-right: -440px; }
#contents_block #movie .fukidashi img { width: 100%; }
#contents_block #movie .recipe { top: 1170px; right: 50%; margin-right: -530px; z-index: 10;}
#contents_block #movie .recipe img{
  max-width: 100%;
  height: auto;
  -moz-transition: -moz-transform .8s linear;
  -webkit-transition: -webkit-transform .8s linear;
  -o-transition: -o-transform .8s linear;
  -ms-transition: -ms-transform .8s linear;
  transition: transform .8s linear;
  -webkit-transform: scale(0.2);
  -moz-transform: scale(0.2);
  -o-transform: scale(0.2);
  -ms-transform: scale(0.2);
  transform: scale(0.2);
}

#contents_block #movie .recipe.last img{
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
#contents_block #movie .recipe a:hover img{
  opacity: 0.9;
  -ms-filter: "alpha(opacity=90)";
}
#contents_block .top_productsMenu {
  width: 980px;
  margin: 0 auto;
}

#contents_block .top_productsMenu ul {
  text-align: center;
  list-style: none;
}

#contents_block .top_productsMenu ul li {
  display: inline-block;
  position: relative;
  margin: 50px 0 10px;
}
#contents_block .top_productsMenu ul li:nth-child(2){
  margin: 50px 70px 10px;
}

#contents_block .top_productsMenu ul li span {
  display: block;
  margin-bottom: 5px;
}

#contents_block .top_productsMenu ul li a {
/*  display: block;
  text-indent: -9999px;
  text-decoration: none;
  margin-top: 17px;*/
}
#contents_block .top_productsMenu ul li a:hover{
  -ms-filter: "alpha(opacity=70)";
  opacity: 0.7;
}
/*@-moz-document url-prefix() {
  #contents_block .top_productsMenu ul li a {
    margin-top: 33px;
  }
}*/
#contents_block .top_productsMenu ul li .newmark{
  width: 44px;
  height: 25px;
  position: absolute;
  top: -25px;
  left: 50%;
  margin-left: -46px;
}
#contents_block .top_productsMenu ul li .newmark2{
  width: 44px;
  height: 25px;
  position: absolute;
  top: -25px;
  left: 50%;
  margin-left: -23px;
}

/*#contents_block .top_productsMenu ul li.top_peach a { background: url(../images/16_top_peach.jpg) 0px 0px no-repeat; background-size: 100%;}
#contents_block .top_productsMenu ul li.top_melon a { background: url(../images/16_top_melon.jpg) 0px 0px no-repeat; margin:10px 60px 0; background-size: 100%;}
#contents_block .top_productsMenu ul li.top_melon img{
  vertical-align: bottom;
}*/
#contents_block .top_productsMenu ul li.top_grape a { background: url(../images/16_top_grape.png) 0px 0px no-repeat; margin-left:35px;}
#contents_block .top_productsMenu ul li.top_pear a { background: url(../images/16_top_pear.png) 0px 0px no-repeat; margin:17px 55px 0;}
#contents_block .top_productsMenu ul li.top_kiwi a { background: url(../images/16_top_kiwi.png) 0px 0px no-repeat; margin-top:0;}
#contents_block .top_productsMenu ul li.top_cafe a { background: url(../images/16_top_cafe.png) 0px 0px no-repeat; margin:17px 55px 0;}
#contents_block .top_productsMenu ul li.top_orange a { background: url(../images/16_top_orenge.png) 0px 0px no-repeat; margin-top:0;}
/*#contents_block .top_productsMenu ul li.top_cafe a { background: url(../images/15_2_top_cafe.jpg) 0px 0px no-repeat; margin-right: 48px;}
#contents_block .top_productsMenu ul li.top_matcha a { background: url(../images/15_2_top_matcha.jpg) 0px 0px no-repeat;}
#contents_block .top_productsMenu ul li.top_kiwi a { background: url(../images/16_top_kiwi.png) 0px 0px no-repeat; margin-top:0;}*/

#contents_block .top_productsMenu p {
  font-size: 16px;
  line-height: 200%;
  padding: 110px 0;
  text-align: center;
  width: 180px;
  float: right;
}
#contents_block p.bnr_text{
  margin-bottom: 20px;
}
#contents_block p.red_text_logo{
  margin-bottom: 40px;
}
#contents_block .top_productsMenu p span{
  color: #f00;
  display: block;
}

#contents_block .txt_18 {
  font-size: 18px;
}

#contents_block .top_share .sharebtnBoxWrap{
  width:980px;
  margin: 20px auto 0px auto;
}

#contents_block .top_banner .banner_area {
  width: 980px;
  margin: 40px auto 50px auto;
}
#contents_block .campClose {
  width: 800px;
  margin: 70px auto;
  border: #ccc solid 1px;
}

#contents_block .campClose a {
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  display: block;
  padding: 25px 0;
  text-align: center;
  letter-spacing: 2px;
  line-height: 180%;
  font-size: 15px;
}

#contents_block .sp{
  display: none;
}
#contents_block.smp .top_productsMenu.sp{
  display: block;
  margin-top: 0px;
}
#contents_block.smp .pc{
  display: none;
}
#contents_block.top .header_bg{
  display: none;
}


/************/
/* 商品紹介 */
/************/
#contents_block .products {
  width: 100%;
  height: 720px !important;
  background: url(../images/products_bg.jpg) top center no-repeat;
  position: relative;
}

#contents_block .products_area {
  width: 100%;
  height: 720px;
  margin: 0 auto;
  background: url(../images/products_bg.jpg) top center no-repeat;
}

#contents_block .pc .products_area h1{
  position: absolute;
  top: 7%;
  left: 50%;
  margin-left: -425px;
  }

  #contents_block .pc .products_area p{
  position: absolute;
  top: 23%;
  left: 50%;
  margin-left: -226px;
  }

#contents_block .products_menu {
  width: 980px;
  margin: 0px auto 0 auto;
  position: relative;
  top: 198px;
}

#contents_block .products_menu ul {
  list-style: none;
  margin: 0 auto 0 auto;
  padding-top: 40px;
}

#contents_block .products_menu ul li {
  float: left;
}

#contents_block .products_menu .products_menu_pe {
  position: absolute;
  top:110%;
  left:0;

}
#contents_block .products_menu .products_menu_gr {
  position: absolute;
  top: 110%;
  left: 50%;
  margin-left: -150px;
}

#contents_block .products_menu .products_menu_qu {
position: absolute;
top: 110%;
right: 0;
}



#contents_block .products_footerMenu {
  width: 100%;
  height: 55px;
}

#contents_block .products_footerMenu ul {
  width: 980px;
  list-style: none;
  margin: 0 auto;
  padding: 0;
}

#contents_block .products_footerMenu ul li {
  height: 55px;
  float: left;
  font-size:0;
  margin: 0;
  padding: 0;
}
#contents_block .icenomi_copy span{
  color: #f00;;
}
#contents_block .icenomi_copy span time{
  color: #f00;
  margin-left: 8px;
}

#contents_block .conteiner{
  position: relative;
}
#contents_block .conteiner.cm_top{
  background-color: #e2e2f8;
  padding-bottom: 70px;
}

/* 製品詳細ページ */
#contents_block .products_grape {
  width: 100%;
  height: 820px;
  background: url(../images/grape_bg.jpg)  top center no-repeat;
}

#contents_block .products_melon {
  width: 100%;
  height: 820px;
  background: url(../images/melon_bg.jpg)  top center no-repeat;
}
#contents_block .products_mango {
  width: 100%;
  height: 820px;
  background: url(../images/mango_bg.jpg)  top center no-repeat;
}

#contents_block .products_peach {
  width: 100%;
  height: 820px;
  background: url(../images/peach_bg.jpg)  top center no-repeat;
}

#contents_block .products_cafe {
  width: 100%;
  height: 820px;
  background: url(../images/16_8_products_cafe_bg.jpg)  top center no-repeat;
}

#contents_block .products_choco {
  width: 100%;
  height: 820px;
  background: url(../images/16w_products_choco_bg.jpg)  top center no-repeat;
}

#contents_block .products_pear {
  width: 100%;
  height: 820px;
  background: url(../images/pear_bg.jpg)  top center no-repeat;
}

#contents_block .products_kiwi {
  width: 100%;
  height: 820px;
  background: url(../images/kiwi_bg.jpg)  top center no-repeat;
}

#contents_block .products_orange {
  width: 100%;
  height: 820px;
  background: url(../images/orange_bg.jpg)  top center no-repeat;
}

#contents_block div.product_area {
  position: absolute;
  bottom:5%;
  left: 0;
  overflow: hidden;
  width: 100%;
}

#contents_block .product_area ul{
  overflow: hidden;
  width: 980px;
  margin: auto;
  list-style: none;


}
#contents_block .product_area ul li{
  margin-left: 10px;
  float: left;
}
#contents_block .product_area ul li:first-child{
  margin-left: 0;
}

#contents_block div.product_area ul li.first-child{
  width: 300px;
  margin-left: 0px;
}



/* スマホTOP商品 */
.top #contents_block.smp {
  background: #e3eff6;
}

#contents_block.smp .top_productsMenu ul{
  letter-spacing: -.4em;
}

#contents_block.smp .top_productsMenu ul li{
  letter-spacing: normal;
  margin: 20px 30px 10px;
}
#contents_block.smp .top_productsMenu ul li.top_grape{
  margin: 50px 150px 10px;
}

#contents_block.smp .top_productsMenu ul li a {
  width: 185px;
  height: 300px;
  display: block;
  text-indent: -9999px;
  text-decoration: none;
}
/*#contents_block.smp .top_productsMenu ul li.top_melon a { margin:12px 0 0; }*/
#contents_block.smp .top_productsMenu ul li.top_mango a { margin:12px 0 0; }
#contents_block.smp .top_productsMenu ul li.top_grape a { margin: 22px 0 0 ; }
#contents_block .top_productsMenu.sp ul li a{ margin-right: 0; margin-left: 0; }
#contents_block .top_productsMenu.sp ul li.top_grape a { background: url(../images/sp_pack_grape.png) 0px 0px no-repeat; background-size: 100%;}
/*#contents_block .top_productsMenu.sp ul li.top_pear a { background: url(../images/sp_pack_pear.png) 0px 0px no-repeat; background-size: 100%; margin: 22px 20px 0;}*/
/*#contents_block .top_productsMenu.sp ul li.top_kiwi a { background: url(../images/sp_pack_kiwi.png) 0px 0px no-repeat; margin-top:5px; background-size: 100%;}*/

/*#contents_block .top_productsMenu.sp ul li.top_orange a { background: url(../images/sp_pack_orenge.png) 0px 0px no-repeat; margin-top:5px; background-size: 100%;}*/

#contents_block .top_productsMenu.sp ul li.top_peach a { background: url(../images/sp_pack_peaches.png) 0px 0px no-repeat; margin-top:5px; background-size: 100%;}

/*#contents_block .top_productsMenu.sp ul li.top_choco a { background: url(../images/sp_pack_choco.png) 0px 0px no-repeat; margin-top:5px; background-size: 100%;}*/

/*#contents_block .top_productsMenu.sp ul li.top_melon a { background: url(../images/sp_pack_melon.png) 0px 0px no-repeat; margin-top:5px; background-size: 100%;}*/

#contents_block .top_productsMenu.sp ul li.top_mango a { background: url(../images/sp_pack_mango.png) 0px 0px no-repeat; margin-top:5px; background-size: 100%;}

/*#contents_block .top_productsMenu.sp ul li.top_cafe a { background: url(../images/sp_pack_cafe.png) 0px 0px no-repeat; margin-top:5px; background-size: 100%; margin-top: 20px;}*/

#contents_block.smp .sp.copytext{
  font-size: 30px;
  margin-bottom: 30px;
}
#contents_block.smp .sp_text {
  margin-top: 40px;
}
#contents_block.smp .sp_text p{
  margin: 20px 0 0;
}

/* スマホ対応メニュー */
#contents_block #footmenu_area {
  width: 100%;
  display: inline;
}

#contents_block .products_smpMenu {
  width: 100%;
  height: 200px;
}

#contents_block .products_smpMenu ul {
  width: 980px;
  list-style: none;
  margin: 0 auto;
}

#contents_block .products_smpMenu ul li {
  height: 200px;
  float: left;
  font-size:0;
}

/* スマホ対応　商品ページ */
#contents_block.smp .sp{
  display: block;
}
#contents_block.smp .products{
  background: none;
  height: 950px !important;
}
#contents_block.smp .products.smp_grape{
  background: url(../images/first_product_bg_sp.jpg) 0 0 no-repeat;
  height: 1380px!important;
  position: relative;
}
#contents_block.smp .products.smp_grape .label{
  margin: 660px 0 35px;
}

#contents_block.smp .products.smp_grape h1{
  padding-top: 33px;
}

#contents_block.smp .products.smp_peach{
  background: url(../images/second_product_bg_sp.jpg) 0 0 no-repeat;
  height: 1270px!important;
}
#contents_block.smp .products.smp_peach .label{
  padding: 670px 0 30px;
}

#contents_block.smp .products.smp_melon{
  background: url(../images/third_product_bg_sp.jpg) 0 0 no-repeat;
  height: 1270px!important;
  margin-bottom: 50px;
}
#contents_block.smp .products.smp_melon .label{
  padding: 680px 0 40px;
}
#contents_block.smp .products.smp_melon .smp_img{
  /*margin-top: 50px;*/
}
#contents_block.smp .products.smp_mango{
  background: url(../images/third_product_bg_sp.jpg) 0 0 no-repeat;
  height: 1290px!important;
  margin-bottom: 50px;
}
#contents_block.smp .products.smp_mango .label{
  padding: 670px 0 30px;
}
#contents_block.smp .products.smp_mango .smp_img{
  /*margin-top: 50px;*/
}

#contents_block.smp .products.smp_choco{
  background: url(../images/fourth_product_bg_sp.jpg) 0 0 no-repeat;
  height: 1100px !important;
}
#contents_block.smp .products.smp_peach .smp_img{
/*  margin-top: 45px;*/
}
#contents_block.smp .products_area {
  width: 100%;
  height: auto;
  margin: 0 auto;
  background: none;
  overflow: hidden;
}
#contents_block.smp .products_area .smp_img{
  padding: 18px 0 10px;
}
#contents_block.smp .products_area .smp_img.choco{
  padding: 0 0 15px;
}
#contents_block.smp .products_area .grape{
  padding: 0 ;
}
#contents_block.smp .products_area .orange{
  padding: 85px 0 10px;
}
#contents_block.smp .products_area .mintext{
  overflow: hidden;
}
#contents_block.smp .products.smp_choco .products_area .mintext{
  margin: 20px 0 30px;
}
#contents_block.smp .products_area p.left{
  display: inline-block;
  float: left;
  margin-left: 50px;
  margin-top: 30px;
}
#contents_block.smp .products_area p.right{
  display: inline-block;
  float: right;
  margin-right: 6%;
  margin-top: 15px;
}
  .sp_copy{
     margin:50px 0;
  }
  .sp_copy p{
  font-size:30px;
}

.mt50{
  margin-top: 50px!important;
}
/* スマホ対応 ぶどう */
#contents_block div.grape_area_smp {
  width: 100%;
  height: 200px;
  background: #e475b3;
}

/* スマホ対応 もも */
#contents_block div.peach_area_smp {
  width: 100%;
  height: 200px;
  background: #f87b83;
}

/* スマホ対応 オレンジ */
#contents_block div.orange_area_smp {
  width: 100%;
  height: 200px;
  background: #F4AB82;
}

/* スマホ対応 りんご */
#contents_block div.apple_area_smp {
  width: 100%;
  height: 200px;
  background: #E894A6;
}

/* スマホ対応 カフェオレ */
#contents_block div.cafe_area_smp {
  width: 100%;
  height: 200px;
  background: #be976d;
}

/* スマホ対応 パインアップル */
#contents_block div.pineapple_area_smp {
  width: 100%;
  height: 200px;
  background: #FFCC33;
}

/* スマホ対応 梨 */
#contents_block div.pear_area_smp {
  width: 100%;
  height: 200px;
  background: #fda74b;
}

/* スマホ対応 抹茶オレ */
#contents_block div.matcha_area_smp {
  width: 100%;
  height: 200px;
  background: #83a830;
}
/* スマホ対応 キウイ */
#contents_block div.kiwi_area_smp {
  width: 100%;
  height: 200px;
  background: #cdc402;
}


#contents_block hr {
    height: 4px;
  margin: 0;
  padding: 0;
  border: 0;
  background: #FFC3E7;
}

#contents_block div.products_footerMenu_border {
    height: 2px;
  margin: 0;
  padding: 2px 0 0 0;
  border: 0;
  background: #FFC3E7;
  /*display: inline;*/
  font-size: 0px
}


/*********/
/* しちゃってみ */
/*********/
#contents_block .mi_header_bg {
  width: 100%;
  height: 132px;
  background: url(../images/15_title_mi.jpg) top left repeat-x;
}

#contents_block .mi_header {
  width: 100%;
  height: 132px;
  background: url(../images/15_title_mi.jpg) center top repeat-x;
}

#contents_block .mi_header h1 {
  width: 980px;
  height: 132px;
  background: url(../images/15_title_mi.jpg) center top no-repeat;
  text-indent: -9999px;
  margin: 0 auto;
}

#contents_block .mi_contents_bg{
  width: 100%;
  height: auto;
  position: relative;
}
/*@-moz-document url-prefix() {
  #contents_block .mi_contents_bg{
    height: 1670px;
  }
}*/
#contents_block .mi_contents_bg.fix{
  height: 1500px;
}
#contents_block .mi_contents{
  height: 835px;
  position: relative;
  top: 0;
  width: 100%;
}
#contents_block .mi_contents.fix{
  position: absolute;
}
#contents_block .mi_contents h2{
  width: 980px;
  height: 835px;
  text-indent: -9999px;
  margin: 0 auto;
}
#contents_block .mi_contents .btn{
  position: absolute;
  left: 50%;
  margin-left: -264px;
  bottom: 44px;
}
#contents_block .mi_contents .btn a:hover img{
  opacity(.7);
}
#contents_block .mi_contents.soda{
  background: url(../images/15_mi_soda.jpg) center top no-repeat;
}
#contents_block .mi_contents.milk{
  background: url(../images/15_mi_milk.jpg) center top no-repeat;
  z-index: 10;
}
#contents_block .mi_contents.soda.fix{
  background: url(../images/15_mi_soda.jpg) center top no-repeat;
  position: fixed;
  top: 192px;
}
#contents_block .mi_contents.yorgurt{
  background: url(../images/15_mi_yoghurt.jpg) center top no-repeat;
}
#contents_block .mi_contents.choco{
  background: url(../images/16_mi_choco.jpg) center top no-repeat;
}
/*#contents_block #gnav_icenomi {
    background: #652d88;
    _zoom: 1;
}*/
#contents_block #menuUnder.fix {
    position: fixed;
    top: 1052px;
}


#interval{
  position: fixed;
  z-index: 9999;
}
/*********/
/* TV-CM */
/*********/
#contents_block .cm_header_bg {
  width: 100%;
  height: 290px;
  background: url(../images/cm_title.jpg) top left repeat-x;
}

#contents_block.smp .cm_header_bg {
  background: none;
}

#contents_block .cm_header {
  width: 100%;
  height: 290px;
  background: url(../images/cm_title.jpg) center top repeat-x;
}

#contents_block.smp .cm_header {
  width: 640px;
  height: 270px;
  background: url(../images/cm_title_sp.jpg) center top no-repeat;
}

#contents_block .cm_header h1{
  text-indent: -9999px;
  margin: 0 auto;
  text-align: left;
}

#contents_block .cm_header h1.pc{
  width: 100%;
  height: 270px;
  background: url(../images/cm_title.jpg) center top no-repeat;
  text-indent: -9999px;
  margin: 0 auto;
  text-align: left;
}

#contents_block .cm_header h1.sp{
  background: url(../images/cm_title_sp.jpg) center top no-repeat;
  text-indent: -9999px;
  margin: 0 auto;
  width: 100%;
}

/*     */

#contents_block .pclayout .cm_copy{
  margin: 60px auto 40px;
  font-size: 18px;
}

#contents_block .smplayout{
  font-size: 30px;
  line-height: 1.8;
}

#contents_block .smplayout .cm_copy{
  width: 80%;
  margin:50px auto;
}

/*#contents_block .movie_outline{
  background-color: #e2e2f8;
  padding: 0 0 30px;
  margin-bottom: 50px;
}*/
#contents_block .movie_item{
  width: 980px;
  overflow: hidden;
  /*border-bottom: 1px solid #ccc;*/
}
#contents_block.smp .movie_item{
  width: 640px;
}

#contents_block .movie_item.last-child{
  border-bottom: none;
}


#contents_block .movie_item .slideBg{ position: relative; }
#contents_block .movie_item .slideBg p{
  position: absolute;
  top: 0;
  left: 0;
}
#contents_block .movie_item img{
  max-width: 100%;
  height: auto;
}

#contents_block .movie_item .title{
  margin-bottom: 30px;
}

#contents_block .box_r p{
  margin-bottom: 20px;
}

/* PC Layout */
#contents_block .pclayout .movie_item{
margin: 0 auto;
padding: 70px 0 20px;
}

#contents_block .movie_item.first-child{
  padding-top: 20px;
}
#contents_block .pclayout .box_l{
  float: left;
  width: 530px;
}
#contents_block .pclayout .box_l span{
  font-size: 15px;
}
#contents_block .pclayout .slideBg,#contents_block .pclayout .slideBg p{
  height: 320px;
  width: 530px;
  font-size: 14px;
}

#contents_block .pclayout .box_r{
  float: right;
  width:420px;
}
#contents_block .pclayout .box_r .title{
  /*margin-left: 55px;*/
}

#contents_block .pclayout .title{
  /*width: 420px;*/
  /*margin-left: 110px;*/
}
#contents_block .pclayout .movie_btn{
 /*width: 420px;*/
 margin: 0 auto;
 /*margin-left: 110px;*/
  }
  #contents_block .pclayout .movie_btn img{
 width: 300px;
  }

/* SMP Layout */

#contents_block .smplayout .movie_item{
  margin: 0 auto 100px;
  /*padding-bottom: 100px;*/
}
#contents_block .smplayout .movie_item .title{
  margin-bottom: 0;
}
#contents_block .smplayout .box_l{
  width: 540px;
  margin: 0 auto 20px;
  font-size: 30px;
}
#contents_block .smplayout .box_l img{
  width:100%;
  height: auto;
}
#contents_block .smplayout .box_l p.sp{
margin-top:20px;
}
#contents_block .smplayout .slideBg,#contents_block .smplayout .slideBg p{
  height: 303px;
  width: auto;
}


#contents_block .smplayout .box_r .sp{
  width: 480px;
  margin: 0 auto;
}
#contents_block .smplayout .sp img{
  width: 540px;
  height: auto;
  margin: 0 auto;
}
#contents_block .cm_download {
  margin: 70px 0;
}
#contents_block .cm_download img:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}

#contents_block .icenomi_copy_cm {
  font-size: 16px;
  text-align: center;
  margin: 50px auto;
}
#contents_block.smp .icenomi_copy_cm {
  font-size: 30px;
}

#contents_block .icenomi_copy_cm2 {
  font-size: 16px;
  text-align: center;
  margin: 20px auto 50px auto;
}

/****************/
/* ダウンロード */
/****************/

/* ダウンロード＆レシピ */
#contents_block .dl_header {
  width: 100%;
  height: 171px;
  background: url(../images/13_dl_title.jpg) center top no-repeat #662C85;
}

#contents_block .dl_header h1 {
  width: 980px;
  height: 171px;
  background: url(../images/13_dl_title.jpg) center top no-repeat;
  text-indent: -9999px;
  margin: 0 auto;
}

#contents_block ul.dl_bt {
  width: 980px;
  list-style: none;
  margin: 30px auto 70px auto;
}

#contents_block .dl_bt li.towp,
#contents_block .dl_bt li.torecipe {
  float: left;
  margin-right: 12px;
}

#contents_block .dl_bt li.toappli {
  float: right;
}




/**********************/
/* アプリダウンロード */
/**********************/
#contents_block .appli_cs {
  width: 100%;
  height: 467px;
  background: url(../images/13_appli_cs.jpg) center top no-repeat #FF5F07;
}
#contents_block .appli_cs h1,
#contents_block .appli_cs p {
  display: none;
}

#contents_block .icenomi_copy_app {
  font-size: 16px;
  text-align: center;
  margin: 50px auto;
  font-weight: bold;
  line-height: 180%;
  word-spacing: 0.2em;
}



/* 壁紙ダウンロード */
#contents_block .wp_header {
  width: 100%;
  height: 290px;
  background: url(../images/wallpaper_title.jpg) center top no-repeat;
}

#contents_block .wp_header h1 {
  width: 980px;
  height: 290px;
  background: url(../images/wallpaper_title.jpg) center top no-repeat;
  text-indent: -9999px;
  margin: 0 auto;
}

#contents_block .download_title_area {
  width: 100%;
  height: 278px;
  background: url(../images/13_download_titlebg.gif) center top repeat-x;
}

#contents_block .download_title {
  width: 100%;
  height: 185px;
  background: url(../images/13_download_title.jpg) top center no-repeat;
}

#contents_block .download_mainarea {
  width: 990px;
  margin: 0 auto;
  text-align: center;
  color: #333333;
  font-size: 14px;
}

#contents_block .download_mainarea p.txt_18b {
  font-size: 14px;
  /*font-weight: bold;*/
  color: #000;
  margin: 50px auto -10px auto;
}

#contents_block .desktop_s_title {
  margin: 50px 0 25px;
}


#contents_block .download_box {
  width: 980px;
  height: 406px;
  margin: 20px auto 0 auto;
  padding-bottom: 50px;
  border-bottom: solid #ccc 1px ;
}

#contents_block .download_box_l {
  width: 570px;
  float: left;
}

#contents_block .download_box_r {
  width: 380px;
  float: right;
  margin-top: 5px;
}

#contents_block .download_box ul {
  list-style: none;
  text-align: left;
  margin: 20px 0 20px 0;
  text-align: center;
}

#contents_block .download_box ul li {
  margin-bottom: 10px;
}
#contents_block .download_box ul li img{
  vertical-align: top;
}

#contents_block .download_box ul li img:hover{
  opacity: 0.7;
}

#contents_block .download_mainarea p.txt_18r {
  font-size: 18px;
  font-weight: bold;
  color: #e70013;
  margin: 65px auto;
}

#contents_block .download_inner {
  min-width: 980px;
  text-align: left;
  margin: 0 0 110px 0;
  padding: 0;
  line-height: 180%;
}

#contents_block .download_inner h4 {
  margin: 44px 0;

}
#contents_block .download_inner dt {
  color: #000;
  font-weight: bold;
  margin: 20px 0 0 0;
  padding:0 10px;
  font-size: 16px;
}
#contents_block .download_inner dd {
  background: #fff;
  padding: 0 10px;
  font-size: 14px;
}
#contents_block .download_inner p {
  background: #fff;
  padding: 0 10px;
}
#contents_block .download_inner p strong{
  background: #fff;
  font-size: 20px;
  line-height: 2em;

}

#contents_block .wallpape_banner {
  width: 980px;
  list-style: none;
  margin: 30px auto 50px auto;
}

#contents_block .wallpape_banner li.torecipe {
  float: left;
  margin: 0 auto;
}

#contents_block .wallpape_banner li.toappli {
  float: right;
}

#contents_block .new {
  width: 455px;
  height: 25px;
  background: url(../images/13_download_new.jpg) left top no-repeat;
  text-indent: -9999px;
  margin-left: 25px;
}

#contents_block p.no_new {
  margin: 25px 0 0 0;
}

/*smplayout*/
#contents_block.smplayout{
  max-width: 640px;
  height: auto;
  box-sizing: border-box;
  overflow: hidden;
}
#contents_block.smp .wp_header {
  width: 640px;
  height: 278px;
  background: url(../images/wallpaper_title_sp.jpg) center top no-repeat;
}

#contents_block.smp .wp_header h1 {
  width: 640px;
  height: auto;
  background: url(../images/wallpaper_title_sp.jpg) center top no-repeat;
  text-indent: -9999px;
  margin: 0 auto;
}

/*#contents_block .download_title_area {
  width: 100%;
  height: 278px;
  background: url(../images/13_download_titlebg.gif) center top repeat-x;
}

#contents_block .download_title {
  width: 100%;
  height: 185px;
  background: url(../images/13_download_title.jpg) top center no-repeat;
}*/

#contents_block .download_mainarea {
  width: 990px;
  margin: 0 auto;
  text-align: center;
  color: #333333;
  font-size: 14px;
}

#contents_block.smp .download_mainarea {
  width: 640px;
}
#contents_block.smp .download_mainarea p.txt_18b {
  font-size: 30px;
  /*font-weight: bold;*/
  line-height: 2em;
  color: #000;
  margin: 28px auto 25px auto;
}

#contents_block .desktop_s_title {
  margin: 50px 0 25px;
}


#contents_block .download_box {
  width: 980px;
  height: 406px;
  margin: 45px auto 0 auto;
  padding-bottom: 50px;
  border-bottom: solid #ccc 1px ;
}
#contents_block.smp .download_box {
  width: 640px;
  height: auto;
}
#contents_block .download_box_l {
  width: 570px;
  float: left;
}

#contents_block.smp .download_box_l ,#contents_block.smp .download_box_r {
  width: 640px;
  float: none;
  padding-top: 20px;
}

#contents_block.smp .download_box_r {
  /*width: 380px;*/
  /*float: right;*/
  margin-top: 5px;
  /*margin-bottom: 80px;*/
}

#contents_block.smp .download_box ul {
  list-style: none;
  margin-top: 30px;
  text-align: center;
}

#contents_block .download_box ul li {
  margin-bottom: 10px;
}
#contents_block.smp .download_box ul li img{
  vertical-align: top;
  margin: 0 auto;

}

#contents_block .download_box ul li img:hover{
  opacity: 0.7;
}

#contents_block .download_mainarea p.txt_18r {
  font-size: 20px;
  font-weight: bold;
  color: #e70013;
  margin: 65px auto;
}

#contents_block .download_inner {
  min-width: 980px;
  text-align: left;
  margin: 0 0 110px 0;
  padding: 0;
  line-height: 180%;
}
#contents_block.smp .download_inner {
  clear: both;
  min-width: 97%;
  padding: 0 15px;
}
#contents_block.smp .download_inner h4 .sp{
  width: 94%;
  margin: 44px 20px;
  padding:20px 0;
  background-color: #6a61ae;
  color: white;
  text-align: center;
  border-radius: 50px;

}
#contents_block.smp .download_inner dt {
  color: #000;
  font-weight: bold;
  margin: 20px 0 20px 0;
  padding:0 10px;
  font-size: 16px;
}
#contents_block .download_inner dd {
  background: #fff;
  padding: 10px 10px;
  font-size: 14px;
}
#contents_block .download_inner p {
  background: #fff;
  padding: 0 10px;
}
#contents_block.smp .download_inner p strong{
  background: #fff;
  font-size: 20px;
  padding-top: 5px;
  line-height: 1.2em;

}

#contents_block .wallpape_banner {
  width: 980px;
  list-style: none;
  margin: 30px auto 50px auto;
}

#contents_block .wallpape_banner li.torecipe {
  float: left;
  margin: 0 auto;
}

#contents_block .wallpape_banner li.toappli {
  float: right;
}

#contents_block .new {
  width: 455px;
  height: 25px;
  background: url(../images/13_download_new.jpg) left top no-repeat;
  text-indent: -9999px;
  margin-left: 25px;
}

#contents_block p.no_new {
  margin: 25px 0 0 0;
}




/* バナー アイスの実ックス */
#contents_block .banner_area {
  width: 980px;
  margin: 50px auto 50px auto;
}

#contents_block .banner_area a p.to_mix {
  width: 980px;
  height: 160px;
  background: url(../share_images/13_banner_mix.jpg) 0px 0px no-repeat;
  margin: 0 auto 5px auto;
  display: block;
  text-decoration: none;
  text-indent: -9999px;
}

#contents_block .banner_area a:hover p.to_mix {
  background-position: 0 -162px;
  display: block;
  text-decoration: none;
  text-indent: -9999px;
}

#contents_block .banner_area_h {
  width: 980px;
  margin: 20px auto 50px auto;
}

#contents_block .banner_area_h a p.to_mix {
  width: 980px;
  height: 160px;
  background: url(../share_images/13_banner_mix.jpg) 0px 0px no-repeat;
  margin: 0 auto 5px auto;
  display: block;
  text-decoration: none;
  text-indent: -9999px;
}

#contents_block .banner_area_h a:hover p.to_mix {
  background-position: 0 -162px;
  display: block;
  text-decoration: none;
  text-indent: -9999px;
}


/* バナー QUOカード */
#contents_block .banner_area_quo {
  width: 980px;
  margin: 50px auto 50px auto;
}

#contents_block .banner_area_quo a p.to_quo {
  width: 980px;
  height: 160px;
  background: url(../share_images/14_banner_mix.jpg) 0px 0px no-repeat;
  margin: 0 auto 5px auto;
  display: block;
  text-decoration: none;
  text-indent: -9999px;
}

#contents_block .banner_area_h {
  width: 980px;
  margin: 0px auto 50px auto;
}

#contents_block .banner_area_h a p.to_quo {
  width: 980px;
  height: 160px;
  background: url(../share_images/14_banner_quo.jpg) 0px 0px no-repeat;
  margin: 0 auto 5px auto;
  display: block;
  text-decoration: none;
  text-indent: -9999px;
}

#contents_block .banner_area_h a:hover p.to_quo {
  background-position: 0 -162px;
  display: block;
  text-decoration: none;
  text-indent: -9999px;
}

/* バナー パズドラ */
#contents_block .banner_area_puzzle {
  width: 980px;
  margin: 50px auto 50px auto;
}

#contents_block .banner_area_puzzle a p.to_puzzle {
  width: 980px;
  height: 160px;
  background: url(../share_images/14_banner_puzzle.jpg) 0px 0px no-repeat;
  margin: 0 auto 5px auto;
  display: block;
  text-decoration: none;
  text-indent: -9999px;
}

/* バナー 大人のデザートアイス */
#contents_block .banner_area_otona {
  width: 980px;
  margin: 50px auto 50px auto;
}
#contents_block.smp .banner_area_otona {
  width: 95%;
  margin: 50px auto 50px auto;
}
#contents_block .banner_area_otona a p.to_otona {
  width: 980px;
  height: 220px;
  background: url(../share_images/14_bnr_otona.jpg) 0px 0px no-repeat;
  margin: 0 auto 5px auto;
  display: block;
  text-decoration: none;
  text-indent: -9999px;
}
#contents_block .banner_area_otona a p.to_otona:hover {
  background: url(../share_images/14_bnr_otona_on.jpg) 0px 0px no-repeat;
}

#contents_block .banner_area_otona a:hover img{
  opacity: 0.85;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
}

/* バナー グリコアイスを買ってLINEギフトコードを当てよう！ */
#contents_block .banner_area_line {
  width: 980px;
  margin: 50px auto 50px auto;
}
#contents_block .banner_area_otona a p.to_line {
  width: 980px;
  height: 240px;
  background: url(../share_images/15_bnr_line.jpg) 0px 0px no-repeat;
  margin: 0 auto 5px auto;
  display: block;
  text-decoration: none;
  text-indent: -9999px;
}
#contents_block .banner_area_otona a p.to_line:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}
/* バナー み */
#contents_block .banner_area_otona a p.to_mi {
  width: 980px;
  height: 160px;
  background: url(../share_images/15_bnr_mi.jpg) 0px 0px no-repeat;
  margin: 0 auto 5px auto;
  display: block;
  text-decoration: none;
  text-indent: -9999px;
}
#contents_block .banner_area_otona a p.to_mi:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
}



/* フラッシュ非表示 */
#contents_block #movie {
  position: relative;
}
#contents_block .nf_img {
  background:url(../images/15_nf_img.jpg) center no-repeat;
  background-size: 100% auto;
  width:100%;
  height:690px;
  position: relative;
}
#contents_block .nf_img2 {
  background:url(../images/14_2_nf_img_2.jpg) center no-repeat;
  width:100%;
  height:770px;
  display: none;
  position: absolute;
}
#contents_block .nf_img3 {
  background:url(../images/14_2_nf_img_3.jpg) center no-repeat;
  width:100%;
  height:770px;
  display: none;
  position: absolute;
}

#contents_block .nf_img h1{
  position: absolute;
  z-index: -1;
}


#contents_block .nf_img_recipe {
  background:url(../images/nf_img_recipe.jpg) center no-repeat;
  width:100%;
  height:900px;
}

#contents_block.smp .nf_img {
  background:url(../images/16_smp_nf_img.jpg) center no-repeat;
  width:100%;
  height:610px;
  position: relative;
}


/*CM＿再生*/
#contents_block .mov_main {
  background-color:#FFF;
  margin:50px 0 0 0;

}

#contents_block .movt1 {
  font-size:16px;
  font-weight: bold;
  color:#333;
  margin:15px 0 10px;
  line-height:100%;

}

#contents_block .movt2 {
  font-size:14px;
  color:#666;
  margin:0px 0 10px 0;
  line-height:100%;

}


#contents_block .movt1_sp {
  font-size:26px;
  color:#333;
  margin:15px 0 15px 0;
  line-height:100%;

}

#contents_block .movt2_sp {
  font-size:22px;
  color:#333;
  margin:0px 0 10px 0;
  line-height:100%;

}


#contents_block .cm_back_b a {
  width: 402px;
  height: 62px;
  display: block;
  text-indent: -9999px;
  text-decoration: none;
  background: url(../images/13_cm_back_b.gif) top left no-repeat;
  margin: 40px auto 50px auto;
}

#contents_block .cm_back_b a:hover {
  width: 402px;
  height: 62px;
  display: block;
  text-indent: -9999px;
  text-decoration: none;
  background: url(../images/13_cm_back_b-over.gif) top left no-repeat;
  margin: 40px auto 50px auto;
}


/****************/
/* シェアボタン　スマートフォン */
/****************/

#contents_block .cm_copy_sp {
  width: 980px;
  text-align: center;
  font-size: 28px;
  margin: 30px auto 30px auto;
  line-height: 160%;
}

#contents_block .sharebox_sp {
  width: 100%;
  margin: 100px auto;
  text-align: center;
}

#contents_block .shere_area_sp {
  width: 980px;
  margin: 0 auto;
}

#contents_block .ps_share2_sp {
  width:510px;
  height: 80px;
  margin: 0 auto;
  border: 1px solid #999;
  vertical-align: middle;
}

#contents_block .ps_share2_sp ul {
  vertical-align: middle;
  list-style: none;
  margin: 0;
  padding: 0;
}

#contents_block .ps_share2_sp ul li {
  display: block;
  float: left;
  padding: 10px 10px 0 10px;
}

#contents_block .ps_share2_sp ul li.share_w {padding: 20px 10px 0 10px;}
#contents_block .ps_share2_sp ul li.icon_g {padding: 8px 10px 0 10px;}


/*レシピ注釈*/

#contents_block .recipeImg{
  margin:30px 0 0px 0;
}

#contents_block .recipe_cTxt1{
  margin:10px 0 30px 0;
  font-size:14px;
}

#contents_block .recipe_cTxt2{
  margin:30px 0 0px 0;
  font-size:16px;
}


#contents_block #group_navi{
  width: 980px;
}