.wrapper{
 border: none;
}

#fivethings{
	letter-spacing: 0.08em;
	line-height: 2.1;
}

#fivethings .fadein {
	opacity : 0;
	transform : translate(0, 100px);
	transition : all 0.9s;}
 
#fivethings .fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}

#fivethings .fivethings-section__inner{
	width: 980px;
	margin: auto;
	padding: 100px 0;
}

#fivethings3 .fivethings-section__inner,
#fivethings5 .fivethings-section__inner{
	padding: 50px 0;
}


#fivethings h3{
	font-size: 36px;
	margin-bottom: 30px
}

#fivethings .favorite_main_image{
	margin: 0 auto 50px;
}

#fivethings .image_box{
	width: 600px;
	margin: 40px auto 0;
}

#fivethings .image_box p{
	margin-top: 10px;
	font-size: 12px;
}

#fivethings .column{
	border-top: 1px solid #7a7c2c;
	margin-top: 50px;
	padding-top: 50px;
}

#fivethings .column .float-l{
	width: 320px;
}

#fivethings .column .float-l p{
	margin-top: 10px;
}

#fivethings .column .float-r{
	width: 630px;
}

#fivethings .column .float-r dl dt{
	font-size: 26px;
	color: #313115;
}

#fivethings .column .float-r dl dd{
	margin-top: 10px;
}
/***** fivethings1 ******/
#fivethings1 .back_illust{
	position: relative;
}

#fivethings1 .back_illust:before{
	position: absolute;
	content: "";
	background: url(../img/favorite/fivethings_bridleleather/fivethings_img_12.png) no-repeat;
	top: 160px;
	right: 0;
	width: 460px;
	height: 450px;
	opacity: 0.5;
}

/***** fivethings5 ******/
#fivethings5 .leather-ttl{
	margin: 0 auto 36px;
}

#fivethings5 .leather-ttl h3{
	float:right;
}

#fivethings5 .leather-ttl img{
	vertical-align: middle;
	margin-right: 15px;
	width: 97px;
	float: left;
}

#fivethings5 .txt_box p{
	padding-top: 60px;
}

#fivethings5 dl{
	margin: 10px auto 100px;
	line-height: 1.5;
}

#fivethings5 dt{
	font-weight: bold;
}

#fivethings5 dd{
	text-indent: -1rem;
	padding-left: 1rem;
	font-size: 12px;
}

#slider{
	width: 720px;
	margin: 0 auto;
	position: relative;
}

#slider h4{
	margin-bottom: 15px;
	font-family: "Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo,"Sawarabi Mincho", serif;
	font-size: 22px;
	line-height: 1.0;
	font-weight: normal;
}

#slider .sub_ttl{
    position: absolute;
    top: 10px;
    left: 20px;
    text-align: center;
    font-size: 20px;
	color: #ffffff;
	font-family: "游明朝", YuMincho,"Times New Roman", "ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo,"Sawarabi Mincho", serif;
	font-weight: normal;
	letter-spacing: normal;
}

#slider .thumb-item-nav{
	margin-top: 20px;
}

#slider .thumb-item-nav li{
	position: relative;
}

.thumb-item-nav li p{
	opacity: 0;
	position: absolute;
	top: 30%;
	left: 30%;
}

.thumb-item-nav li:hover img{
	opacity: 0.9;
}

.thumb-item-nav li:hover p{
	opacity: 1;
}

#slider .thumb-caption{
	margin-top: 20px;
}

div.g-inner {
	position:relative;
	width:480px;
	height:400px;
}
#view {
	position: absolute;
	width:480px;
	height:300px;
	top:0;
	left:0;
	overflow:hidden;
}
#view p {
	position: absolute;
	width:480px;
	height:300px;
	top:0;
	left:0;
}
#thumbBtn {
	position:absolute;
	top:310px;
	right:0px;
}
#caption {
	position:absolute;
	top:310px;
	left:0px;
	text-align:left;
	width:220px;
}
#thumbBtn li {
	padding: 0 0 0 2px;
	float:left;
	text-align:right;
	width: 85px;
	cursor:pointer;
	
}
#thumbBtn li.active {
	opacity:0.5;
	filter:alpha(opacity=50);
	-ms-filter: "alpha( opacity=50 )";
}
#thumbBtn li img {
	border: solid 1px #ccc;
}

.sp-fade-arrows {
 opacity:1;
}

.sp-horizontal .sp-next-arrow, .sp-horizontal.sp-rtl .sp-previous-arrow {
    right: -40px;
}

.sp-horizontal .sp-previous-arrow {
    left: -40px;
}

.sp-caption-container{
	text-align: left;
}

.sp-caption-container span{
	font-family: "Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo,"Sawarabi Mincho", serif;
	letter-spacing: normal;
	font-size: 18px;
}

