@charset "utf-8";







/*====================================================































****************************************************/























.slick-slider







{







position: relative;















display: block;







box-sizing: border-box;















-webkit-user-select: none;







-moz-user-select: none;







-ms-user-select: none;







user-select: none;















-webkit-touch-callout: none;







-khtml-user-select: none;







-ms-touch-action: pan-y;







touch-action: pan-y;







-webkit-tap-highlight-color: transparent;







}















.slick-list







{







position: relative;















display: block;






















margin: 0;







padding: 0;







}







.slick-list:focus







{







outline: none;







}







.slick-list.dragging







{







cursor: pointer;







cursor: hand;







}















.slick-slider .slick-track,







.slick-slider .slick-list







{







-webkit-transform: translate3d(0, 0, 0);







-moz-transform: translate3d(0, 0, 0);







-ms-transform: translate3d(0, 0, 0);







-o-transform: translate3d(0, 0, 0);







transform: translate3d(0, 0, 0);







}















.slick-track







{







position: relative;







top: 0;







left: 0;















display: block;







}







.slick-track:before,







.slick-track:after







{







display: table;















content: '';







}







.slick-track:after







{







clear: both;







}







.slick-loading .slick-track







{







visibility: hidden;







}















.slick-slide







{







/*display: none;*/







/* float: left;*/























min-height: 1px;







-webkit-transition: all 0.3s;







-moz-transition: all 0.3s;







-ms-transition: all 0.3s;







-o-transition: all 0.3s;







transition: all 0.3s;







}







[dir='rtl'] .slick-slide







{







float: right;







}







.slick-slide img







{







/*width:100%;*/







display: block;







}















.slick-slide.slick-loading img







{







display: none;







}







.slick-slide.dragging img







{







pointer-events: none;







}







.slick-initialized .slick-slide







{







display: inline-block;







vertical-align: top;







}







.slick-loading .slick-slide







{







visibility: hidden;







}







.slick-vertical .slick-slide







{







display: block;















height: auto;















border: 1px solid transparent;







}







.slick-arrow.slick-hidden {







display: none;







}















@charset 'UTF-8';







/* Slider */















/* Arrows */







.slick-prev,







.slick-next







{







font-size: 0;







line-height: 0;















position: absolute;







top: 235px;















display: block;















width: 25px;







height: 45px;







padding: 0;







-webkit-transform: translate(0, -50%);







-ms-transform: translate(0, -50%);







transform: translate(0, -50%);















cursor: pointer;















color: transparent;







border: none;







outline: none;







z-index:90;







}







@media (max-width: 919px) {







.slick-prev,







.slick-next{top: 20%;}







}















.slick-prev:hover,







.slick-prev:focus,







.slick-next:hover,







.slick-next:focus







{







color: transparent;







outline: none;







}







.slick-prev:hover:before,







.slick-prev:focus:before,







.slick-next:hover:before,







.slick-next:focus:before







{







opacity: 1;







}







.slick-prev.slick-disabled,







.slick-next.slick-disabled{







opacity:0;







}







.slick-prev.slick-disabled:before,







.slick-next.slick-disabled:before







{







opacity: .25;







}















.slick-prev:before,







.slick-next:before







{







font-size: 20px;







line-height: 1;















opacity: .75;







color: white;















-webkit-font-smoothing: antialiased;







-moz-osx-font-smoothing: grayscale;







}















.slick-prev{







top: 48%;







left: 3%;







background: url(/techo/images/box_arrowL.png) no-repeat left center;	







width: 76px;







height: 76px;







-webkit-transition: all 0.3s;







 transition: all 0.3s;







}







.slick-next{







top: 48%;







right: 3%;







background: url(/techo/images/box_arrowR.png) no-repeat right center;	







width: 76px;







height: 76px;







-webkit-transition: all 0.3s;







 transition: all 0.3s;







}















.slick-prev:hover{







background: url(/techo/images/box_arrowL_on.png) no-repeat left center;	







}







.slick-next:hover{







background: url(/techo/images/box_arrowR_on.png) no-repeat right center;	







}







































