@import url("icomoon/style.css");
		.clearfix:after {
			visibility: hidden;
			display: block;
			font-size: 0;
			content: " ";
			clear: both;
			height: 0;
			}
		* html .clearfix{ zoom: 1; } /* IE6 */
		*:first-child+html .clearfix{ zoom: 1; } /* IE7 */
		
		
		.innerwrap:after {
			visibility: hidden;
			display: block;
			font-size: 0;
			content: " ";
			clear: both;
			height: 0;
			}
		* html .innerwrap{ zoom: 1; } /* IE6 */
		*:first-child+html .innerwrap{ zoom: 1; } /* IE7 */
		
		/*reset*/
		body,h1,h2,h3,h4,h5,h6,span,p,dl,dt,dd,hr,header,aside,section,article,form,input,strong,textarea{
			margin:0px;
			padding:0px;
			list-style:none;
			border:0px;
		}
		img{
			border:0px;
			vertical-align: bottom;
		}
		input{
			vertical-align:middle;
		}
		table {
			border-collapse: collapse;
			border-spacing: 0;
		}
		body{
			text-align:center;
		}
		input[type=text]:focus {
			outline:none;
		}
		select:focus{
			outline:none;
		}
		textarea{outline:none;}
		input,select,textarea,button {vertical-align:middle;}

		
		
.ribbon {
    display: inline-block;
    position: relative;
    height: 50px;/*リボンの高さ*/
    line-height: 50px;/*リボンの高さ*/
    vertical-align: middle;
    text-align: center;
    padding: 0 30px;/*横の大きさ*/
    font-size: 18px;/*文字の大きさ*/
    background: #af0000;/*塗りつぶし色*/
    color: #FFF;/*文字色*/
    box-sizing: border-box;
}

.ribbon:before, .ribbon:after{
    position: absolute;
    content: '';
    width: 0px;
    height: 0px;
    z-index: 1;
}

.ribbon:before{
    top: 0;
    left: 0;
    border-width: 25px 0px 25px 15px;
    border-color: transparent transparent transparent #fff;
    border-style: solid;
}