.sp-next-arrow::after, .sp-next-arrow::before, .sp-previous-arrow::after, .sp-previous-arrow::before {
	width: 10%;
    background-color: #333333;
}

.sp-bottom-thumbnails .sp-thumbnail-container, .sp-top-thumbnails .sp-thumbnail-container {
    margin-left: 0;
    margin-right: 0;
}

#slider .sp-thumbnail {
	width: 120px;
	height: 70px;
/*	padding: 8px;*
/*	background-color: #F0F0F0;*/
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	top: 0;
	left: 0;
}

#slider .sp-thumbnail:hover img{
	opacity: 0.2;
}

.sp-bottom-thumbnails.sp-has-pointer {
   margin-top: 10px
}

#slider .sp-thumbnail-title {
	margin-bottom: 5px;
	text-transform: uppercase;
	color: #333;
}

#slider .sp-thumbnail-description {
   font-size: 14px;
    color: #333;
    position: absolute;
    top: 0;
    left: 0;
    width: 120px;
    height: 70px;
	display: table;
}

#slider .sp-thumbnail-description p{
	opacity: 0;
	text-align: center;
	vertical-align: middle;
	display: table-cell;
}

#slider .sp-thumbnail-description:hover p{
	opacity: 1;
	font-family: "Times New Roman", "游明朝", YuMincho,"ヒラギノ明朝 Pr6 W6","Hiragino Mincho Pro", "HGS明朝E","メイリオ", "ＭＳ Ｐ明朝","MS PMincho",Meiryo,"Sawarabi Mincho", serif;

}

.sp-grab{
	cursor: pointer;
}

.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail::before {
    content: '';
    position: absolute;
    width: 120px;
    height: 70px;
    left: 8px;
    top: 0;
    margin-left: -8px;
	border: 3px solid #93954a;
	z-index: 1;
}

.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail::after {
    content: '';
    position: absolute;
    width: 120px;
    height: 70px;
    left: 8px;
    top: 0;
    margin-left: -8px;
	background-color: #ffffff;
	opacity: 0.8;
}

@media (max-width: 768px) {
#fivethings{
	line-height: 1.9;
}

#fivethings .fadein {
	opacity : 0;
	transform : translate(0, 20px);
	transition : all 0.9s;}
 
#fivethings .fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}

#fivethings .fivethings-section__inner{
	width: auto;
	padding: 19% 8.5%;
}

#fivethings h3 {
    margin-bottom: 10%;
}

#fivethings .image_box {
	width: 100%;
    margin: 6.9% auto 0;
}

#fivethings .image_box p {
    margin-top: 4.7%;
    font-size: 10px;
}

#fivethings .column {
    margin-top: 7.9%;
    padding-top: 7.9%;
}

#fivethings .column .float-l,
#fivethings .column .float-r{
	width: 100%;
}

#fivethings .column .float-r{
	margin-top: 11%;
}

#fivethings .column .float-l p {
    margin-top: 3.2%;
}
/***** fivethings1 ******/
#fivethings1 .back_illust:before {
	top: 130px;
	width: 300px;
	height: 200px;
	background-size: 100%;
	background-position-x: 90px;
}
/***** fivethings5 ******/
#fivethings5 dl {
    margin: 3.2% auto 19%;
}

#fivethings .column .float-r dl dt{
	font-size: 18px;
	text-align: center;
	line-height: 1.6;
}

#fivethings .column .float-r dl dd {
    margin-top: 7.9%;
}

#slider{
	width: 100%;
	margin: 0 auto;
}

.thumb-item-nav li p {
    top: 25%;
    left: 17%;
    font-size: 10px;
}

#slider h4{
	font-size: 1.2rem;
	margin-bottom: 3%;
}

#slider .sub_ttl{
	font-size: 1.0rem;
	top: 5px;
	left: 10px;
}

#slider .hide-medium-screen {
	display: none;
}
#slider .sp-layer {
	font-size: 12px;
}


#slider .hide-small-screen {
	display: none;
}
#slider .sp-thumbnail {
	text-align: center;
}

#slider .sp-thumbnail-title {
	font-size: 12px;
	text-transform: uppercase;
}

#slider .sp-thumbnail-description {
	display: none;
}

#slider .sp-thumbnail {
	width: 100%;
	height: 100%;
}

.sp-horizontal .sp-next-arrow, .sp-horizontal.sp-rtl .sp-previous-arrow {
	right: -20px;
}

.sp-horizontal .sp-previous-arrow {
	left: -20px;
}

#slider .sp-thumbnail-description{
	font-size: 10px;
}

.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail::before,
.sp-bottom-thumbnails.sp-has-pointer .sp-selected-thumbnail::after {
    width: 100%;
    height: 86%;
}
}