@charset "utf-8";
/*ナッツストーリーCSS*/

/*----------------------------------------
さわらび明朝
----------------------------------------*/
@font-face
{
font-family: Sawarabi Mincho;
src: url('/sweets/chocolate/almond/common/css/font/SawarabiMincho-Regular.woff')
     format("woff");
}

/*----------------------------------------
あおぞら明朝(さわらび明朝で不足する漢字を補うため)
----------------------------------------*/
@font-face
{
font-family: Aozora Mincho Medium;
src: url('/sweets/chocolate/almond/common/css/font/AozoraMinchoMedium.woff')
     format("woff");
}


/*----------------------------------------
コンテンツ
----------------------------------------*/
.report .content_inner {
  background: url(/sweets/chocolate/almond/report/images/bg.png) repeat #fff;
}

.report_cont_lead p{
  height: 90px;
  font-family: "Sawarabi Mincho","Aozora Mincho Medium",serif !important;
  font-size: 16px;
  text-align: center;
  transform: rotate(0.001deg);
}


.report_cont_main{
  display: flex;
  justify-content: space-between;
}

.report_cont_ca h1,
.report_cont_jp h1{
  margin: 0 !important;  
  padding: 0 !important;
  font-size: 0 !important;
}

.report_cont_ca h1:before,
.report_cont_jp h1:before{
  display:none;
}

.report_cont_ca,
.report_cont_jp{
  width:374px;
}

.report_cont {
  position: relative;
  border: 2px solid #cca65e;
  box-sizing: border-box;
  height: 531px;
  width: 890px;
  margin:0 auto;
  padding: 23px 36px 0 36px;
  z-index: 0;
}

.report_cont:after {
    border: 1px solid #cca65e;
    content: " ";
    height: calc(100% - 8px);
    left: 3px;
    position: absolute;
    top: 3px;
    width: calc(100% - 8px);
    z-index: -1;
}


.report_cont_main p{
  height: 80px;
  padding: 10px 0 0 0;
  font-family: "Sawarabi Mincho","Aozora Mincho Medium",serif !important;
  font-size: 14px;
  line-height: 150%;
  text-align: left;
  transform: rotate(0.001deg);
}

.report_cont_main h2,
.report_cont_main h2{
  padding-bottom: 15px;
  font-size: 0;
}

.report_cont_main .btn_modal{
  cursor: pointer;
}

.report_cont_main .btn_modal:hover{
  opacity: 0.7;
}


.remodal-wrapper,
.remodal{
  padding: 0 !important;
}

.remodal dd{
  margin: 0 !important;
}


/*movie*/

.remodal[data-remodal-id="report_modal_movie"]{
  background: none;
}

.remodal[data-remodal-id="report_modal_movie"] .movie_ttl{
  padding: 2% 0 0 0;
  font-family: "Sawarabi Mincho","Aozora Mincho Medium",serif;
  font-size:1.2rem;
  color: #fff;
  transform: rotate(0.001deg);
}

.remodal[data-remodal-id="report_modal_movie"] #movie_area{
  width: 640px;
  height:auto;
  border:2px solid #7b0d10;
  box-shadow: 0px -1px #cca65e,0px 1px #cca65e;
  margin:0 auto;
}

.remodal[data-remodal-id="report_modal_movie"] .remodal-close{
  width:82px;
  height: 30px;
  right:-22px;
  left:auto;
  top:-50px;
}

.remodal[data-remodal-id="report_modal_movie"] .remodal-close:before{
  width:82px;
  height: 30px;
  content: " ";
  background: url(/sweets/chocolate/almond/report/images/btn_close.png) 0 0 no-repeat;
  background-size: contain;
}



/*gallery*/
.gallery_content{
  width:640px;
}

.report_cont_gallery{
  background: none !important;
}

.report_cont_gallery img{
  width:100%;
  height:auto;
}

.report_cont_gallery dt {
  width: 453px;
  margin: 0 auto;  
}

.report_cont_gallery .slickslider{
  height:450px !important;
  width:640px !important;
  margin: 0;
  padding: 0;
  background: none !important;
  overflow: visible !important;
  display:none;
}

.report_cont_gallery .slick-initialized{
  display:block;
}

.report_cont_gallery .slick-slide p{
  padding:0 2.6%;
  font-family: "Sawarabi Mincho","Aozora Mincho Medium",serif;
  font-size:1.2rem;
  text-align: left;
  transform: rotate(0.001deg);
}

.report_cont_gallery .slick-slide{
  padding: 0;
  width: 640px !important;
  padding-bottom: 80px;
}

/*--前へ次へボタン--*/
.report .slick-prev, .slick-next{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 58px;
    height: 100px;
    position: absolute;
    top: 180px;
    padding: 0;
    z-index: 999;
    cursor : pointer;
}
.report .slick-prev{
	left: -58px;
}

.report .slick-next{
	right: -58px;
}

.report .slick-next:before{
	content: url(/sweets/chocolate/almond/report/images/btn_next_off.png);
	width: 58px;
	height: 112px;
	opacity: 1;
}
.report .slick-prev:before {
	content: url(/sweets/chocolate/almond/report/images/btn_prev_off.png);
	width: 58px;
	height: 112px;
	opacity: 1;
}
.report .slick-prev:hover,
.report .slick-next:hover{
	opacity: 0.7;
}


/*remodal*/

.report .remodal[data-remodal-id="report_modal_gallery_ca"],
.report .remodal[data-remodal-id="report_modal_gallery_jp"]{
  width: 640px;
  height: 440px;
  margin: 0;
}

.report .remodal[data-remodal-id="report_modal_gallery_ca"] .caption,
.report .remodal[data-remodal-id="report_modal_gallery_jp"] .caption{
  width:594px;
  height:93px;
  padding:10px;
  font-family: "Sawarabi Mincho","Aozora Mincho Medium",serif;
  font-size:14px;
  text-align: left;
  position: absolute;
  top:314px;
  left:20px;
  background: #fff;
  box-sizing: border-box;
  border:2px solid #cca65e;
}

.report .remodal[data-remodal-id="report_modal_gallery_ca"] .caption:after,
.report .remodal[data-remodal-id="report_modal_gallery_jp"] .caption:after{
  width:calc(100% - 12px);
  height:calc(100% - 12px);
  content: " ";
  border:1px solid #cca65e;
  position: absolute;
  top:5px;
  left:5px;
}


.report .remodal[data-remodal-id="report_modal_gallery_ca"] .remodal-close,
.report .remodal[data-remodal-id="report_modal_gallery_jp"] .remodal-close{
  width:82px;
  height: 30px;
  right:-49px;
  left:auto;
  top:-50px;
}

.report .remodal[data-remodal-id="report_modal_gallery_ca"] .remodal-close:before,
.report .remodal[data-remodal-id="report_modal_gallery_jp"] .remodal-close:before{
  width:82px;
  height: 30px;
  content: " ";
  background: url(/sweets/chocolate/almond/report/images/btn_close.png) 0 0 no-repeat;
  background-size: contain;
}

@media screen and (max-width: 1024px) {

}