.ribbon:after{
    top: 0;
    right: 0;
    border-width: 25px 15px 25px 0px;
    border-color: transparent #fff transparent transparent;
    border-style: solid;
}
		

		body{font-family:'メイリオ';font-size:14px;line-height:1.7;text-align:center;background-image:url(http://cam-colle.com/img/site/background/ecailles.png);}
		.innerwrap{max-width:1200px;margin:0px auto;text-align:left;padding:20px;position:relative;}
		#site_header{font-size:12px;position:fixed;width:100%;background-color:#FFF;z-index:10;margin-bottom:30px;color:#000;background-image:url(http://cam-colle.com/img/site/background/concrete-wall.png);    border-bottom: 8px double #000;}
			
			#site_header .innerwrap{padding:10px 0px;}
			#site_header h1{position: absolute;font-weight: normal;text-align:center;margin:0px auto;top: -20px;width:163px;left:0px;right:0px;}
			#site_logo{}
			#site_logo a{width:100%;display:block;margin:0px auto;}
			#site_logo img.w{width:100%;}
			#site_logo img.s{display:none;}
			#site_nav{}
				#site_nav ul{list-style:none;padding:0px;margin:0px;}
					#site_nav li{float:left;font-size:120%;font-weight:bold;text-align:center;}
						#site_nav .en{display:block;font-size:145%;padding:0px;font-family: 'Ultra', serif;font-weight: normal;}
						#site_nav .ja{display:block;font-size:90%;padding:0px;}
						#site_nav li a{color:#000;text-decoration:none;display:block;padding:10px 10px;}
			#site_nav_left{float:left;width:43%;position:relative;}
				#site_nav_left ul{list-style:none;}
				#site_nav_left li{display:inline-block;width:33.33%;text-shadow: 1px 1px 0px #fff, -1px -1px 0px #fff;}
			#site_nav_right{float:right;width:43%;position:relative;}
				#site_nav_right ul{list-style:none;}
				#site_nav_right li{display:inline-block;width:33.33%;text-shadow: 1px 1px 0px #fff, -1px -1px 0px #fff;}


	
			#site_phone{position:absolute;top:10px;right:30px;font-size:200%;font-weight:bold;font-family: 'Anton', sans-serif;font-weight: normal;}
			
		#site_contents{padding-bottom:40px;padding-top:94px;}
			#bread_crumb{}
				#bread_crumb ul{list-style:none;padding:0px;margin:px;}
				#bread_crumb ul li{float:left;}
				#bread_crumb ul li:after{content:' > ';margin:0px 20px;}
				#bread_crumb ul li:last-child:after{content:' ';}
				#bread_crumb ul li a{text-decoration:none;color:#000;}
				
			#page_contents{}
				#page_contents #page_contents_title{margin:20px 0px;font-size:200%;}
				#page_contents #page_contents_title{
					position: relative;
					padding-top: .75em;
					border-top: 1px solid #ccc;
				}
				#page_contents #page_contents_title::after {
					position: absolute;
					top: -2px;
					left: 0;
					z-index: 2;
					content: '';
					width: 20%;
					height: 3px;
					background-color: #333;
				}
				#page_contents #page_contents_title.top_title .en{display:block;font-weight:normal;font-size:652%;text-align:center;line-height:1;margin-bottom:5px;margin-right:0px;}
				#page_contents #page_contents_title.top_title .ja{display:block;font-family: "Mplus 1p";line-height:1.3;text-align: center;font-size: 83%;color:#9c0000;}
				#page_contents #page_contents_title .en{font-family: 'Anton', sans-serif;font-size:150%;letter-spacing:1px;margin-right:10px;}
				#page_contents #page_contents_desc{margin-bottom:20px;}
				#contents{margin: 0px -5px;}
				#contents .jblock{padding:5px;}
				#contents .jblock_price{font-size: 200%;color: #f83657;}
				#contents .jblock_in{background-color: #000;position:relative;}
				#contents .jblock a{display:block;}
				#contents .jblock img{width:100%;box-shadow:1px 1px 3px rgba(0,0,0,0.3);}

				#contents .jblock a{text-decoration:none;cursor:pointer;}
				#contents .jblock .jblock_text{width:100%;background-color:rgba(0,0,0,0.5);text-align:right;position:absolute;top:0px;right:0px;height:min-content;background-image: url(http://cam-colle.com/img/site/background/gplay.png);}
				#contents .jblock .jblock_text.bottom{bottom:0px;top: auto;}
				#contents .jblock .jblock_text.right{right:0px;left:auto;text-align:right;}
				#contents .jblock .jblock_text.left{left:0px;right:auto;text-align:left;}
				#contents .jblock_title{margin:10px 15px;font-weight: 900;letter-spacing: -3px;font-style: italic;font-family: "Mplus 1p";font-size:250%;line-height: 1.1;margin-bottom:2px;color:white;text-shadow: 0px 0px 5px #000,0px 0px 5px #000;}
				#contents .jblock_title span{display:inline-block;}
				#contents .jblock_desc{margin:10px 15px;margin-top:0px;color:white;font-weight:bold;text-shadow:0px 0px 5px #000,0px 0px 5px #000;font-size:120%;font-size: 121%;line-height: 1.4;}
				#contents .jblock_desc span{display:inline-block;}
				
				/*
				#contents .jblock{    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    filter: grayscale(100%);
    transition: 0.2s linear;
	opacity:0.7;
				}
				#contents .jblock:hover{
					  -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
    -ms-filter: grayscale(0%);
    filter: grayscale(0%);
	opacity:1;
				}
				*/
		#site_footer{color:#000;}
			#other_contents{}
			#other_contents_in{}
				#other_contents_in h3{
					font-family: 'Anton', sans-serif;
					font-size: 219%;
					color: #000;
					font-weight: normal;
					margin-bottom: 10px;
					letter-spacing: 1px;
					position: relative;
					padding-top: .75em;
					border-top: 1px solid #ccc;
				}
				#other_contents_in h3::after {
					position: absolute;
					top: -2px;
					left: 0;
					z-index: 2;
					content: '';
					width: 20%;
					height: 3px;
					background-color: #333;
				}
				#other_contents_in .jblock {width: 33.333%;float:left;}
				#other_contents_in .jblock_in {margin: 10px;}

				/*instagram*/	
				#insta_thumbs{margin-right:-5px;margin-left:-5px;}
					#insta_thumbs .insta_thumb_outer{display:block;float:left;width:33.3333%;}
					#insta_thumbs .insta_thumb{display:block;padding:5px;}
					#insta_thumbs .insta_thumb img{width:100%;border:1px solid #fff;box-shadow:1px 1px 3px rgba(0,0,0,0.1);}
		

		
				#site_footer_nav{background-color:#000;background-image:url(http://cam-colle.com/img/site/background/concrete-wall-2.png);}
					#site_footer_nav ul{list-style:none;margin:0px;padding:0px;text-align:center;}
					#site_footer_nav ul li{display:inline-block;margin:0px 20px;}
					#site_footer_nav ul li a{text-decoration:none;color:#fff;}
								
				#footer_copy{color:#000;padding:30px;background-color:#FFF;background-image:url(http://cam-colle.com/img/site/background/concrete-wall.png);}
				#footer_copy a{color:#000;}
				



				/*footer fixed nav ********smf*/
				#footer_fixed{box-shadow: 0px 0px 3px rgba(0,0,0,0.3);position:fixed;bottom:0px;width:100%;left:0px;background-color:#FFF;text-align:left;z-index:100;}
					#footer_fixed .icon-line{font-size:329%;color:#77B732;}
					#footer_fixed .line_text{font-weight: bold;font-size: 134%;display: block;padding:8px 3px;}
					#footer_fixed span{vertical-align: middle;}
					#footer_fixed_in{display:flex;margin:0px auto;padding:5px;}
					#footer_fixed_left{width:47px;margin-right: 3px;}
					#footer_fixed_right{flex:1;}
					#footer_fixed_right span{display:block;line-height:1;}
					#footer_fixed_right .line_desc{display: block;padding: 3px 5px;font-size: 70%;border-bottom: 1px solid #f1f1f1;}
				#smf_nav{}
					#smf_nav .en{font-size:120%;display:block;font-family: 'Ultra', serif;font-weight: normal;color: #78bbf4;}
					#smf_nav .ja{display:block;}

