/*----------------------------------------------------
 mainvisual
--------------------------------------------------- */
#tiffany #mainvisual{
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
#tiffany #mainvisual .image{
	position: fixed;
	z-index: 1;
	top: 53px;
	left: 0px;
	height: 100%;
	height : -webkit-calc(100% - 106px) ;
	height : calc(100% - 106px) ;
    -webkit-transition: all 0.9s 0s ease;
       -moz-transition: all 0.9s 0s ease;
        -ms-transition: all 0.9s 0s ease;
         -o-transition: all 0.9s 0s ease;
            transition: all 0.9s 0s ease;

}
#tiffany #mainvisual .image img{
	height: 100%;
	width: auto;
    -webkit-transition: all 0.9s 0s ease;
       -moz-transition: all 0.9s 0s ease;
        -ms-transition: all 0.9s 0s ease;
         -o-transition: all 0.9s 0s ease;
            transition: all 0.9s 0s ease;
}
#tiffany #mainvisual.out .image{
  -webkit-transform:translate(0%,-100%);
     -moz-transform:translate(0%,-100%);
      -ms-transform:translate(0%,-100%);
       -o-transform:translate(0%,-100%);
          transform:translate(0%,-100%);
          opacity: 0;
}
#tiffany #mainvisual .textarea{
	position: fixed;
	z-index: 1;
	top: 50%;
	left: 50%;
  -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: 4px;
}
#tiffany #mainvisual .textarea.out{
    -webkit-transition: all 0.9s 0s ease;
       -moz-transition: all 0.9s 0s ease;
        -ms-transition: all 0.9s 0s ease;
         -o-transition: all 0.9s 0s ease;
            transition: all 0.9s 0s ease;
            top:-50%;
}
#tiffany #mainvisual .textarea .timearea{
	/*margin-bottom: 20px;*/
	margin-bottom: 1.46vw;
	opacity: 0;
  -webkit-transform:translate(20px,0px);
     -moz-transform:translate(20px,0px);
      -ms-transform:translate(20px,0px);
       -o-transform:translate(20px,0px);
          transform:translate(20px,0px);
}
#tiffany #mainvisual.view .textarea .timearea{
	opacity: 1;
    -webkit-transition: all 0.8s 0.2s ease;
       -moz-transition: all 0.8s 0.2s ease;
        -ms-transition: all 0.8s 0.2s ease;
         -o-transition: all 0.8s 0.2s ease;
            transition: all 0.8s 0.2s ease;
  -webkit-transform:translate(0px,0px);
     -moz-transform:translate(0px,0px);
      -ms-transform:translate(0px,0px);
       -o-transform:translate(0px,0px);
          transform:translate(0px,0px);
}
#tiffany #mainvisual .textarea .timearea .time{
	/*font-size: 21px;*/
	font-size: 1.53vw;
    font-family: 'Playfair Display', serif;
}

#tiffany #mainvisual .textarea .timearea .time .sh{
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
#tiffany #mainvisual .textarea .timearea .time .num{
	font-family: 'Libre Baskerville', serif;
}
#tiffany #mainvisual .textarea .timearea .category{
	/*font-size: 21px;*/
	font-size: 1.53vw;
    font-family: 'Playfair Display', serif;
    color:#22C8BD;
}

#tiffany #mainvisual .textarea .timearea .category .sh{
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
#tiffany #mainvisual .textarea .timearea .category:before{
	content: "|";
	padding-left: 10px;
	margin-right: 10px;
}
#tiffany #mainvisual .textarea h1{
	font-size: 2.34vw;
	/*font-size: 32px;*/
    font-family: 'Playfair Display', serif;
	/*margin-bottom: 30px;*/
	margin-bottom: 2.19vw;
	opacity: 0;
    -webkit-transition: all 0.8s 0.3s ease;
       -moz-transition: all 0.8s 0.3s ease;
        -ms-transition: all 0.8s 0.3s ease;
         -o-transition: all 0.8s 0.3s ease;
            transition: all 0.8s 0.3s ease;
  -webkit-transform:translate(20px,0px);
     -moz-transform:translate(20px,0px);
      -ms-transform:translate(20px,0px);
       -o-transform:translate(20px,0px);
          transform:translate(20px,0px);
}
#tiffany #mainvisual.view .textarea h1{
	opacity: 1;
  -webkit-transform:translate(0px,0px);
     -moz-transform:translate(0px,0px);
      -ms-transform:translate(0px,0px);
       -o-transform:translate(0px,0px);
          transform:translate(0px,0px);
}
#tiffany #mainvisual .textarea p{
	font-size: 1.317vw;
	/*font-size: 18px;*/
    font-family: 'Playfair Display', serif;
	opacity: 0;
    -webkit-transition: all 0.8s 0.4s ease;
       -moz-transition: all 0.8s 0.4s ease;
        -ms-transition: all 0.8s 0.4s ease;
         -o-transition: all 0.8s 0.4s ease;
            transition: all 0.8s 0.4s ease;
  -webkit-transform:translate(20px,0px);
     -moz-transform:translate(20px,0px);
      -ms-transform:translate(20px,0px);
       -o-transform:translate(20px,0px);
          transform:translate(20px,0px);
}
#tiffany #mainvisual.view .textarea p{
	opacity: 1;
  -webkit-transform:translate(0px,0px);
     -moz-transform:translate(0px,0px);
      -ms-transform:translate(0px,0px);
       -o-transform:translate(0px,0px);
          transform:translate(0px,0px);
}
#tiffany #mainvisual .textarea p .and{
	font-family: 'Libre Baskerville', serif;
}

