
#debug{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
	font-size: 10px;
	visibility: hidden;
}

/*----------------------------------------------------
 contents_block
--------------------------------------------------- */
#tiffany #contents_block{
	width: 100%;
	padding-top: 53px;
	position: relative;
}

@media only screen and (max-width: 768px) {
	#tiffany #contents_block{
		padding-top: 44px;
		padding-bottom: 44px;
	}
}
#tiffany.noneFreeScroll #contents_block{
}


/*----------------------------------------------------
 top_block
--------------------------------------------------- */
#tiffany .top_block{
}
#tiffany .top_block .block{
	position: relative;
}
#tiffany .top_block .block .block_area{
	position: relative;
}
#tiffany .top_block .block .title{
	height: 52px;
	line-height: 52px;
	background: #85d7d1;
    font-family: 'Playfair Display', serif;
    font-size: 27px;
    text-align: center;
}
#tiffany .top_block .block .title span.sh{
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
#tiffany .top_block .block ul.list li{
	opacity: 0;
  -webkit-transform: translate(0%,20px);
     -moz-transform: translate(0%,20px);
      -ms-transform: translate(0%,20px);
       -o-transform: translate(0%,20px);
          transform: translate(0%,20px);

}
#tiffany .top_block .block.view ul.list li{
/*	opacity: 1;
    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
  -webkit-transform: translate(0%,0px);
     -moz-transform: translate(0%,0px);
      -ms-transform: translate(0%,0px);
       -o-transform: translate(0%,0px);
          transform: translate(0%,0px);*/
}
#tiffany .top_block .block.view ul.list li:nth-child(1){
	opacity: 1;
    -webkit-transition: all 0.5s 0.0s ease;
       -moz-transition: all 0.5s 0.0s ease;
        -ms-transition: all 0.5s 0.0s ease;
         -o-transition: all 0.5s 0.0s ease;
            transition: all 0.5s 0.0s ease;
  -webkit-transform: translate(0%,0px);
     -moz-transform: translate(0%,0px);
      -ms-transform: translate(0%,0px);
       -o-transform: translate(0%,0px);
          transform: translate(0%,0px);
}
#tiffany .top_block .block.view ul.list li:nth-child(2){
	opacity: 1;
    -webkit-transition: all 0.5s 0.1s ease;
       -moz-transition: all 0.5s 0.1s ease;
        -ms-transition: all 0.5s 0.1s ease;
         -o-transition: all 0.5s 0.1s ease;
            transition: all 0.5s 0.1s ease;
  -webkit-transform: translate(0%,0px);
     -moz-transform: translate(0%,0px);
      -ms-transform: translate(0%,0px);
       -o-transform: translate(0%,0px);
          transform: translate(0%,0px);
}
#tiffany .top_block .block.view ul.list li:nth-child(3){
	opacity: 1;
    -webkit-transition: all 0.5s 0.2s ease;
       -moz-transition: all 0.5s 0.2s ease;
        -ms-transition: all 0.5s 0.2s ease;
         -o-transition: all 0.5s 0.2s ease;
            transition: all 0.5s 0.2s ease;
  -webkit-transform: translate(0%,0px);
     -moz-transform: translate(0%,0px);
      -ms-transform: translate(0%,0px);
       -o-transform: translate(0%,0px);
          transform: translate(0%,0px);
}
#tiffany .top_block .block.view ul.list li:nth-child(4){
	opacity: 1;
    -webkit-transition: all 0.5s 0.3s ease;
       -moz-transition: all 0.5s 0.3s ease;
        -ms-transition: all 0.5s 0.3s ease;
         -o-transition: all 0.5s 0.3s ease;
            transition: all 0.5s 0.3s ease;
  -webkit-transform: translate(0%,0px);
     -moz-transform: translate(0%,0px);
      -ms-transform: translate(0%,0px);
       -o-transform: translate(0%,0px);
          transform: translate(0%,0px);
}
#tiffany .top_block .block.view ul.list li:nth-child(5){
	opacity: 1;
    -webkit-transition: all 0.5s 0.4s ease;
       -moz-transition: all 0.5s 0.4s ease;
        -ms-transition: all 0.5s 0.4s ease;
         -o-transition: all 0.5s 0.4s ease;
            transition: all 0.5s 0.4s ease;
  -webkit-transform: translate(0%,0px);
     -moz-transform: translate(0%,0px);
      -ms-transform: translate(0%,0px);
       -o-transform: translate(0%,0px);
          transform: translate(0%,0px);
}
#tiffany .top_block .block.view ul.list li:nth-child(6){
	opacity: 1;
    -webkit-transition: all 0.5s 0.5s ease;
       -moz-transition: all 0.5s 0.5s ease;
        -ms-transition: all 0.5s 0.5s ease;
         -o-transition: all 0.5s 0.5s ease;
            transition: all 0.5s 0.5s ease;
  -webkit-transform: translate(0%,0px);
     -moz-transform: translate(0%,0px);
      -ms-transform: translate(0%,0px);
       -o-transform: translate(0%,0px);
          transform: translate(0%,0px);
}
#tiffany .top_block .block.view ul.list li:nth-child(7){
	opacity: 1;
    -webkit-transition: all 0.5s 0.6s ease;
       -moz-transition: all 0.5s 0.6s ease;
        -ms-transition: all 0.5s 0.6s ease;
         -o-transition: all 0.5s 0.6s ease;
            transition: all 0.5s 0.6s ease;
  -webkit-transform: translate(0%,0px);
     -moz-transform: translate(0%,0px);
      -ms-transform: translate(0%,0px);
       -o-transform: translate(0%,0px);
          transform: translate(0%,0px);
}
#tiffany .top_block .block.view ul.list li:nth-child(8){
	opacity: 1;
    -webkit-transition: all 0.5s 0.7s ease;
       -moz-transition: all 0.5s 0.7s ease;
        -ms-transition: all 0.5s 0.7s ease;
         -o-transition: all 0.5s 0.7s ease;
            transition: all 0.5s 0.7s ease;
  -webkit-transform: translate(0%,0px);
     -moz-transform: translate(0%,0px);
      -ms-transform: translate(0%,0px);
       -o-transform: translate(0%,0px);
          transform: translate(0%,0px);
}
#tiffany .top_block .block.view ul.list li:nth-child(9){
	opacity: 1;
    -webkit-transition: all 0.5s 0.8s ease;
       -moz-transition: all 0.5s 0.8s ease;
        -ms-transition: all 0.5s 0.8s ease;
         -o-transition: all 0.5s 0.8s ease;
            transition: all 0.5s 0.8s ease;
  -webkit-transform: translate(0%,0px);
     -moz-transform: translate(0%,0px);
      -ms-transform: translate(0%,0px);
       -o-transform: translate(0%,0px);
          transform: translate(0%,0px);
}
#tiffany .top_block .block.view ul.list li:nth-child(10){
	opacity: 1;
    -webkit-transition: all 0.5s 0.9s ease;
       -moz-transition: all 0.5s 0.9s ease;
        -ms-transition: all 0.5s 0.9s ease;
         -o-transition: all 0.5s 0.9s ease;
            transition: all 0.5s 0.9s ease;
  -webkit-transform: translate(0%,0px);
     -moz-transform: translate(0%,0px);
      -ms-transform: translate(0%,0px);
       -o-transform: translate(0%,0px);
          transform: translate(0%,0px);
}