/*anim*/
@keyframes translate {
  0% {
    transform: translateY(-10px);
    opacity: 0;
  }
  100% {
    transform: translateY(0px);
    opacity: 1;
  }
}
.jblock.uniblock{
	animation-duration: 2s; 
	animation-name: translate;
}
/*nav blocks*/
#contents[data-columns]::before {
	content: '3 jblock_col size-1of3';
	opacity:0;
	position:absolute;
	z-index:-1;
}

.jblock_col {float:left;}
.size-1of3 { width: 33.333%; }


@media screen and (max-width: 480px){
	#contents[data-columns]::before {
		content: '1 jblock_col size-1of1';
	}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
	#contents[data-columns]::before {
		content: '2 jblock_col size-1of2';
	}
}
@media screen and (min-width: 769px) {
	#contents[data-columns]::before {
		content: '3 jblock_col size-1of3';
	}
}
@media screen and (min-width: 1000px) {
	#contents[data-columns]::before {
		content: '3 jblock_col size-1of3';
	}
}

.size-1of1 { width: 100%; }
.size-1of2 { width: 50%; }
.size-1of3 { width: 33.333%; }
.size-1of4 { width: 25%; }
/*nav blocks*/




				
				
#wrapper{background-image:url(http://cam-colle.com/img/site/background/ecailles.png);background-color:#FFF;transition: transform 400ms ease,-webkit-transform 400ms ease;display:block;position:relative;z-index:100;}
#smf_toggle{position:absolute;top:14px;right:20px;display:none;background-color:transparent;border:0px;margin:0px;padding:0px;font-size:250%;outline:none;}
#smf_toggle_nav{background-color:transparent;border:0px;margin:0px;padding:0px;font-size:250%;outline:none;color:#fff;margin-right:20px;margin-top:20px;margin-bottom: 20px;font-size: 130%;font-weight:normal;}
#smf_toggle_nav_outer{text-align:right;}
.open_nav{overflow:hidden;}
#smf_nav{-webkit-overflow-scrolling: touch;overflow-y: auto;position: fixed;width:75%;color:#FFF;top:0px;right:0px;text-align:left;background-color:#000;font-size:120%;z-index:0;height: 100%;}
	#smf_nav ul{list-style:none;padding:0px;margin:0px;}
	#smf_nav ul li{border-top: 1px dashed #333;}
	#smf_nav ul li a{display:block;padding:10px 20px;text-decoration:none;color:#000;font-weight:bold;color:white;}
	