@media only screen and (max-width: 768px) {
	#tiffany #mainvisual .image{
		top: auto;
		bottom:44px;
		left: 0px;
		width: 100%;
		height: 96.1vw;
		/*height: 90.1vw;*/
		overflow: hidden;
	}
	#tiffany #mainvisual .image img{
		position: absolute;
		top: 0;
		left: 0;
		height: auto;
		width: 100%;
	}
	#tiffany #mainvisual .textarea{
		position: fixed;
		z-index: 1;
		top: 40px;
		left: 0%;
		width: 100%;
	  -webkit-transform:translate(0%,0%);
	     -moz-transform:translate(0%,0%);
	      -ms-transform:translate(0%,0%);
	       -o-transform:translate(0%,0%);
	          transform:translate(0%,0%);
	          text-align: center;
	}
	#tiffany #mainvisual .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%);
	          text-align: center;
	}
	#tiffany #mainvisual .textarea .timearea{
		margin-bottom: 5px;
	}
	#tiffany #mainvisual .textarea .timearea .time{
		/*font-size: 14px;*/
		font-size: 3.7vw;
	}
	#tiffany #mainvisual .textarea .timearea .category{
		/*font-size: 14px;*/
		font-size: 3.7vw;
	}
	#tiffany #mainvisual .textarea h1{
		/*font-size: 28px;*/
		font-size: 7.2vw;
		/*margin-bottom: 15px;*/
		margin-bottom: 2vw;
	}
	#tiffany #mainvisual .textarea p{
		/*font-size: 14px;*/
		font-size: 3.3vw;1
	}

}
@media only screen and (min-width: 640px) and (max-width: 768px) {
	#tiffany #mainvisual .textarea .timearea .time{
		font-size: 14px;
	}
	#tiffany #mainvisual .textarea .timearea .category{
		font-size: 14px;
	}
	#tiffany #mainvisual .textarea h1{
		font-size: 28px;
		margin-bottom: 15px;
	}
	#tiffany #mainvisual .textarea p{
		font-size: 14px
	}
}
@media only screen and (max-width: 320px) {
	#tiffany #mainvisual .image{
		top: auto;
		bottom:44px;
		left: 0px;
		width: 100%;
		height: 89.1vw;
		overflow: hidden;
	}
	#tiffany #mainvisual .textarea .timearea {
	    margin-bottom: 5px;
	}
	#tiffany #mainvisual .textarea .timearea .time{
		font-size: 11px;
	}
	#tiffany #mainvisual .textarea .timearea .category{
		font-size: 11px;
	}
	#tiffany #mainvisual .textarea h1{
		font-size: 21px;
		margin-bottom: 7px;
	}
	#tiffany #mainvisual .textarea p{
		font-size: 11px;
	}
}
/*----------------------------------------------------
 productvisual
--------------------------------------------------- */
#tiffany #productvisual{
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
}
#tiffany #productvisual .image{
	position: fixed;
	z-index: 1;
	top: 53px;
	left: 0px;
	height: 100%;
	height : -webkit-calc(100% - 106px) ;
	height : calc(100% - 106px) ;
    -webkit-transition: all 0.9s 0s ease;
       -moz-transition: all 0.9s 0s ease;
        -ms-transition: all 0.9s 0s ease;
         -o-transition: all 0.9s 0s ease;
            transition: all 0.9s 0s ease;

}
#tiffany #productvisual .image img{
	height: 100%;
	width: auto;
	opacity: 1;
    -webkit-transition: all 0.9s 0s ease;
       -moz-transition: all 0.9s 0s ease;
        -ms-transition: all 0.9s 0s ease;
         -o-transition: all 0.9s 0s ease;
            transition: all 0.9s 0s ease;
  -webkit-transform:translate(0px,100%);
     -moz-transform:translate(0px,100%);
      -ms-transform:translate(0px,100%);
       -o-transform:translate(0px,100%);
          transform:translate(0px,100%);
}
#tiffany #productvisual.view .image img{
	opacity: 1;
  -webkit-transform:translate(0px,0%);
     -moz-transform:translate(0px,0%);
      -ms-transform:translate(0px,0%);
       -o-transform:translate(0px,0%);
          transform:translate(0px,0%);
}
#tiffany #productvisual.out .image{

  -webkit-transform:translate(0%,-100%);
     -moz-transform:translate(0%,-100%);
      -ms-transform:translate(0%,-100%);
       -o-transform:translate(0%,-100%);
          transform:translate(0%,-100%);
}
@media only screen and (max-width: 768px) {
	#tiffany #productvisual .image{
		top: auto;
		bottom:44px;
		left: 0px;
		width: 100%;
		height: 96vw;
	}
	#tiffany #productvisual .image img{
		position: absolute;
		top: 0;
		left: 0;
		height: auto;
		width: 100%;
	}
	#tiffany #productvisual.out .image{
	    -webkit-transition: all 0.9s 0s ease;
	       -moz-transition: all 0.9s 0s ease;
	        -ms-transition: all 0.9s 0s ease;
	         -o-transition: all 0.9s 0s ease;
	            transition: all 0.9s 0s ease;

	  -webkit-transform:translate(0%,-150%);
	     -moz-transform:translate(0%,-150%);
	      -ms-transform:translate(0%,-150%);
	       -o-transform:translate(0%,-150%);
	          transform:translate(0%,-150%);
	}
}

