@charset "utf-8";
/*
channel code : qhtGN7wHcQse
for store
*/
/* campaign_css */
.cam_osusume{ width:100%;}
#campaign_cont .custom_thum {
    display: flex;
    margin-bottom: 24px;
}
#campaign_cont .custom_thum li {
    text-align: center;
}
#campaign_cont .custom_thum li a.color_image p {
    font-size: 13px;
    color: #1a1a1a;
    line-height: 1.5em;
}
#customize_cont .colorbox .select_box .custom_block dl dd #sr_sim_tenban_comment_sp span span{color: #C00;}
#customize_cont .body_comment {max-width: 1200px; margin:auto; }

#campaign_cont #cam_openblock ul.target.sh_series li {
    width: 50%!important;
}

.gallery-sec-sc.background {
	position: relative;
	background: #ffb6c1;
	color: #fff;
    padding: 50px 30px;
	margin-bottom: 50px;
}
.gallery-sec-sc .gallery-cnt {
	max-width: 968px;
	margin: 0 auto;
}
.gallery-sec-sc .gallery-ttl.card-ttl {
	margin-top: 105px;
	text-align: right;
}
.gallery-sec-sc .gallery-ttl-jp-area {
	width: 48%;
    margin: 30px -50px 30px 0;
    padding: 20px 30px;
    background: #fff;	
	color: #333;
}
.gallery-sec-sc .gallery-ttl-jp {
	font-size: 26px;
	font-size: 2.6rem;
}
.gallery-sec-sc .gallery-ttl-jp span {
	font-size: 22px;
	font-size: 2.2rem;
}
.gallery-sec-sc .gallery-exp {
	font-size: 1.6rem;
	line-height: 1.6;
	margin-top: 15px
}
.gallery-sec-sc .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
}
.gallery-sec-sc .leather-gallery-block {
	max-width: 598px;
	margin: 50px auto 0
}

.gallery-sec-fc.background {
	position: relative;
	background: #b0e0e6;
	color: #fff;
    padding: 50px 30px;
	margin-bottom: 50px;
}
.gallery-sec-fc .gallery-cnt {
	max-width: 968px;
	margin: 0 auto;
}
.gallery-sec-fc .gallery-ttl.card-ttl {
	margin-top: 105px;
	text-align: right;
}
.gallery-sec-fc .gallery-ttl-jp-area {
	width: 48%;
    margin: 30px -50px 30px 0;
    padding: 20px 30px;
    background: #fff;	
	color: #333;
}
.gallery-sec-fc .gallery-ttl-jp {
	font-size: 26px;
	font-size: 2.6rem;
}
.gallery-sec-fc .gallery-ttl-jp span {
	font-size: 22px;
	font-size: 2.2rem;
}
.gallery-sec-fc .gallery-exp {
	font-size: 1.6rem;
	line-height: 1.6;
	margin-top: 15px
}
.gallery-sec-fc .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
}
.gallery-sec-fc .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 input[name='cp_switch2'] {
	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 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 input[name='cp_switch2']:checked + label {
	border: 2px solid #00BEF8;
	opacity: 1;
}
.cp_cssslider input[name='cp_switch2'] ~ img {
	opacity: 0;
}
.cp_cssslider input[name='cp_switch2']:checked + label + img {
	opacity: 1;
}
.cp_cssslider input[name='cp_switch2']:checked + label {
	border: 2px solid #00BEF8;
	opacity: 1;
}
.cp_cssslider input[name='cp_switch2'] ~ img {
	opacity: 0;
}
.cp_cssslider input[name='cp_switch2']: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;
	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: 1200px) {
#customize_cont .body_comment{width: calc(100% - 64px); max-width: none;}
}
@media screen and (max-width: 640px) {
#campaign_cont .custom_thum {
        justify-content: space-between;
        flex-wrap: wrap;
    }
#campaign_cont .custom_thum li {
        width: 49%;
    }
#campaign_cont .custom_thum li a.color_image p {margin-bottom: 1em;}
#campaign_cont .cam_block_1-1-1 .layout_l{ padding-bottom:32px;}
    #customize_cont .colorbox div.select_box {width: 94% !important; flex-wrap: wrap;}
	#customize_cont .colorbox .select_box .tenban { margin:auto;}
	#customize_cont .colorbox .select_box .custom_block{width: 100%;}
	#customize_cont .body_comment{width: 94%;}
    .colorbox .select_box .custom_block ul.custom_color_thum li{display: inline-block; margin-left:0 !important; margin-right:10px !important;}	
.gallery-sec-sc,.gallery-sec-fc {
	padding: 70px 15px;
	}
	.gallery-sec-sc:before,.gallery-sec-fc: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: 125px 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;
	}
	
	
}