@charset "utf-8";
/*
channel code : qhtGN7wHcQse
for store
*/
/* campaign_css */
#campaign_cont #cam_openblock ul.target.sh_series li { width:50%;}
.cam_open_btn img { vertical-align:middle; width:1.5em}
img.cam_icon { vertical-align:middle; width:1.5em}
#office .cam_flow{border-top:0px solid #1a1a1a;margin-bottom: 0;}
#office .cam_flow:first-of-type{border-top:1px solid #1a1a1a;}
.cam_osusume{ width:100%;}

#wrap{
	min-width: 100%!important;
}

.btn-product-lineup-order span,.btn-product-lineup-order a{
	color:#fff!important;
}

.gallery-sec.background {
	position: relative;
	background: #a0d8ec;
	color: #fff;
    padding: 50px 30px;
	margin-bottom: 50px;
}
.gallery-cnt {
	max-width: 968px;
	margin: 0 auto;
}
.gallery-ttl.card-ttl {
	margin-top: 105px;
	text-align: right;
}
.gallery-ttl-jp-area {
	width: 48%;
    margin: 30px -50px 30px 0;
    padding: 20px 30px;
    background: #fff;	
	color: #333;
}
.gallery-ttl-jp {
	font-size: 26px;
	font-size: 2.6rem;
}
.gallery-ttl-jp span {
	font-size: 22px;
	font-size: 2.2rem;
}
.gallery-exp {
	font-size: 1.6rem;
	line-height: 1.6;
	margin-top: 15px
}
.gallery-exp-num {
	display: inline-block;
	border: 1px solid #ccc;
	margin-top: 15px;
	padding: 5px 10px 7px;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.6
}
.leather-gallery-block {
	max-width: 598px;
	margin: 50px auto 0
}
.cp_cssslider,.cp_cssslider_b {
	width: 500px;
	padding-top: 200px; /* 画像の高さ */
	position: relative;
	margin: 0 auto;
	text-align: center;
}
.cp_cssslider > img {
	position: absolute;
	left: 0;
	top: 0;
	transition: all 0.5s;
	border-radius: 3px;
	box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3);
}
.cp_cssslider_b > img {
	position: absolute;
	left: 0;
	top: 0;
	transition: all 0.5s;
	border-radius: 3px;
	box-shadow:0px 0px 5px 0px rgba(0,0,0,0.3);
}
.cp_cssslider input[name='cp_switch'] {
	display: none;
}
.cp_cssslider_b input[name='cp_switch'] {
	display: none;
}
.cp_cssslider input[name='cp_switch_blue'] {
	display: none;
}
.cp_cssslider_b input[name='cp_switch_blue'] {
	display: none;
}

/* サムネイル */
.cp_cssslider label,.cp_cssslider_b label {
	margin: 195px 5px 0 5px;
	border: 2px solid #ffffff;
	display: inline-block;
	cursor: pointer;
	transition: all 0.5s ease;
	opacity: 0.6;
	border-radius: 3px;
}
.cp_cssslider label:hover,.cp_cssslider_b label:hover {
	opacity: 0.9;
}
.cp_cssslider label img,.cp_cssslider_b label img {
	display: block;
	width: 65px;
	border-radius: 2px;
}
.cp_cssslider input[name='cp_switch']:checked + label {
	border: 2px solid #00BEF8;
	opacity: 1;
}
.cp_cssslider input[name='cp_switch'] ~ img {
	opacity: 0;
}
.cp_cssslider input[name='cp_switch']:checked + label + img {
	opacity: 1;
}
.cp_cssslider_b input[name='cp_switch']:checked + label {
	border: 2px solid #00BEF8;
	opacity: 1;
}
.cp_cssslider_b input[name='cp_switch'] ~ img {
	opacity: 0;
}
.cp_cssslider_b input[name='cp_switch']:checked + label + img {
	opacity: 1;
}
.cp_cssslider input[name='cp_switch_blue']:checked + label {
	border: 2px solid #00BEF8;
	opacity: 1;
}
.cp_cssslider input[name='cp_switch_blue'] ~ img {
	opacity: 0;
}
.cp_cssslider input[name='cp_switch_blue']:checked + label + img {
	opacity: 1;
}
.cp_cssslider_b input[name='cp_switch_blue']:checked + label {
	border: 2px solid #00BEF8;
	opacity: 1;
}
.cp_cssslider_b input[name='cp_switch_blue'] ~ img {
	opacity: 0;
}
.cp_cssslider_b input[name='cp_switch_blue']:checked + label + img {
	opacity: 1;
}
.case_features {
	margin: 20px auto 0;
    font-size: 1.7rem;
}
.case_features td {
	padding: 10px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #fff;
    /*border-right: 1px solid #fff;*/
	color: #fff!important;
	text-align: center;
}
.case_features td:nth-of-type(2n){
	border-right: 0;
}
.card-photo-note {
	text-align: center;
	margin-top: 30px;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.6;
	color: #fff!important;
}


/* spn */
@media screen and (max-width: 640px) {
	.gallery-sec {
	padding: 70px 15px;
	}
	.gallery-sec:before{
		border-width: 0 100vw 50px 0;
	}
	.gallery-ttl-jp-area{
		width: 100%;
		margin: 30px 0;
		padding: 20px 20px 20px 30px;
	}
	.gallery-ttl{
		    top: -95px;
	}
	.gallery-ttl.card-ttl {
		margin-top: 40px;
	}
	.gallery-ttl-en img {
		width: auto;
		height: 40px;
	}
	.gallery-ttl-jp {
		font-size: 1.8rem;
	}
	.gallery-ttl-jp span {
		font-size: 1.6rem;
	}
	.gallery-ttl-en img {
	width: auto;
	height: 40px;
	}
	.gallery-exp {
	font-size: 1.4rem;
	margin-top: 10px;
	}
	.gallery-exp-num {
		font-size: 1.4rem;
		margin-top: 10px;
	}
	.leather-gallery-block {
	margin: 30px auto 0;
	}
	.cp_cssslider,.cp_cssslider_b {
	width:100%;
	}
	.cp_cssslider label, .cp_cssslider_b label {
		margin: 35px 5px 0 5px;
	}
	.cp_cssslider label img,.cp_cssslider_b label img {
	width: 38px;
	}
	.case_features{
		font-size: 1.3rem;
	}
	.case_features td {
		padding: 10px 8px;
	}
	.card-photo-note {
	text-align: left;
	font-size: 1.4rem;
	margin-top: 40px;
	padding-left: 1.0em;
	text-indent: -1.0em;
	}
	.breadcrumb ul{
		display: none;
	}
}