@media only screen and (max-width: 320px) {
	#tiffany #productvisual .image{
		top: auto;
		bottom:44px;
		left: 0px;
		width: 100%;
		height: 89.1vw;
		overflow: hidden;
	}
}
/*----------------------------------------------------
 comment
--------------------------------------------------- */
#tiffany #comment{
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: #FFF;
}
#tiffany #comment .inner{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 760px;
	margin-left: -380px;
	text-align: center;
  -webkit-transform: translate(0%,-50%);
     -moz-transform: translate(0%,-50%);
      -ms-transform: translate(0%,-50%);
       -o-transform: translate(0%,-50%);
          transform: translate(0%,-50%);
}
#tiffany #comment .inner h2{
	font-size: 27px;
	color: #22C8BD;
	font-family: "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	margin-bottom: 50px;
/*    -webkit-transition: all 0.8s 0s ease;
       -moz-transition: all 0.8s 0s ease;
        -ms-transition: all 0.8s 0s ease;
         -o-transition: all 0.8s 0s ease;
            transition: all 0.8s 0s ease;
  -webkit-transform: translate(0%,20px);
     -moz-transform: translate(0%,20px);
      -ms-transform: translate(0%,20px);
       -o-transform: translate(0%,20px);
          transform: translate(0%,20px);
          opacity: 0;*/
}
#tiffany #comment.view .inner h2{
	opacity: 1;
  -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 #comment .inner p{
	text-align: left;
	font-size: 13px;
	line-height: 21px;
	color: #616161;
	margin-bottom: 25px;
	border-bottom: 1px #61D8D0 solid;
	padding-bottom: 25px;
/*          opacity: 0;
    -webkit-transition: all 0.8s 0.2s ease;
       -moz-transition: all 0.8s 0.2s ease;
        -ms-transition: all 0.8s 0.2s ease;
         -o-transition: all 0.8s 0.2s ease;
            transition: all 0.8s 0.2s ease;*/
}
#tiffany #comment.view .inner p{
	opacity: 1;
}
#tiffany #comment .inner .credit{
	text-align: left;
	font-size: 11px;
	line-height: 25px;
	color: #616161;