body.template_common_fsp .slick-prev{







top: 48%;







left: 2%;







background: url(/techo/sp/images/box_arrowL_sp.png) no-repeat left center;	







width: 90px;







height: 90px;







background-size: contain;







}







body.template_common_fsp .slick-next{







top: 48%;







right: 2%;







background: url(/techo/sp/images/box_arrowR_sp.png) no-repeat right center;	







width: 90px;







height: 90px;







background-size: contain;







}















body.template_common_fsp .slick-prev:hover{







background: url(/techo/sp/images/box_arrowL_sp.png) no-repeat left center;	background-size: contain;







}







body.template_common_fsp .slick-next:hover{







background: url(/techo/sp/images/box_arrowR_sp.png) no-repeat right center;	background-size: contain;







}























[dir='rtl'] .slick-prev







{







right: 10%;







left: auto;







}







.slick-prev:before







{







}







[dir='rtl'] .slick-prev:before







{







}























[dir='rtl'] .slick-next







{







right: auto;







left: 10%;







}







.slick-next:before







{







}







[dir='rtl'] .slick-next:before







{







}















/* Dots */







.slick-dotted.slick-slider{







margin-bottom: 50px;







}















.slick-dots{







position: absolute;







bottom: -40px;







display: block;







width: 100%;







padding: 0;







margin: 0;







list-style: none;







text-align: center;







}







.slick-dots li







{







position: relative;















display: inline-block;















width: 10px;







height: 10px;







margin: 10px 6px 15px;







padding: 0;















cursor: pointer;







}







.slick-dots li button







{







font-size: 0;







line-height: 0;







display: block;















width: 10px;







height: 10px;







padding: 5px;







cursor: pointer;







border: 0;







background: none;







outline: none;







text-align: center;







}







.slick-dots li button:hover,







.slick-dots li button:focus







{







outline: none;







}







.slick-dots li button:hover:before,







.slick-dots li button:focus:before







{







opacity: 1;







}







.slick-dots li button:before







{    -webkit-transition: all 130ms cubic-bezier(0.250, 0.250, 0.750, 0.750);







transition: all 130ms cubic-bezier(0.250, 0.250, 0.750, 0.750);







font-family: 'slick';







font-size: 6px;







line-height: 20px;















position: absolute;







top: 0;







left: 0;







width: 10px;







height: 10px;















content: '';







text-align: center;







border-radius: 20px;







opacity: .25;







background: #8D7260;















-webkit-font-smoothing: antialiased;







-moz-osx-font-smoothing: grayscale;







}







.slick-dots li.slick-active button:before







{







opacity: .75;







}







@media (max-width: 919px) {







.slick-dots li{







width: 6px;







height: 6px;







}







.slick-dots li button{







width: 6px;







height: 6px;







padding: 0px;







}







.slick-dots li button:before{







width: 6px;







height: 6px;







}







.slick-dotted.slick-slider{







margin-bottom: 45px;







}







.slick-dots{







bottom:-35px;







}







}







/*------------------------------------















slick lightbox















------------------------------------*/







.slick-lightbox {







	position: fixed;







	top: 0;







	left: 0;







	z-index: 9999;







	width: 100%;







	height: 100%;







	/*	background: #000;*/







	-webkit-transition: opacity .3s linear;







	transition: opacity .3s linear







}







.slick-lightbox span.spec_me {







	color: #595757;







	text-align: center;







	display: inline-block;







	margin: 0 auto 0.3em;







	font-family: 'Josefin Sans', sans-serif;







	font-weight: 500;







	font-size: 130%;







	letter-spacing: 1px;







	-webkit-font-smoothing: antialiased;







	-moz-osx-font-smoothing: grayscale;







}







.slick-lightbox span.price_me {







	display: inline-block;







	-webkit-font-smoothing: antialiased;







	-moz-osx-font-smoothing: grayscale;







}







.slick-lightbox a {







	display: block;







	text-align: center;







	width: 100%;







}







