@charset "utf-8";

.fadein {
	position: relative;
	top: 60px;
	left: 0;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	transition: 1s;
}

.fadein.on {
	position: relative;
	top: 0;
	left: 0;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	transition: 1s;
}

/* *****************************************************************************
   PC用のスタイル記述
***************************************************************************** */
@media screen and (min-width: 769px), print {
	.spbr {
		display: none;
	}
	
	main {
		font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif !important;
	}

	main #container .mainimg {
		position: relative;
		background: #C9D0D0 url("../images/look_main.jpg") no-repeat;
		background-size: cover;
		border-top: 10px solid #D94D30;
		z-index: 11;
	}
	
	main #container .mainimg::before {
		content: "";
		padding-top: 100vh;
		display: block;
	}
	
	main #container .mainimg #looktitle {
		position: absolute;
		top: calc(50% - 81px);
		left: calc(50% - 77px);
		color: #fff;
		text-align: left;
		line-height: normal;
	}
	
	main #container .mainimg #looktitle h1 {
		font-family: "Helvetica Neue", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
		font-size: 19px;

	}
	
	main #container .mainimg #looktitle h1 img {
		width: 142px;
		height: auto;
	}
	
	
	
	/* look */
	main #container section.look {
		background-color: #C9D0D0;
		padding: 0 0 7.59vw;
		text-align: center;
		overflow-x: hidden;
	}
	
	main #container section.look img {
		width: 100%;
		height: auto;
	}
	
	
	/* style1
	----------------------------------------------------------------------------------*/
	
	main #container section.look .style1 {
		position: relative;
		height: 151vw;
		margin-top: 86px
	}
	

	
	main #container section.look .style1 li {
		position: absolute;
	}
	
	main #container section.look .style1 li:nth-child(1) {
		top: 0;
		left: 0;
		width: 76.4%;
		z-index: 1;
	}
	
	main #container section.look .style1 li:nth-child(2) {
		top: 42%;
		left: 0;
		width: 50%;
		z-index: 2;
	}
	
	main #container section.look .style1 li:nth-child(3) {
		top: 42%;
		right: 0;
		width: 50%;
		z-index: 3;
	}
	
	main #container section.look .style1 li:nth-child(4) {
		top: 71%;
		right: 23.1%;
		width: 53.8%;
		z-index: 3;
	}
	
	/* style2
	----------------------------------------------------------------------------------*/
	main #container section.look .style2 {
		position: relative;
		margin: 17.27vw 0 0 0;
		height: 174.65vw;
	}
	
	main #container section.look .style2 li {
		position: absolute;
	}
	
	main #container section.look .style2 li:nth-child(1) {
		top: 0;
		left: 0;
		width: 52.28%;
		z-index: 2;
	}
	
	main #container section.look .style2 li:nth-child(2) {
		top: 17.99%;
		right: 0;
		width: 46.55%;
		z-index: 1;
	}
	
	main #container section.look .style2 li:nth-child(3) {
		top: 42.86%;
		left: 0;
		width: 60.05%;
		z-index: 1;
	}
	
	main #container section.look .style2 li:nth-child(4) {
		top: 71.77%;
		left: 0;
		width: 61.54%;
		z-index: 1;
	}

	
	/* style3
	----------------------------------------------------------------------------------*/
	main #container section.look .style3 {
		position: relative;
		margin: 18.6vw 0 0 0;
		height: 176.45vw;
	}
	
	main #container section.look .style3 li {
		position: absolute;
	}
	
	main #container section.look .style3 li:nth-child(1) {
		top: 0;
		left: 7.27%;
		width: 80.52%;
		z-index: 1;
	}
	
	main #container section.look .style3 li:nth-child(2) {
		top: 35.81%;
		left: 0;
		width: 52.28%;
		z-index: 2;
	}
	
	main #container section.look .style3 li:nth-child(3) {
		top: 60.43%;
		left: 0;
		width: 52.28%;
		z-index: 3;
	}
	
	main #container section.look .style3 li:nth-child(4) {
		top: 75.73%;
		right: -7.94%;
		width: 53.38%;
		z-index: 4;
	}
	
	/* style4
	----------------------------------------------------------------------------------*/
	
	main #container section.look .style4 {
		position: relative;
		margin: 20.23vw 0 0 0;
		height: 207vw;
	}
	
	main #container section.look .style4 li {
		position: absolute;
	}
	
	main #container section.look .style4 li:nth-child(1) {
		top: 0;
		left: -23.69%;
		width: 89.92%;
		z-index: 1;
	}
	
	main #container section.look .style4 li:nth-child(2) {
		top: 35.82%;
		right: 0;
		width: 52%;
		z-index: 2;
	}
	
	main #container section.look .style4 li:nth-child(3) {
		top: 56.57%;
		right: 0;
		width: 51.93%;
		z-index: 3;
	}
	
	main #container section.look .style4 li:nth-child(4) {
		top: 79%;
		left: 10%;
		width: 54%;
		z-index: 3;
	}
	
	/* style5
	----------------------------------------------------------------------------------*/
	main #container section.look .style5 {
		position: relative;
		margin: 27.3vw 0 0 0;
		height: 138.47vw;
	}
	
	main #container section.look .style5 li {
		position: absolute;
	}
	
	main #container section.look .style5 li:nth-child(1) {
		top: 0;
		left: -0.69%;
		width: 56.35%;
		z-index: 1;
	}
	
	main #container section.look .style5 li:nth-child(2) {
		top: 33.97%;
		left: 0;
		width: 42.27%;
		z-index: 2;
	}
	
	main #container section.look .style5 li:nth-child(3) {
		top: 33.97%;
		left: 43.37%;
		width: 42.33%;
		z-index: 3;
	}
	
	main #container section.look .style5 li:nth-child(4) {
		top: 60%;
		left: 12.85%;
		width: 72.86%;
		z-index: 4;
	}
	
	/* style6
	----------------------------------------------------------------------------------*/
	main #container section.look .style6 {
		position: relative;
		margin: 18.3vw 0 0 0;
		height: 184.8vw;
	}
	
	main #container section.look .style6 li {
		position: absolute;
	}
	
	main #container section.look .style6 li:nth-child(1) {
		top: 0;
		left: 0;
		width: 55.73%;
		z-index: 1;
	}
	
	main #container section.look .style6 li:nth-child(2) {
		top: 25.78%;
		right: 13.47%;
		width: 73.76%;
		z-index: 2;
	}
	
	main #container section.look .style6 li:nth-child(3) {
		top: 58.78%;
		right: 13.47%;
		width: 47%;
		z-index: 3;
	}
	
	main #container section.look .style6 li:nth-child(4) {
		top: 81.32%;
		left: -0.69%;
		width: 43.09%;
		z-index: 4;
	}
	
	main #container section.look .style6 li:nth-child(5) {
		top: 81.32%;
		right: 13.47%;
		width: 43.09%;
		z-index: 5;
	}

	
	/* style7
	----------------------------------------------------------------------------------*/
	main #container section.look .style7 {
		position: relative;
		margin: 23.2vw 0 0 0;
		height: 169.27vw;
	}
	
	main #container section.look .style7 li {
		position: absolute;
	}
	
	main #container section.look .style7 li:nth-child(1) {
		top: 0;
		left: 0;
		width: 100%;
		z-index: 1;
	}
	
	main #container section.look .style7 li:nth-child(2) {
		top: 41.49%;
		left: 0;
		width: 60.5%;
		z-index: 2;
	}
	
	main #container section.look .style7 li:nth-child(3) {
		top: 71.28%;
		left: -0.21%;
		width: 60.64%;
		z-index: 3;
	}

	
	/* style8
	----------------------------------------------------------------------------------*/
	main #container section.look .style8 {
		position: relative;
		margin: 22.38vw 0 0 0;
		height: 101.86vw;
	}
	
	main #container section.look .style8 li {
		position: absolute;
	}
	
	main #container section.look .style8 li:nth-child(1) {
		top: 0;
		left: 10.36%;
		width: 79.35%;
		z-index: 1;
	}
	
	main #container section.look .style8 li:nth-child(2) {
		top: 65.29%;
		left: 0;
		width: 44.13%;
		z-index: 2;
	}
	
	main #container section.look .style8 li:nth-child(3) {
		top: 65.29%;
		right: 9.88%;
		width: 44.13%;
		z-index: 3;
	}
	
	main #container section.look .style8 li:nth-child(4) {
		top: 130.55vw;
		right: 0;
		width: 52.69%;
		z-index: 4;
	}

	
	/* style9
	----------------------------------------------------------------------------------*/
	main #container section.look .style9 {
		position: relative;
		margin: 20.51vw 0 0 0;
		height: 173.34vw;
	}
	
	main #container section.look .style9 li {
		position: absolute;
	}
	
	main #container section.look .style9 li:nth-child(1) {
		top: 0;
		right: 0;
		width: 89.64%;
		z-index: 1;
	}
	
	main #container section.look .style9 li:nth-child(2) {
		top: 43.98%;
		left: 0;
		width: 62.78%;
		z-index: 2;
	}
	
	main #container section.look .style9 li:nth-child(3) {
		top: 74.3%;
		right: 0;
		width: 55.59%;
		z-index: 3;
	}
	

	/* img2
	----------------------------------------------------------------------------------*/
	main #container section.look .img2 {
		position: relative;
		padding: 0 0 0 5.32%;
		text-align: left;
	}

	main #container section.look .img2 img {
		width: 145px;
		height: auto;
	}

	
	
	
	
	
	
	
	
	
	
	
	
	#look-box {
		position: fixed;
		bottom: 34%!important;
    	right: 4%;
    	text-align: left;
    	z-index: 10;
		display: none;
	}
	
	#look-box .products {
		
	}
	
	#look-box .products > div > p.code {
		font-size: 14px;
		font-weight: bold;
		font-family: "Helvetica Neue", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
	}
	
	#look-box .products > div > p.en {
    	font-size: 24px;
   	 	font-weight: bold;
   		margin: 0.3em 0 0.08em 0;
   		line-height: 1em;
   		font-family: "Helvetica Neue", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
   		letter-spacing: 0.05em;
	}
	
	#look-box .products > div > p.jp {
		font-size: 12px;
		font-weight: bold;
	}
	
	#look-box .products > div > p.price {
		font-size: 13px;
		font-weight: bold;
	}
	
	
	/* style
	----------------------------------------------------------------------------------*/
	#look-box .products > div.style {
		display: none;
	}
	
	#look-box .products > div.style.style1 {
		display: block;
	}
	
	#look-box .bt-onlineshop {
		font-size: 13px;
		font-weight: bold;
		margin-top: 15px;
		line-height: 1.4em;
	}
	
	#look-box .bt-onlineshop a {
		padding-right: 1px;
		border-bottom: 1px solid #707070;
		display: none;
	}
	#look-box .bt-onlineshop a:first-child {
		display: block;
	}
	
	#look-box .bt-onlineshop a::before {
		content: "";
		width: 20px;
		height: 20px;
		margin-right: 10px;
		padding-bottom: 5px;
		background: url("../../shared/images/ico_cart_black.svg") no-repeat;
		background-size: contain;
		display: inline-block;
		vertical-align: middle;
	}
	
	#look-box .bt-onlineshop a:hover::before {
		background: url("../../shared/images/ico_cart_over.svg") no-repeat;
		background-size: contain;
	}
	
	
	#look-box .bt-onlineshop a.off {
		color: #868686;
		border-bottom: none;
		cursor: default;
	}
	#look-box .bt-onlineshop a.off:hover {
		color: #868686 !important;
	}
	#look-box .bt-onlineshop a.off::before {
		background: url("../../shared/images/ico_cart_gray.svg") no-repeat;
		background-size: contain;
	}
	
	#look-box .bt-onlineshop a.off:hover::before {
		background: url("../../shared/images/ico_cart_gray.svg") no-repeat;
		background-size: contain;
	}
	
	
	#scrollbox {
		position: fixed;
		bottom: 0;
		left: calc(50% - 1px);
		text-align: center;
		height: 36px;
		z-index: 11;
	}

	#scrollbox::before {
		position: absolute;
		top: -1.5em;
		left: -2em;
		font-size: 12px;
		content: "SCROLL";
		z-index: 12;
	}

	#scrollbox .bar {
		position: absolute;
		bottom: 36px;
		right: 0;
		width: 3px;
		height: 0;
		background-color: #C94125;
		z-index: 1;
	}

	#scrollbox .bg {
		position: absolute;
		top: 0;
		right: 0;
		width: 1px;
		height: 33px;
		z-index: 0;
	}
	
	
	/* contact */
	main #container section.contact {
		padding: 60px 0;
		background-color: #dce2e1;
		text-align: center;
	}
	
	main #container section.contact .bt-contact a {
		font-size: 18px;
		font-weight: bold;
		line-height: 1em;
	}
	
	main #container section.contact .bt-contact a::before {
		content: "";
		width: 32px;
		height: 23px;
		margin-right: 13px;
		margin-top: -4px;
		background: url("../shared/images/ico_mail.svg") no-repeat;
		background-size: cover;
		vertical-align: middle;
		display: inline-block;
	}
	main #container section.contact .bt-contact a:hover::before {
		background: url("../shared/images/ico_mail_over.svg") no-repeat;
		background-size: cover;
	}

	footer {
		z-index: 11;
	}
	
	
}