@media only screen and (max-width: 768px) {

	#tiffany .top_block .block .title{
		height: 44px;
		line-height: 44px;
	    font-size: 21px;
	}
}

/*----------------------------------------------------
 top_scene
--------------------------------------------------- */
#tiffany #top_scene{
	position: relative;
	width: 100%;
}
#tiffany #top_scene .block{

}
#tiffany #top_scene .block .textarea{
	position: absolute;
	width: 33.4333%;
	height: 33.3333%;
}
#tiffany #top_scene .block .textarea .inner{
	position: absolute;
	top: 50%;
	left: 0%;
	width: 100%;
  -webkit-transform: translate(0%,-50%);
     -moz-transform: translate(0%,-50%);
      -ms-transform: translate(0%,-50%);
       -o-transform: translate(0%,-50%);
          transform: translate(0%,-50%);
          margin-top: 10px;
}
#tiffany #top_scene .block .textarea .inner h3{
	/*font-size: 17px;*/
	font-size: 1.24vw;
	/*line-height: 27px;*/
	line-height: 1.97vw;
	text-align: center;
	padding: 0 20px;
	/*margin-bottom: 17px;*/
	margin-bottom: 1.24vw;
}
#tiffany #top_scene .block .textarea .inner p{
	/*font-size: 17px;*/
	font-size: 1.24vw;
	/*line-height: 17px;*/
	line-height: 1.24vw;
	text-align: center;
	font-family: 'Playfair Display', serif;
}
#tiffany #top_scene .block ul.list{

}
#tiffany #top_scene .block ul.list li{
	position: absolute;
}
#tiffany #top_scene .block ul.list li a{
	display: block;
	position: relative;
}
#tiffany #top_scene .block ul.list li a p{
	position: absolute;
	bottom: 12px;
	left: 12px;
	color: #FFF;
	font-size: 18px;
	font-family: 'Playfair Display', serif;
	text-shadow: 1px 1px 3px #000;
}
#tiffany #top_scene .block ul.list li a p .sh{
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
#tiffany #top_scene .block ul.list li a p .num{
	font-family: 'Libre Baskerville', serif;
}
#tiffany #top_scene .block ul.list li a .image{
	width: 100%;
	overflow: hidden;
}
#tiffany #top_scene .block ul.list li a .image img{
	width: 100%;
	height: auto;
    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
  -webkit-transform: scale3d(1.0,1.0,1.0) translate3d(0px,0px,0px) rotate(0deg);
     -moz-transform: scale3d(1.0,1.0,1.0) translate3d(0px,0px,0px) rotate(0deg);
      -ms-transform: scale3d(1.0,1.0,1.0) translate3d(0px,0px,0px) rotate(0deg);
       -o-transform: scale3d(1.0,1.0,1.0) translate3d(0px,0px,0px) rotate(0deg);
          transform: scale3d(1.0,1.0,1.0) translate3d(0px,0px,0px) rotate(0deg);
}
#tiffany #top_scene .block ul.list li a:hover .image img{
  -webkit-transform: scale3d(1.05,1.05,1.05) translate3d(0px,0px,0px) rotate(0deg);
     -moz-transform: scale3d(1.05,1.05,1.05) translate3d(0px,0px,0px) rotate(0deg);
      -ms-transform: scale3d(1.05,1.05,1.05) translate3d(0px,0px,0px) rotate(0deg);
       -o-transform: scale3d(1.05,1.05,1.05) translate3d(0px,0px,0px) rotate(0deg);
          transform: scale3d(1.05,1.05,1.05) translate3d(0px,0px,0px) rotate(0deg);
}
#tiffany #top_scene .block ul.list.pos01 li:nth-child(1){
	top: 0%;
	left: 50%;
	width: 16.7666%;
}
#tiffany #top_scene .block ul.list.pos01 li:nth-child(2){
	top: 0%;
	left: 33.3333%;
	width: 16.7666%;
}
#tiffany #top_scene .block ul.list.pos01 li:nth-child(3){
	top: 0%;
	left: 66.6666%;
	width: 33.4333%;
}
#tiffany #top_scene .block ul.list.pos01 li:nth-child(4){
	top: 33.33333%;
	left: 33.3333%;
	width: 16.7666%;
}
#tiffany #top_scene .block ul.list.pos01 li:nth-child(5){
	top: 33.33333%;
	left: 50%;
	width: 16.7666%;
}
#tiffany #top_scene .block ul.list.pos01 li:nth-child(6){
	top: 66.6666%;
	left: 33.3333%;
	width: 16.7666%;
}
#tiffany #top_scene .block ul.list.pos01 li:nth-child(7){
	top: 66.6666%;
	left: 50%;
	width: 16.7666%;
}
#tiffany #top_scene .block ul.list.pos01 li:nth-child(8){
	top: 33.3333%;
	left: 0;
	width: 33.4333%;
}
#tiffany #top_scene .block ul.list.pos01 li:nth-child(9){
	top: 66.6666%;
	left: 66.6666%;
	width: 16.7666%;
}
#tiffany #top_scene .block ul.list.pos01 li:nth-child(10){
	top: 66.6666%;
	left: 83.3326%;
	width: 16.7666%;
}
#tiffany #top_scene .block ul.list.pos02 li:nth-child(1){
	top: 33.3333%;
	left: 0;
	width: 16.7666%;
}
#tiffany #top_scene .block ul.list.pos02 li:nth-child(2){
	top: 33.3333%;
	left: 16.6666%;
	width: 16.7666%;
}
#tiffany #top_scene .block ul.list.pos02 li:nth-child(3){
	top: 0%;
	left: 33.3333%;
	width: 33.4333%;
}
#tiffany #top_scene .block ul.list.pos02 li:nth-child(4){
	top: 66.6666%;
	left: 16.6666%;
	width: 16.7666%;
}
#tiffany #top_scene .block ul.list.pos02 li:nth-child(5){
	top: 66.6666%;
	left: 0;
	width: 16.7666%;
}
#tiffany #top_scene .block ul.list.pos02 li:nth-child(6){
	top: 66.6666%;;
	left: 33.3333%;
	width: 16.7666%;
}
#tiffany #top_scene .block ul.list.pos02 li:nth-child(7){
	top: 66.6666%;;
	left: 50%;
	width: 16.7666%;
}
#tiffany #top_scene .block ul.list.pos02 li:nth-child(8){
	top: 33.3333%;;
	left: 66.66666%;
	width: 33.4333%;
}
#tiffany #top_scene .block ul.list.pos02 li:nth-child(9){
	top: 0%;;
	left: 83.3326%;
	width: 16.7666%;
}
#tiffany #top_scene .block ul.list.pos02 li:nth-child(10){
	top: 0%;;
	left: 66.6666%;
	width: 16.7666%;
}