.slick-lightbox a:hover span.spec_me, .slick-lightbox a:hover span.price_me {







	text-decoration: underline;/*border-bottom: 1px solid #595757;*/







}







.slick-lightbox .slick-lightbox-slick-item-inner img.num_icon_lv {







	width: 9%;







	position: absolute;







	top: 8%;







	left: 17%;







}







.slick-lightbox.slick-hide {







	opacity: 0







}







.slick-lightbox.slick-hide-init {







	position: absolute;







	top: -9999px;







	opacity: 0







}







.slick-lightbox.slick-lightbox-ie.slick-hide, .slick-lightbox.slick-lightbox-ie.slick-hide-init {







	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";







	filter: alpha(opacity=0)







}







.slick-lightbox .slick-lightbox-inner {







	position: fixed;







	top: 0%;







	left: 0;







	width: 100%;







	height: 100%;







}







.slick-lightbox .slick-lightbox-inner .slick-lightbox-slick .slick-lightbox-slick-item {







	text-align: center;







	overflow-x:hidden;







	overflow-y :scroll;







}







.slick-lightbox .slick-lightbox-inner .slick-lightbox-slick .slick-lightbox-slick-item::-webkit-scrollbar {







    -webkit-appearance: none;







    width: 7px;







	margin-top: -10px;















}







.slick-lightbox .slick-lightbox-inner .slick-lightbox-slick .slick-lightbox-slick-item::-webkit-scrollbar-thumb {







    border-radius: 4px;







    background-color: rgba(0,0,0,.3);







    box-shadow: 0 0 1px rgba(255,255,255,.5);















}







.slick-lightbox .slick-lightbox-inner .slick-lightbox-slick .slick-lightbox-slick-item::-webkit-scrollbar-button {







  display:none;







	 height:0px;







}







.slick-lightbox .slick-lightbox-inner .slick-lightbox-slick .slick-lightbox-slick-item::-webkit-scrollbar-corner,







.slick-lightbox .slick-lightbox-inner .slick-lightbox-slick .slick-lightbox-slick-item::-webkit-resizer,







.slick-lightbox .slick-lightbox-inner .slick-lightbox-slick .slick-lightbox-slick-item::-webkit-scrollbar-track-piece  {







	height: 0 ;







  display:none;







}







.slick-lightbox .slick-lightbox-inner .slick-lightbox-slick .slick-lightbox-slick-item::-webkit-scrollbar:horizontal {







 height:0px;







}







.slick-lightbox .slick-lightbox-inner .slick-lightbox-slick .slick-lightbox-slick-item:before {







	content: '';







	display: inline-block;







	height: 100%;







	vertical-align: middle;







	margin-right: 0em







}







.slick-lightbox .slick-lightbox-inner .slick-lightbox-slick .slick-lightbox-slick-item .slick-lightbox-slick-item-inner {







	background: #FFF;







	padding: 40px 40px 40px;







	display: inline-block;







	vertical-align: middle;







	height: auto;







	max-width: 920px;







	position: relative;







}







.slick-lightbox .slick-lightbox-inner .slick-lightbox-slick .slick-lightbox-slick-item .slick-lightbox-slick-item-inner .slick-lightbox-slick-img {







	/*margin: 0 auto;*/







	display: block;







	max-width: 100%;







	/*height: auto !important;*/







	max-height: none !important;







}







.slick-lightbox .slick-lightbox-inner .slick-lightbox-slick .slick-lightbox-slick-item .slick-lightbox-slick-item-inner .slick-lightbox-slick-caption {







margin-top: 10px;







font-size: 115%;







max-width:580px; 







}







.slick-lightbox .slick-lightbox-inner .slick-lightbox-slick .slick-lightbox-slick-item .slick-lightbox-slick-item-inner .slick-lightbox-slick-caption li{







padding-left: 1em;







text-indent: -1em;







line-height: 1.9;







}







.slick-lightbox .slick-lightbox-inner .slick-lightbox-slick .slick-lightbox-slick-item .slick-lightbox-slick-item-inner .slick-lightbox-slick-caption p{







font-weight: bold;







font-size: 105%;







margin-bottom: 0.8em;







line-height: 1.6;







}