@media screen and (max-width: 480px){
	#site_nav{
		display:none;
	}
	#smf_nav{
		display:none;
	}
	#smf_nav ul li{}
	#site_header{border-bottom: 0px solid #000;box-shadow: 0px 0px 3px rgba(0,0,0,0.3);}
	#site_header h1{float:none;font-size:230%;margin-bottom:10px;text-align:center;margin-right:0px;position: relative;text-align:left;top:-6px;margin-bottom:0px;top:0px;width:auto;}
	#site_phone{float:none;text-align:center;}
	#site_footer_nav{display:none;}
	#site_logo #smf_logo{font-family: 'Anton', sans-serif;text-decoration:none;color:#000;font-size:130%;letter-spacing: -1px;}
	#site_logo a{margin:0px;width:100%;text-decoration:none;display:block;float:left;}
	#site_logo a img.w{width:60px;float:left;margin-right:10px;margin-left: 5px;display:none;}
	#site_logo a img.s{float:left;margin:0px;height:55px;display:block;}
	#site_header .innerwrap{padding: 0px!important;}
	#site_contents{padding-top:60px;}
	#other_contents .jblock{float:none;width:auto;margin-bottom:20px;}
	#other_contents .jblock_in{width:auto;margin:0px;}
	#smf_toggle{display:block;}

	#page_contents #page_contents_title.top_title .en{font-size: 13vw;display:block;}
	#page_contents #page_contents_title.top_title .ja{text-align: left;
    padding: 0px 5px;
    padding: 10px;
    color: #fff;
    background-color: #9c0000;
    border-radius: 10px;
    font-size: 55%;display:block;}
	#page_contents #page_contents_title .en{display:block;text-align:center;}
	#page_contents #page_contents_title .ja{text-align: left;
    padding: 0px 5px;
    padding: 10px;
    color: #fff;
    background-color: #9c0000;
    border-radius: 10px;
    font-size: 55%;display:block;text-align:center;}
	
	#contents .jblock_title{font-size:200%;}
	#contents .jblock_desc{font-size:105%;}
	
	#smf_nav{position: fixed;width:75%;color:#FFF;top:0px;right:0px;text-align:left;background-color:#000;font-size:120%;z-index:0;height: 100%;}
	#smf_nav li a{display:block;color:white;text-decoration:none;padding:10px;}
	
	#site_footer{padding-bottom:60px;}
	
	.innerwrap{padding:10px;}
}