@media only screen and (max-width: 768px) {
	#tiffany #top_scene .block_area {
		height: 199.73333vw;
	}
	#tiffany #top_scene .block .textarea{
		position: relative;
		width: 66.6666%;
		height: 33.33333vw;
		vertical-align: top;
	}
	#tiffany #top_scene .block .textarea .inner{
		margin-top: 0;
	}
	#tiffany #top_scene .block .textarea .inner h3{
		font-size: 12px;
		line-height: 20px;
		margin-bottom: 0px;
	}
	#tiffany #top_scene .block .textarea .inner p{
		font-size: 10px;
		line-height: 11px;
	}
	#tiffany #top_scene .block ul.list{
		overflow: hidden;

	}
	#tiffany #top_scene .block ul.list li{
	}
	#tiffany #top_scene .block ul.list li a p{
		bottom: 7px;
		left: 7px;
		font-size: 14px;
	}
	#tiffany #top_scene .block ul.list.pos01 li:nth-child(1),
	#tiffany #top_scene .block ul.list.pos02 li:nth-child(1){
		top: 0%;
		left: 66.6666%;
		width: 33.3333%;
	}

	#tiffany #top_scene .block ul.list.pos01 li:nth-child(2),
	#tiffany #top_scene .block ul.list.pos02 li:nth-child(2){
		top: 16.66666%;
		left: 0%;
		width: 33.3333%;
	}
	#tiffany #top_scene .block ul.list.pos01 li:nth-child(3),
	#tiffany #top_scene .block ul.list.pos02 li:nth-child(3){
		top: 16.66666%;
		left: 33.3333333%;
		width: 66.66666%;
	}
	#tiffany #top_scene .block ul.list.pos01 li:nth-child(4),
	#tiffany #top_scene .block ul.list.pos02 li:nth-child(4){
		top: 33.33333%;
		left: 0%;
		width: 33.3333%;
	}
	#tiffany #top_scene .block ul.list.pos01 li:nth-child(5),
	#tiffany #top_scene .block ul.list.pos02 li:nth-child(5){
		top: 50%;
		left: 0%;
		width: 33.3333%;
	}
	#tiffany #top_scene .block ul.list.pos01 li:nth-child(6),
	#tiffany #top_scene .block ul.list.pos02 li:nth-child(6){
		top: 50%;
		left: 33.3333%;
		width: 33.3333%;
	}
	#tiffany #top_scene .block ul.list.pos01 li:nth-child(7),
	#tiffany #top_scene .block ul.list.pos02 li:nth-child(7){
		top: 50%;
		left: 66.6666%;
		width: 33.3333%;
	}
	#tiffany #top_scene .block ul.list.pos01 li:nth-child(8),
	#tiffany #top_scene .block ul.list.pos02 li:nth-child(8){
		top: 66.66666%;
		left: 0%;
		width: 66.66666%;
	}
	#tiffany #top_scene .block ul.list.pos01 li:nth-child(9),
	#tiffany #top_scene .block ul.list.pos02 li:nth-child(9){
		top: 66.6666%;
		left: 66.6666%;
		width: 33.3333%;
	}
	#tiffany #top_scene .block ul.list.pos01 li:nth-child(10),
	#tiffany #top_scene .block ul.list.pos02 li:nth-child(10){
		top: 83.3326%;
		left: 66.6666%;
		width: 33.3333%;
	}
	#tiffany #top_scene .block ul.list li a:hover .image img{
	  -webkit-transform: scale3d(1.1,1.1,1.1) translate3d(0px,0px,0px) rotate(0deg);
	     -moz-transform: scale3d(1.1,1.1,1.1) translate3d(0px,0px,0px) rotate(0deg);
	      -ms-transform: scale3d(1.1,1.1,1.1) translate3d(0px,0px,0px) rotate(0deg);
	       -o-transform: scale3d(1.1,1.1,1.1) translate3d(0px,0px,0px) rotate(0deg);
	          transform: scale3d(1.1,1.1,1.1) translate3d(0px,0px,0px) rotate(0deg);
	}
}
/*----------------------------------------------------
 top_time
--------------------------------------------------- */
#tiffany #top_time{
	position: relative;
	width: 100%;
}
#tiffany #top_time .list{
	letter-spacing: -0.4em;
}
#tiffany #top_time .list li{
	letter-spacing: normal;
	display: inline-block;
	width: 20%;
	vertical-align: top;
}
#tiffany #top_time ul.list li a{
	display: block;
	position: relative;
}
#tiffany #top_time ul.list li a p{
	position: absolute;
	bottom: 20px;
	left: 20px;
	color: #FFF;
	font-size: 22px;
	font-family: 'Playfair Display', serif;
}
#tiffany #top_time ul.list li a .image{
	width: 100%;
	overflow: hidden;
}
#tiffany #top_time ul.list li a .image img{
	width: 100%;
	height: auto;
    -webkit-transition: all 0.5s ease;
       -moz-transition: all 0.5s ease;
        -ms-transition: all 0.5s ease;
         -o-transition: all 0.5s ease;
            transition: all 0.5s ease;
}
#tiffany #top_time ul.list li a:hover .image img{
  -webkit-transform: scale3d(1.05,1.05,1.05) translate3d(0px,0px,0px) rotate(0deg);
     -moz-transform: scale3d(1.05,1.05,1.05) translate3d(0px,0px,0px) rotate(0deg);
      -ms-transform: scale3d(1.05,1.05,1.05) translate3d(0px,0px,0px) rotate(0deg);
       -o-transform: scale3d(1.05,1.05,1.05) translate3d(0px,0px,0px) rotate(0deg);
          transform: scale3d(1.05,1.05,1.05) translate3d(0px,0px,0px) rotate(0deg);
}
@media only screen and (max-width: 768px) {
	#tiffany #top_time .block .title {
	    /*height: 50px;
	    line-height: 50px;
	    background: #FFF;
	    color: #85d7d1;
	    font-size: 21px;
	    border-bottom: 10px #85d7d1 solid;
	    text-align: center;*/
	}
	#tiffany #top_time .list{
		overflow: hidden;
	}
	#tiffany #top_time .list li{
		width: 33.333333%;
	}
	#tiffany #top_time ul.list li a p{
		position: absolute;
		bottom: 7px;
		left: 7px;
		font-size: 14px;
	}
	#tiffany #top_time ul.list li a:hover .image img{
	  -webkit-transform: scale3d(1.1,1.1,1.1) translate3d(0px,0px,0px) rotate(0deg);
	     -moz-transform: scale3d(1.1,1.1,1.1) translate3d(0px,0px,0px) rotate(0deg);
	      -ms-transform: scale3d(1.1,1.1,1.1) translate3d(0px,0px,0px) rotate(0deg);
	       -o-transform: scale3d(1.1,1.1,1.1) translate3d(0px,0px,0px) rotate(0deg);
	          transform: scale3d(1.1,1.1,1.1) translate3d(0px,0px,0px) rotate(0deg);
	}
}