/*          opacity: 0;
    -webkit-transition: all 0.8s 0.2s ease;
       -moz-transition: all 0.8s 0.2s ease;
        -ms-transition: all 0.8s 0.2s ease;
         -o-transition: all 0.8s 0.2s ease;
            transition: all 0.8s 0.2s ease;*/
}
#tiffany #comment.view .inner .credit{
	opacity: 1;
}

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

	#tiffany #comment .inner{
		position: absolute;
		top: 50%;
		left: 5.1%;
		width: 89.8%;
		margin-left: 0px;
	}
	#tiffany #comment .inner h2{
		/*font-size: 21px;*/
		font-size: 5.6vw;
		/*line-height: 28px;*/
		line-height: 7.46vw;
		/*margin-bottom: 20px;*/
		margin-bottom: 5.3vw;
		text-align: left;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	}
	#tiffany #comment .inner p{
		/*font-size: 15px;*/
		font-size: 4vw;
		/*line-height: 23px;*/
		line-height: 6.1vw;
		margin-bottom: 10px;
		border-bottom: 1px #61D8D0 solid;
		padding-bottom: 10px;
	}
	#tiffany #comment .inner .credit{
		/*font-size: 11px;*/
		font-size: 2.9vw;
		/*line-height: 18px;*/
		line-height: 4.8vw;
	}
}

@media only screen and (max-width: 320px) {
	#tiffany #comment .inner h2{
		/*font-size: 21px;*/
		font-size: 17px
		/*line-height: 28px;*/
		line-height: 24px;
		/*margin-bottom: 20px;*/
		margin-bottom: 5.3vw;
	}
	#tiffany #comment .inner p{
		/*font-size: 15px;*/
		font-size: 12px;
		/*line-height: 23px;*/
		line-height: 20px;
		margin-bottom: 7px;
		border-bottom: 1px #61D8D0 solid;
		padding-bottom: 7px;
	}
	#tiffany #comment .inner .credit{
		/*font-size: 11px;*/
		font-size: 9px;
		/*line-height: 18px;*/
		line-height: 15px;
	}
}
/*----------------------------------------------------
 interview_entrance
--------------------------------------------------- */
#tiffany #interview_entrance{
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	background: #FFF;
}
#tiffany #interview_entrance a{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: block;
}
#tiffany #interview_entrance .bg{
	position: absolute;
	top: 53px;
	left: 0px;
	width: 100%;
	height: 100%;
	height : -webkit-calc(100% - 106px) ;
	height : calc(100% - 106px) ;
	background: #000;
    -webkit-transition: all 0.8s 0s ease;
       -moz-transition: all 0.8s 0s ease;
        -ms-transition: all 0.8s 0s ease;
         -o-transition: all 0.8s 0s ease;
            transition: all 0.8s 0s ease;
}
/*#tiffany #interview_entrance.view .bg{
	opacity: 1;
}*/
#tiffany #interview_entrance .bg img{
	height: 100%;
	width: auto;
	opacity: 1;
}
#tiffany #interview_entrance.view .bg img{
	opacity: 0.5;
    -webkit-transition: all 0.8s 0.5s ease;
       -moz-transition: all 0.8s 0.5s ease;
        -ms-transition: all 0.8s 0.5s ease;
         -o-transition: all 0.8s 0.5s ease;
            transition: all 0.8s 0.5s ease;
}
#tiffany #interview_entrance .inner{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 760px;
	margin-left: -380px;
	text-align: center;
  -webkit-transform: translate(0%,-50%);
     -moz-transform: translate(0%,-50%);
      -ms-transform: translate(0%,-50%);
       -o-transform: translate(0%,-50%);
          transform: translate(0%,-50%);
}
#tiffany #interview_entrance .interview{
	margin-bottom: 25px;
/*    -webkit-transition: all 0.8s 0s ease;
       -moz-transition: all 0.8s 0s ease;
        -ms-transition: all 0.8s 0s ease;
         -o-transition: all 0.8s 0s ease;
            transition: all 0.8s 0s ease;
  -webkit-transform: translate(0%,20px);
     -moz-transform: translate(0%,20px);
      -ms-transform: translate(0%,20px);
       -o-transform: translate(0%,20px);
          transform: translate(0%,20px);
          opacity: 0;*/
}
#tiffany #interview_entrance.view .interview{
	opacity: 1;
    -webkit-transition: all 0.8s 1.5s ease;
       -moz-transition: all 0.8s 1.5s ease;
        -ms-transition: all 0.8s 1.5s ease;
         -o-transition: all 0.8s 1.5s ease;
            transition: all 0.8s 1.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 #interview_entrance .interview .vol{
	font-size: 21px;
    font-family: 'Playfair Display', serif;
    color: #FFF;
}
#tiffany #interview_entrance .interview .category{
	font-size: 21px;
    font-family: 'Playfair Display', serif;
    color: #22C8BD;
}
#tiffany #interview_entrance .interview .category:before{
	content: "|";
	padding-left: 10px;
	margin-right: 10px;
}