/* *****************************************************************************
   スマートフォン用のスタイル記述
***************************************************************************** */
@media screen and (max-width: 769px) {

	/* look */

	main {
			font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif !important;
	}

	main #container .mainimg {
		position: relative;
		background: #C9D0D0 url("../images/look_sp.jpg") no-repeat;
		background-size: contain;
		border-top: 10px solid #D94D30;
		z-index: 99;
	}
	
	main #container .mainimg::before {
		content: "";
		padding-top: 93.33%;
		display: block;
	}
	
	main #container .mainimg #looktitle {
		position: absolute;
		top: calc(50% - 16%);
		left: calc(50% - 14%);
		width: 28%;
		color: #fff;
		text-align: left;
		line-height: normal;
	}
	
	main #container .mainimg #looktitle h1 {
		width: 100%;
	}
	
	main #container .mainimg #looktitle h1 img {
		width: 100%;
	}

	
	/* look */
	main #container section.look {
		padding: 0 0 35.47vw;
		background-color: #C9D0D0;
		text-align: center;
		overflow-x: hidden;
	}
	
	main #container section.look img {
		width: 100%;
		height: auto;
	}
	
	
	/* style1
	----------------------------------------------------------------------------------*/
	
	main #container section.look .style1 {
		position: relative;
		padding-top: 14.67vw;
	}
	

	
	main #container section.look .style1 li {
		position: relative;
	}
	
	main #container section.look .style1 li:nth-child(1) {
		margin-top: 0;
		left: -6.47%;
		width: 75.7%;
		z-index: 1;
	}
	
	main #container section.look .style1 li:nth-child(2) {
		margin-top: 2.13vw;
		width: 60.27%;
		z-index: 2;
	}
	
	main #container section.look .style1 li:nth-child(3) {
		margin-top: 2.67vw;
		width: 60.27%;
		z-index: 3;
	}
	
	main #container section.look .style1 li:nth-child(4) {
		margin-top: 2.67vw;
		width: 92.53%;
		z-index: 3;
	}
	
	/* style2
	----------------------------------------------------------------------------------*/
	main #container section.look .style2 {
		position: relative;
		margin: 23.47vw 0 0 0;
	}
	
	main #container section.look .style2 li {
		position: relative;
	}
	
	main #container section.look .style2 li:nth-child(1) {
		margin-top: 0;
		right: 20.27%;
		z-index: 2;
	}
	
	main #container section.look .style2 li:nth-child(2) {
		margin-top: 3.2vw;
		left: 20%;
		width: 60%;
		z-index: 1;
	}
	
	main #container section.look .style2 li:nth-child(3) {
		margin-top: 3.73vw;
		left: 0;
		width: 69%;
		z-index: 1;
	}
	
	main #container section.look .style2 li:nth-child(4) {
		margin-top: 1.6vw;
		left: 0;
		width: 69%;
		z-index: 1;
	}

	
	/* style3
	----------------------------------------------------------------------------------*/
	main #container section.look .style3 {
		position: relative;
		margin: 30.67vw 0 0 0;
	}
	
	main #container section.look .style3 li {
		position: relative;
	}
	
	main #container section.look .style3 li:nth-child(1) {
		margin-top: 0;
		width: 100%;
		z-index: 1;
	}
	
	main #container section.look .style3 li:nth-child(2) {
		margin-top: 3.2vw;
		left: 0;
		width: 62.07%;
		z-index: 2;
	}
	
	main #container section.look .style3 li:nth-child(3) {
		margin-top: 2.13vw;
		left: 0;
		width: 62.07%;
		z-index: 3;
	}
	
	main #container section.look .style3 li:nth-child(4) {
		margin-top: 3.2vw;
		left: 8.8vw;
		width: 82.4%;
		z-index: 4;
	}
	
	/* style4
	----------------------------------------------------------------------------------*/
	
	main #container section.look .style4 {
		position: relative;
		margin: 24.8vw 0 0 0;
	}
	
	main #container section.look .style4 li {
		position: relative;
	}
	
	main #container section.look .style4 li:nth-child(1) {
		margin-top: 0;
		left: -10.4vw;
		width: 101%;
		z-index: 1;
	}
	
	main #container section.look .style4 li:nth-child(2) {
		margin-top: 1.6vw;
		left: 0;
		width: 62.67%;
		z-index: 2;
	}
	
	main #container section.look .style4 li:nth-child(3) {
		margin-top: 1.6vw;
		left: 0;
		width: 62.67%;
		z-index: 3;
	}
	
	main #container section.look .style4 li:nth-child(4) {
		margin-top: 1.6vw;
		left: 13.87vw;
		width: 72.27%;
		z-index: 3;
	}
	
	/* style5
	----------------------------------------------------------------------------------*/
	main #container section.look .style5 {
		position: relative;
		margin: 22.4vw 0 0 0;
	}
	
	main #container section.look .style5 li {
		position: relative;
	}
	
	main #container section.look .style5 li:nth-child(1) {
		margin-top: 0;
		left: 0;
		width: 75.2%;
		z-index: 1;
	}
	
	main #container section.look .style5 li:nth-child(2) {
		margin-top: 2.67vw;
		left: 0;
		width: 70.13%;
		z-index: 2;
	}
	
	main #container section.look .style5 li:nth-child(3) {
		margin-top: 2.67vw;
		left: 0;
		width: 70.13%;
		z-index: 3;
	}
	
	main #container section.look .style5 li:nth-child(4) {
		margin-top: 2.67vw;
		left: 0;
		width: 100%;
		z-index: 3;
	}
	
	/* style6
	----------------------------------------------------------------------------------*/
	main #container section.look .style6 {
		position: relative;
		margin: 25.3vw 0 0 0;
	}
	
	main #container section.look .style6 li {
		position: relative;
	}
	
	main #container section.look .style6 li:nth-child(1) {
		margin-top: 2.67vw;
		left: 0;
		width: 74.4%;
		z-index: 1;
	}
	
	main #container section.look .style6 li:nth-child(2) {
		margin-top: 6.93vw;
		left: 15.5vw;
		width: 84.5%;
		z-index: 2;
	}
	
	main #container section.look .style6 li:nth-child(3) {
		margin-top: 2.13vw;
		left: 0;
		width: 53.87%;
		z-index: 3;
	}
	
	main #container section.look .style6 li:nth-child(4) {
		margin-top: 7.73vw;
		left: 0;
		width: 67.47%;
		z-index: 3;
	}
	
	main #container section.look .style6 li:nth-child(5) {
		margin-top: 2.13vw;
		left: 0;
		width: 67.47%;
		z-index: 3;
	}

	
	/* style7
	----------------------------------------------------------------------------------*/
	main #container section.look .style7 {
		position: relative;
		margin: 25.07vw 0 0 0;
	}
	
	main #container section.look .style7 li {
		position: relative;
	}
	
	main #container section.look .style7 li:nth-child(1) {
		margin-top: 0;
    left: -52vw;
    width: 119.07%;
		z-index: 1;
	}
	
	main #container section.look .style7 li:nth-child(2) {
		margin-top: 3.47vw;
		left: 0;
		width: 83.47%;
		z-index: 2;
	}
	
	main #container section.look .style7 li:nth-child(3) {
		margin-top: 2.67vw;
		left: 0;
		width: 83.47%;
		z-index: 3;
	}

	
	/* style8
	----------------------------------------------------------------------------------*/
	main #container section.look .style8 {
		position: relative;
		margin: 26.4vw 0 0 0;
	}
	
	main #container section.look .style8 li {
		position: relative;
	}
	
	main #container section.look .style8 li:nth-child(1) {
		margin-top: 0;
		left: 0;
		width: 100%;
		z-index: 1;
	}
	
	main #container section.look .style8 li:nth-child(2) {
		margin-top: 2.93vw;
		left: 0;
		width: 76.27%;
		z-index: 2;
	}
	
	main #container section.look .style8 li:nth-child(3) {
		margin-top: 3.73vw;
		left: 0;
		width: 76.27%;
		z-index: 3;
	}

	
	/* style9
	----------------------------------------------------------------------------------*/
	main #container section.look .style9 {
		position: relative;
		margin: 30.4vw 0 0 0;
	}
	
	main #container section.look .style9 li {
		position: relative;
	}
	
	main #container section.look .style9 li:nth-child(1) {
		margin-top: 0;
		left: 0;
		width: 100%;
		z-index: 1;
	}
	
	main #container section.look .style9 li:nth-child(2) {
		margin-top: 2.93vw;
		left: 0;
		width: 84.53%;
		z-index: 2;
	}
	
	main #container section.look .style9 li:nth-child(3) {
		margin-top: 2.93vw;
		left: 12.8vw;
		width: 71.37%;
		z-index: 3;
	}
		
	
	/* img2
	----------------------------------------------------------------------------------*/
	main #container section.look .img2 {
		position: relative;
		    padding: 19.47vw 0 0 8.73vw;
		text-align: left;
	}
	
	main #container section.look .img2 img {
		width: 30.56vw;
	}
	
	main #container section.look .img2cap {
		margin: 2.97vw 0 0 70vw;
		text-align: left;
	}
	
	

	#look-box {
		position: fixed;
		bottom: 34% !important;
		right: 3.9vw;
		text-align: left;
		z-index: 10;
		display: none;
	}
	
	#look-box .products {
		
	}
	
	#look-box .products > div > p.code {
		font-size: 12px;
		font-weight: bold;
	}
	
	#look-box .products > div > p.en {
		font-size: 18px;
   		font-weight: bold;
   		margin: 0.2em 0 0.05em 0;
    	letter-spacing: 0.05em;
		line-height: 1.2em;
	}
	
	#look-box .products > div > p.jp {
		font-size: 10px;
		font-weight: bold;
	}
	
	#look-box .products > div > p.price {
		font-size: 11.5px;
		font-weight: bold;
	}

	
		
	/* style2,style3
	----------------------------------------------------------------------------------*/
	#look-box .products > div.style {
		display: none;
	}
	
	#look-box .products > div.style.style1 {
		display: block;
	}
	
	
	
	
	
	
	
	
	
	
	
	/* style
	----------------------------------------------------------------------------------*/
	#look-box .products > div.style {
		display: none;
	}
	
	#look-box .products > div.style.style1 {
		display: block;
	}
	
	#look-box .bt-onlineshop {
		font-size: 10px;
		font-weight: bold;
		margin-top: 15px;
		line-height: 1.4em;
	}
	
	#look-box .bt-onlineshop a {
		border-bottom: 1px solid #707070;
		display: none;
	}
	#look-box .bt-onlineshop a:first-child {
		display: block;
	}
	
	#look-box .bt-onlineshop a::before {
		content: "";
		width: 13px;
		height: 17px;
		margin-right: 4px;
		padding-bottom: 1px;
		background: url("../../shared/images/ico_cart_black.svg") no-repeat;
		background-size: contain;
		display: inline-block;
		vertical-align: middle;
	}
	
	#look-box .bt-onlineshop a:hover::before {
		background: url("../../shared/images/ico_cart_over.svg") no-repeat;
		background-size: contain;
	}
	

	#look-box .bt-onlineshop a.off {
		color: #868686;
		border-bottom: none;
		cursor: default;
	}
	#look-box .bt-onlineshop a.off:hover {
		color: #868686 !important;
	}
	#look-box .bt-onlineshop a.off::before {
		background: url("../../shared/images/ico_cart_gray.svg") no-repeat;
		background-size: contain;
	}
	
	#look-box .bt-onlineshop a.off:hover::before {
		background: url("../../shared/images/ico_cart_gray.svg") no-repeat;
		background-size: contain;
	}
	

	#scrollbox {
		position: fixed;
		bottom: 0;
		left: calc(50% - 1px);
		text-align: center;
		height: 36px;
		z-index: 11;
	}

	#scrollbox::before {
		position: absolute;
		top: -1.5em;
		left: -2em;
		font-size: 12px;
		content: "SCROLL";
		z-index: 12;
	}

	#scrollbox .bar {
		position: absolute;
		bottom: 36px;
		right: 0;
		width: 3px;
		height: 0;
		background-color: #C94125;
		z-index: 1;
	}

	#scrollbox .bg {
		position: absolute;
		top: 0;
		right: 0;
		width: 1px;
		height: 33px;
		z-index: 0;
	}


	
	/* contact */
	main #container section.contact {
		padding: 26px 0;
		background-color: #dce2e1;
		text-align: center;
	}
	
	main #container section.contact .bt-contact a {
		font-size: 14px;
		font-weight: bold;
		line-height: 1em;
	}
	
	main #container section.contact .bt-contact a::before {
		content: "";
		width: 20px;
		height: 14px;
		margin-right: 10px;
		margin-top: -3px;
		background: url("../shared/images/ico_mail.svg") no-repeat;
		background-size: cover;
		vertical-align: middle;
		display: inline-block;
	}
	main #container section.contact .bt-contact a:hover::before {
		background: url("../shared/images/ico_mail_over.svg") no-repeat;
		background-size: cover;
	}
	
	footer {
		z-index: 11;
	}
		
}