@media screen and (min-width: 481px) and (max-width: 768px) {
	#site_nav{
		display:none;
	}
	#smf_nav{
		display:none;
	}
	#smf_nav ul li{}
	#site_header{border-bottom: 0px solid #000;    box-shadow: 0px 0px 3px rgba(0,0,0,0.3);}
	#site_header h1{float:none;font-size:230%;margin-bottom:10px;text-align:center;margin-right:0px;position: relative;text-align:left;top:-6px;margin-bottom:0px;top:0px;width:auto;}
	#site_phone{float:none;text-align:center;}
	#site_footer_nav{display:none;}
	#site_logo #smf_logo{font-family: 'Anton', sans-serif;text-decoration:none;color:#000;font-size:130%;float:left;}
	#site_logo a{margin:0px;width:100%;text-decoration:none;display:block;float:left;}
	#site_logo a img.w{width:60px;float:left;margin-right:10px;margin-left: 5px;display:none;}
	#site_logo a img.s{float:left;margin:0px;height:55px;display:block;}
	#site_header .innerwrap{padding: 0px!important;}
	#site_contents{padding-top:60px;}
	
	#other_contents .jblock{float:none;width:auto;margin-bottom:20px;}
	#other_contents .jblock_in{width:auto;margin:0px;}
	#smf_toggle{display:block;}

	#page_contents #page_contents_title.top_title .en{font-size: 13vw;display:block;}
	#page_contents #page_contents_title.top_title .ja{text-align: left;
    padding: 0px 5px;
    padding: 10px;
    color: #fff;
    background-color: #9c0000;
    border-radius: 10px;
    font-size: 55%;display:block;}
	#page_contents #page_contents_title .en{display:block;text-align:center;}
	#page_contents #page_contents_title .ja{text-align: left;
    padding: 0px 5px;
    padding: 10px;
    color: #fff;
    background-color: #9c0000;
    border-radius: 10px;
    font-size: 55%;display:block;text-align:center;}
	
	#contents .jblock_title{font-size:200%;}
	#contents .jblock_desc{font-size:105%;}
	
	#smf_nav{position: fixed;width:75%;color:#FFF;top:0px;right:0px;text-align:left;background-color:#000;font-size:120%;z-index:0;height: 100%;}
	#smf_nav li a{display:block;color:white;text-decoration:none;padding:10px;}
	
	#site_footer{padding-bottom:60px;}
}
@media screen and (min-width: 769px) and (max-width: 1000px){
	#site_nav{
		display:block;
	}
	#smf_nav{
		display:none;
	}
	#smf_logo{display:none;}
	#footer_fixed{display:none;}
	#site_nav .en{font-size:100%;}
	
	#page_contents #page_contents_title.top_title .en{font-size: 14.5vw;}
	#page_contents #page_contents_title.top_title .ja{font-size: 1.9vw;}

}
@media screen and (min-width: 1000px){
	#site_nav .en{font-size:145%;}
	#site_nav{
		display:block;
	}
	#smf_nav{
		display:none;
	}
	#smf_logo{display:none;}
	#footer_fixed{display:none;}
}
@media screen and (min-width: 480px) and (max-width: 600px){
	#contents .jblock_title{font-size:180%;}
	#contents .jblock_desc{font-size:100%;}
}

@media screen and (min-width: 770px) and (max-width: 1200px){
	#contents .jblock_title{font-size:200%;}
	#contents .jblock_desc{font-size:110%;}
	#page_contents #page_contents_title.top_title .en{font-size: 14.5vw;}
	#page_contents #page_contents_title.top_title .ja{font-size: 1.8vw;}
}


/*animation*/
.move{transform: translate(-75%);}