#tiffany #interview_entrance .name{
	font-size: 42px;
    font-family: 'Playfair Display', serif;
	margin-bottom: 30px;
    color: #FFF;
/*    -webkit-transition: all 0.8s 0s ease;
       -moz-transition: all 0.8s 0s ease;
        -ms-transition: all 0.8s 0s ease;
         -o-transition: all 0.8s 0s ease;
            transition: all 0.8s 0s ease;
  -webkit-transform: translate(0%,20px);
     -moz-transform: translate(0%,20px);
      -ms-transform: translate(0%,20px);
       -o-transform: translate(0%,20px);
          transform: translate(0%,20px);
          opacity: 0;*/
}
#tiffany #interview_entrance.view .name{
	opacity: 1;
    -webkit-transition: all 0.8s 1.6s ease;
       -moz-transition: all 0.8s 1.6s ease;
        -ms-transition: all 0.8s 1.6s ease;
         -o-transition: all 0.8s 1.6s ease;
            transition: all 0.8s 1.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 #interview_entrance p{
	font-size: 21px;
	line-height: 33px;
	color: #22C8BD;
	width: 383px;
	margin: 0 auto;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	margin-bottom: 30px;

/*    -webkit-transition: all 0.8s 0s ease;
       -moz-transition: all 0.8s 0s ease;
        -ms-transition: all 0.8s 0s ease;
         -o-transition: all 0.8s 0s ease;
            transition: all 0.8s 0s ease;
  -webkit-transform: translate(0%,20px);
     -moz-transform: translate(0%,20px);
      -ms-transform: translate(0%,20px);
       -o-transform: translate(0%,20px);
          transform: translate(0%,20px);
          opacity: 0;*/
}
#tiffany #interview_entrance.view p{
	opacity: 1;
    -webkit-transition: all 0.8s 1.7s ease;
       -moz-transition: all 0.8s 1.7s ease;
        -ms-transition: all 0.8s 1.7s ease;
         -o-transition: all 0.8s 1.7s ease;
            transition: all 0.8s 1.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 #interview_entrance .btn{
	width: 383px;
	height: 63px;
	margin: 0 auto;
	border:1px #84D8D1 solid;
	color: #22C8BD;
	line-height: 63px;
	font-size: 15px;
	display: block;
/*    -webkit-transition: all 0.8s 0s ease;
       -moz-transition: all 0.8s 0s ease;
        -ms-transition: all 0.8s 0s ease;
         -o-transition: all 0.8s 0s ease;
            transition: all 0.8s 0s ease;
  -webkit-transform: translate(0%,20px);
     -moz-transform: translate(0%,20px);
      -ms-transform: translate(0%,20px);
       -o-transform: translate(0%,20px);
          transform: translate(0%,20px);
          opacity: 0;*/
}
#tiffany #interview_entrance.view .btn{
	opacity: 1;
    -webkit-transition: all 0.8s 1.8s ease;
       -moz-transition: all 0.8s 1.8s ease;
        -ms-transition: all 0.8s 1.8s ease;
         -o-transition: all 0.8s 1.8s ease;
            transition: all 0.8s 1.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);
}

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

	#tiffany #interview_entrance a{
	}
	#tiffany #interview_entrance .bg{
		position: absolute;
		top: 44px;
		left: 0px;
		width: 100%;
		height: 100%;
		height : -webkit-calc(100% - 88px) ;
		height : calc(100% - 88px) ;
	  -webkit-transform: translate(0%,0%);
	     -moz-transform: translate(0%,0%);
	      -ms-transform: translate(0%,0%);
	       -o-transform: translate(0%,0%);
	          transform: translate(0%,0%);
	}
	#tiffany #interview_entrance .bg img{
		position: absolute;
		top: 0;
		left: 50%;
		height: 100%;
		width: auto;
	  -webkit-transform: translate(-50%,0%);
	     -moz-transform: translate(-50%,0%);
	      -ms-transform: translate(-50%,0%);
	       -o-transform: translate(-50%,0%);
	          transform: translate(-50%,0%);
	}
	#tiffany #interview_entrance .inner{
		position: absolute;
		top: 50%;
		left: 0%;
		width: 100%;
		margin-left: 0px;
	}
	#tiffany #interview_entrance .interview{
		margin-bottom: 25px;
	}
	#tiffany #interview_entrance .interview .vol{
		font-size: 15px;
	}
	#tiffany #interview_entrance .interview .category{
		font-size: 15px;
	}
	#tiffany #interview_entrance .name{
		font-size: 30px;
		margin-bottom: 30px;
	}
	#tiffany #interview_entrance p{
		font-size: 17px;
		line-height: 27px;
		width: 89.8%;
		margin-bottom: 30px;
	}
	#tiffany #interview_entrance .btn{
		width: 89.8%;
		height: 50px;
		line-height: 50px;
		font-size: 12px;
	}

}
/*----------------------------------------------------
 comment_list
--------------------------------------------------- */
#tiffany #page_bottom{
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
	background: #FFF;
}
#tiffany #page_bottom #product{
	padding-top: 53px;
	padding-bottom: 70px;
}
#tiffany #comment_list{
	position: relative;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1;
}
#tiffany #comment_list h2{
	font-size: 30px;
	text-align: center;
	height: 53px;
	width: 100%;
	background: #84D8D1;
	font-family: 'Playfair Display', serif;
	color: #FFF;
	line-height: 53px;
	font-style: italic;
}