/*  注意事項  */







.notice_h_ff{







font-weight: bold;







font-family: "Hiragino Kaku Gothic W6 JIS2004","ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";







font-size: 170%;







border-bottom: 2px solid #000;







width: 100%;







letter-spacing: 2px;







margin: 20px 0 15px;







line-height: 1.4;







}







.notice_num_ff{







text-align: right;







}







.slick-lightbox .slick-lightbox-inner .slick-lightbox-slick.slick-caption-bottom .slick-lightbox-slick-item .slick-lightbox-slick-caption {







	position: absolute;







	bottom: 0;







	left: 0;







	text-align: center;







	width: 100%;







	margin-bottom: 20px







}







p.caption_me {







	text-align: center;







	width: 100%;







	background: #FFF;







	padding: 20px 0 30px;







}







.slick-lightbox .slick-lightbox-inner .slick-lightbox-slick.slick-caption-dynamic .slick-lightbox-slick-item .slick-lightbox-slick-caption {







	display: block;







	text-align: left







}







.slick-lightbox-slick-item-inner .slick-lightbox-close {







	position: absolute ;







	top: 25px;







	right: 30px;







	display: block;







	height: 50px;







	width: 50px;







	line-height: 0;







	font-size: 0;







	cursor: pointer;







	padding: 0;







	border: none;







	background: url(/techo/sp/images/close.png) no-repeat center center;







	background-size: contain;







}







.slick-lightbox-slick-item-inner .slick-lightbox-close:hover, .slick-lightbox .slick-prev:hover, .slick-lightbox .slick-next:hover {







	opacity: 0.7;







}







.slick-lightbox .slick-lightbox-inner .slick-lightbox-close:focus {







	outline: none;







}







.slick-lightbox .slick-loading .slick-list {







	background-color: transparent







}







.slick-lightbox .slick-prev {







	left: 0px;







}







.slick-lightbox .slick-next {







	right: 0px;







}















@media (max-width: 919px) {







body.template_common_fsp .slick-lightbox .slick-lightbox-inner .slick-lightbox-slick .slick-lightbox-slick-item .slick-lightbox-slick-item-inner {







	height: auto;







	background: #FFF;







	padding: 6% 5% 7%;width: 90%;







}







body.template_common_fsp .slick-lightbox .slick-lightbox-inner .slick-lightbox-slick .slick-lightbox-slick-item .slick-lightbox-slick-item-inner .slick-lightbox-slick-caption {







margin-top: 10px;







font-size: 135%;







line-height: 1.9;







max-width:100%; 















}







body.template_common_fsp ..slick-lightbox-slick-item-inner .slick-lightbox-close {







	height: 80px;







	width: 80px;







	}







p.caption_me {







	padding: 20px 0 0 0px;







}







.slick-lightbox a span.spec_me, .slick-lightbox a span.price_me {







	text-decoration: underline;







}







body.template_common_fsp .slick-lightbox .slick-lightbox-inner .slick-lightbox-slick .slick-lightbox-slick-item .slick-lightbox-slick-item-inner .slick-lightbox-slick-img {







	width: 100%;







}







}















@media (max-height: 800px) {







.slick-lightbox .slick-lightbox-inner .slick-lightbox-slick .slick-lightbox-slick-item .slick-lightbox-slick-item-inner {







	vertical-align: middle;







}







}















@media (max-width: 919px) {







.slick-lightbox .slick-prev {







	top: 30%;







	left: 0%;







	width: 12%;







}







.slick-lightbox .slick-next {







	top: 30%;







	right: 0%;







	width: 12%;







}







.slick-lightbox .slick-lightbox-slick-item-inner img.num_icon_lv {







	width: 12%;







	position: absolute;







	top: 9%;







	right: 14%;







}







.slick-lightbox-slick-item-inner .slick-lightbox-close {







	position: absolute;







	top: 2%;







	right: 2%;







}







}