/*products*/
.important_comments{font-size:80%;margin-bottom:20px;}
.product_comments{font-size:120%;}
.order_button{display:inline-block;color:white;background-color:#9c0000;text-decoration:none;padding:5px 20px;cursor:pointer;}

/*editor ex*/
#contents .jblock img{margin-bottom:0px;}


/*editor*/
._tmps{margin-bottom:10px;text-align:left;overflow:hidden;}
._tmps h2{}
._tmps h3{margin-bottom: 20px;padding: 5px;background-image: url(http://cam-colle.com/img/site/background/concrete-wall.png);background-color: #f5f5f5;}
._tmps h4{border-bottom: 3px solid orange;padding-bottom: 5px;margin-bottom: 10px;}
._tmps .p{margin-bottom:20px;}
._tmps ._cbc_link_image{display:block;}
._tmps img{margin-bottom:20px;width:100%;}
._tmps table{table-layout:fixed;width:100%;margin-bottom:20px;}
	._tmps table th{border:1px solid #fff;background-color:#eee;padding:10px;}
	._tmps table td{border:1px solid #fff;padding:10px;background-color: #f9f9f9;}
	._tmps table tr:nth-child(2n+1) td{background-color: #fff;}

._tmps._il2col{}
._tmps._il2col h2{margin-bottom:10px;line-height:1.2;font-size:200%;    border-bottom: 3px solid #000;margin-bottom: 20px;padding: 10px;background-image: url(http://cam-colle.com/img/site/background/concrete-wall.png);}
._tmps._il2col ._il2col_left{float:left;width:40%;position:relative;}
._tmps._il2col ._il2col_right_outer{float:right;width:100%;margin-left:-40%;}
._tmps._il2col ._il2col_right{padding-left:42%;}
._tmps._il2col ._il2col_rightin{}

._tmps._ir2col{}
._tmps._ir2col h2{margin-bottom:10px;}
._tmps._ir2col ._ir2col_right{float:right;width:300px;position:relative;}
._tmps._ir2col ._ir2col_left_outer{float:left;width:100%;margin-right:-300px;}
._tmps._ir2col ._ir2col_left{padding-right:320px;}
._tmps._ir2col ._ir2col_leftin{}

._tmps._ih2col{}
._tmps._ih2col h2{margin-bottom:10px;line-height:1.2;font-size:200%;    border-bottom: 3px solid #000;margin-bottom: 20px;padding: 10px;background-image: url(http://cam-colle.com/img/site/background/concrete-wall.png);}

._tmps._ih2col ._ih2col_outer{margin-right:-20px;}
._tmps._ih2col ._ih2col_left{float:left;width:50%;}
._tmps._ih2col ._ih2col_leftin{padding-right:20px;}
._tmps._ih2col ._ih2col_right{float:right;width:50%;}
._tmps._ih2col ._ih2col_rightin{padding-right:20px;}


._tmps._ih4col{}
._tmps._ih4col h2{margin-bottom:10px;line-height:1.2;font-size:200%;    border-bottom: 3px solid #000;margin-bottom: 20px;padding: 10px;background-image: url(http://cam-colle.com/img/site/background/concrete-wall.png);}

._tmps._ih4col ._ih4col_outer{margin-right:-20px;}
._tmps._ih4col ._ih4col_left{float:left;width:25%;}
._tmps._ih4col ._ih4col_leftin{padding-right:20px;}
._tmps._ih4col ._ih4col_right{float:right;width:25%;}
._tmps._ih4col ._ih4col_rightin{padding-right:20px;}


.raw_table tr th{background-color:#ffc0c0;}
.raw_table tr:nth-child(2n+1) th{background-color:#eaafaf;}


	/* rwd */
	@media screen and (max-width:900px){
	}
	@media screen and (max-width:890px){
	}
	@media screen and (max-width:640px){
		/*editor*/
		._cb._block2col ._block-left-image{width:200px;}
		._cb._block2col ._block-right-text-outer{margin-left:-200px;}
		._cb._block2col ._block-right-text{padding-left:210px;}
		
		._tmps._il2col ._il2col_left{float:none;width:auto;}
		._tmps._il2col ._il2col_right_outer{float:none;margin-left:0px;}
		._tmps._il2col ._il2col_right{float:none;padding:0px;}
		
	}
	@media screen and (max-width:480px){
		/*editor*/
		._cb._block2col ._block-right{float:none;width:auto;padding:0px;margin:0px;}
		._cb._block2col ._block-left{float:none;width:auto;padding:0px;margin:0px;margin-bottom:10px;}
		._cb._block2col ._block-right-outer{margin:0px;float:none;}
		
		
		/*editor*/
		._cb._block2col ._block-left-image{float:none;width:100%;}
		._cb._block2col ._block-right-text-outer{float:none;width:auto;margin:0px;}
		._cb._block2col ._block-left-image{margin-bottom:10px;}
		._cb._block2col ._block-right-text{padding:0px;}
		
		._cb._block2col ._block-right-image{float:none;width:100%;margin-bottom:10px;}
		._cb._block2col ._block-left-text-outer{float:none;width:auto;margin:0px;}
		._cb._block2col ._block-left-text{padding:0px;}
		
		
		._tmps._ih2col h2{font-size:150%;}
		._tmps._il2col h2{font-size:150%;}
		
		._tmps._ih2col ._ih2col_left{float:none;width:auto;}
		._tmps._ih2col ._ih2col_leftin{padding:0px;}
		._tmps._ih2col ._ih2col_outer{margin-right:0px;}
		._tmps._ih2col ._ih2col_right{float:none;width:auto;}
		._tmps._ih2col ._ih2col_rightin{padding:0px;}
		
		
		._tmps._ih4col ._ih4col_outer{margin-right:0px;}
		._tmps._ih4col ._ih4col_left{float:left;width:auto;}
		._tmps._ih4col ._ih4col_leftin{padding-right:0px;}
		._tmps._ih4col ._ih4col_right{float:right;width:auto;}
		._tmps._ih4col ._ih4col_rightin{padding-right:0px;}
		
	}