#tiffany #comment_list .list{
	letter-spacing: -0.4em;
	font-size: 0;
	overflow: hidden;
}
#tiffany #comment_list .list li{
	letter-spacing: normal;
	display: inline-block;
	width: 16.66666%;
	height: 100%;
	vertical-align: top;
}
#tiffany #comment_list .list li.block_title{
	width: 33.333333%;
	position: relative;
	height: 16.65vw;
}
#tiffany #comment_list .list li.block_title .inner{
	position: absolute;
	top: 50%;
	left: 0;
	width: 100%;
	text-align: center;
  -webkit-transform: translate(0%,-50%);
     -moz-transform: translate(0%,-50%);
      -ms-transform: translate(0%,-50%);
       -o-transform: translate(0%,-50%);
          transform: translate(0%,-50%);
}
#tiffany #comment_list .list li.block_title .inner .secens{
	color: #84D8D1;
	font-size: 36px;
	font-family: 'Playfair Display', serif;
	line-height: 1;
	margin-bottom: 30px;
}
#tiffany #comment_list .list li.block_title .inner p{
	font-size: 17px;
	line-height: 29px;
	color:#282828;
}
#tiffany #comment_list .list li.block_title .inner .secens .sh{
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
#tiffany #comment_list ul.list li a{
	display: block;
	position: relative;
}
#tiffany #comment_list ul.list li a p{
	position: absolute;
	bottom: 0px;
	left: 0px;
	width: 100%;
	padding: 20px;
	color: #FFF;
	font-size: 22px;
	font-family: 'Playfair Display', serif;
	text-shadow: 1px 1px 3px #000;
	z-index: 1;
  -webkit-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
     -moz-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
      -ms-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
       -o-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
          transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
}

#tiffany #comment_list ul.list li a p .sh{
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
#tiffany #comment_list ul.list li a p .num{
	font-family: 'Libre Baskerville', serif;
}
#tiffany #comment_list ul.list li a .image{
	width: 100%;
	overflow: hidden;
}
#tiffany #comment_list 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,1,1) translate3d(0px,0px,0px) rotate(0deg);
     -moz-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
      -ms-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
       -o-transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
          transform: scale3d(1,1,1) translate3d(0px,0px,0px) rotate(0deg);
}
#tiffany #comment_list 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 #page_bottom #product{
		padding-top: 53px;
		padding-bottom: 20px;
	}
	#tiffany #comment_list h2{
		font-size: 25px;
		text-align: center;
		height: 44px;
		line-height: 44px;
	}

	#tiffany #comment_list .list{
		padding-top: 0px;
		letter-spacing: -0.4em;
		background: #FFF;
	}
	#tiffany #comment_list .list li{
		width: 33.333333%;
	}
	#tiffany #comment_list .list li.block_title{
		width: 66.666666%;
		position: relative;
		height: 33.3333vw;
	}
	#tiffany #comment_list .list li.block_title .inner{
	}
	#tiffany #comment_list .list li.block_title .inner .secens{
		font-size: 22px;
		margin-bottom: 10px;
	}
	#tiffany #comment_list .list li.block_title .inner p{
		font-size: 12px;
		line-height: 20px;
	}
	#tiffany #comment_list ul.list li a p{
		position: absolute;
		bottom: 7px;
		left: 7px;
		width: 100%;
		padding: 0px;
		font-size: 14px;
		background:none;
	}
}