@charset "UTF-8";
/* CSS Document */



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/




	
	
/* fv_slider
--------------------- */
#fv_slider {
	padding-top: 100px;
}
	#fv_slider .swiper-container {
		width: 100%;
	}
		#fv_slider .swiper-container .swiper-slide {
			width: 100%;
			height: 500px;
		}
			#fv_slider .swiper-container .swiper-slide a {
				display: block;
				height: 500px;
			}
				#fv_slider .swiper-container .swiper-slide img {
					display: none;
				}


	#fv_slider .swiper-pagination {
		bottom: 15px;
	}
		#fv_slider .swiper-pagination .swiper-pagination-bullet {
			width: 10px;
			height: 10px;
			background: #fff;
			border: solid 1px #484848;
			opacity: 1;
			margin: 0 10px;
		}
		#fv_slider .swiper-pagination .swiper-pagination-bullet-active {
			background: #484848;
			border: solid 1px #484848;
		}



	
	
/* news
--------------------- */
#news {
	background: #fff2f2;
	padding-top: 18px;
	padding-bottom: 18px;
}
	#news dl {
		width: -webkit-calc(100% - 130px);
		width: calc(100% - 130px);
	}
		#news dl dt {
			font-size: 75%;
			color: #c86067;
			padding-right: 16px;
			padding-top: 2px;
		}
		#news dl dd {
		}
			#news dl dd a {
				display: block;
				font-size: 82%;
				transition: 0.3s;
				-webkit−transition: 0.3s;
				padding-right: 24px;
			}
			#news dl dd a:hover {
				color: #c86067;
			}


	#news .more {
		/*padding-top: 7px;*/
	}
		#news .more a {
			display: block;
			background: url(https://piccin0301.itembox.design/item/piccin/img/btn_arrow_black.svg) no-repeat right center;
			font-size: 79%;
			padding-right: 35px;
			line-height: 1;
			transition: 0.3s;
			-webkit−transition: 0.3s;
		}
		#news .more a:hover {
			padding-right: 30px;
		}


/* igtv
--------------------- */
#igtv {
	background: floralwhite;
	padding-top: 14px;
	padding-bottom: 14px;
}
	#igtv dl {
		width: -webkit-calc(100% - 130px);
		width: calc(100% - 130px);
	}
		#igtv dl dt {
			font-size: 75%;
			color: #c86067;
			padding-right: 16px;
			padding-top: 2px;
		}
		#igtv dl dd {
		}
			#igtv dl dd a {
				display: block;
				font-size: 82%;
				transition: 0.3s;
				-webkit−transition: 0.3s;
				padding-right: 24px;
			}
			#igtv dl dd a:hover {
				color: #c86067;
			}


	#igtv .more {
				float: right;
				padding-top: 7px;
			}
		#igtv .more a {
			display: block;
			background: url(https://piccin0301.itembox.design/item/piccin/img/btn_arrow_black.svg) no-repeat right center;
			font-size: 79%;
			padding-right: 35px;
			line-height: 1;
			transition: 0.3s;
			-webkit−transition: 0.3s;
		}
		#igtv .more a:hover {
			padding-right: 30px;
		}
/* streco
--------------------- */
#streco {
	background: #fff2f2;
	padding-top: 14px;
	padding-bottom: 14px;
}
	#streco dl {
		width: -webkit-calc(100% - 130px);
		width: calc(100% - 130px);
	}
		#streco dl dt {
			font-size: 75%;
			color: #c86067;
			padding-right: 16px;
			padding-top: 2px;
		}
		#streco dl dd {
		}
			#streco dl dd a {
				display: block;
				font-size: 82%;
				transition: 0.3s;
				-webkit−transition: 0.3s;
				padding-right: 24px;
			}
			#streco dl dd a:hover {
				color: #c86067;
			}


	#streco .more {
				float: right;
				padding-top: 7px;
			}
		#streco .more a {
			display: block;
			background: url(https://piccin0301.itembox.design/item/piccin/img/btn_arrow_black.svg) no-repeat right center;
			font-size: 79%;
			padding-right: 35px;
			line-height: 1;
			transition: 0.3s;
			-webkit−transition: 0.3s;
		}
		#streco .more a:hover {
			padding-right: 30px;
		}	
	
/* word
--------------------- */
#word {
	padding-top: 20px;
	padding-bottom: 15px;
}
	#word h2 {
		font-size: 115%;
		padding-right: 20px;
	}


	#word ul.tagt {
		/*padding-top: 4px;*/
	}
		#word ul.tagt li {
			margin-right: 10px;
		}
		#word ul.tagt li:nth-last-child(1) {
			margin-right: 0;
		}
			#word ul.tagt li a {
				display: block;
				height: 22px;
				font-size: 79%;
				letter-spacing: 0.1em;
			}
				#word ul.tagt li a span {
					background: #fff2f2;
					border-radius: 22px;
					padding: 3px 10px;
					transition: 0.3s;
					-webkit−transition: 0.3s;
				}
				#word ul.tagt li a:hover span {
					background: #484848;
					color: #fff;
				}



	
	
/* bnrarea
--------------------- */
#bnrarea {
	padding-bottom: 90px;
}
	#bnrarea .bnrbox {
		width: 48%;
	}
		#bnrarea .bnrbox a {
			display: block;
			overflow: hidden;
		}
			#bnrarea .bnrbox a img {
				-moz-transition: -moz-transform 0.2s linear;
				-webkit-transition: -webkit-transform 0.2s linear;
				-o-transition: -o-transform 0.2s linear;
				-ms-transition: -ms-transform 0.2s linear;
				transition: transform 0.2s linear;
			}
			#bnrarea .bnrbox a:hover img {
				-webkit-transform: scale(1.05);
				-moz-transform: scale(1.05);
				-o-transform: scale(1.05);
				-ms-transform: scale(1.05);
				transform: scale(1.05);
			}



	
	
/* new
--------------------- */
#new {
	padding-bottom: 10px;
}
	#new .fr2-carousel {
	  display: none;
	}
	#new .fr2-carousel.rcmd-slick-initialized {
	  display: block;
	}
	#new .fr2-carousel .rcmd-slick-arrow::before {
		display: none;
	}

	#new .fr2-carousel .rcmd-slick-prev {
		display: none;
		width: 40px;
		height: 40px;
		left: 0;
	}

	#new .fr2-carousel .rcmd-slick-next {
		display: none;
		width: 40px;
		height: 40px;
		right: 0;
		top: 42%;
		transform: rotate(180deg);
	}
	#new .fr2-carousel .rcmd-slick-list {
	  width: auto;
	  margin: 0;
	}

	#new .fr2-listItem {
	  box-sizing: border-box;
	  padding: 8px;
	  word-break: break-all;
	  vertical-align: middle;
    }
	  #new .fr2-listItem__link {
		color: inherit;
		text-decoration: none; }
	 

	#new .fr2-listItem__imageContainer {
		overflow: hidden;
	}
		#new .fr2-listItem__imageContainer img {
			-moz-transition: -moz-transform 0.2s linear;
			-webkit-transition: -webkit-transform 0.2s linear;
			-o-transition: -o-transform 0.2s linear;
			-ms-transition: -ms-transform 0.2s linear;
			transition: transform 0.2s linear;
		}
		#new a:hover .fr2-listItem__imageContainer img {
			-webkit-transform: scale(1.05);
			-moz-transform: scale(1.05);
			-o-transform: scale(1.05);
			-ms-transform: scale(1.05);
			transform: scale(1.05);
		}

	#new h3 {
		font-size: 12px;
		font-weight: 500;
		line-height: 1.4em;
		padding-top: 5px;
		padding-bottom: 0px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	#new .pricebox {
		font-size: 72%;
	}
		#new .pricebox .en {
			font-size: 14px;
		}
		#new .pricebox .tax {
			padding-top: 5px;
		}



	
	
/* ranking
--------------------- */
#ranking {
	padding-bottom: 20px;
}
	#ranking .fr2-carousel-ranking{
	  display: none;
	}
	#ranking .fr2-carousel-ranking.rcmd-slick-initialized {
	  display: block;
	}
	#ranking .fr2-carousel-ranking .rcmd-slick-arrow::before {
		display: none;
	}

	#ranking .fr2-carousel-ranking .rcmd-slick-prev {
		display: none;
		width: 40px;
		height: 40px;
		left: 0;
	}

	#ranking .fr2-carousel-ranking .rcmd-slick-next {
		display: none;
		width: 40px;
		height: 40px;
		right: 0;
		top: 42%;
		transform: rotate(180deg);
	}
	#ranking .fr2-carousel-ranking .rcmd-slick-list {
	  width: auto;
	  margin: 0;
	}


	#ranking .fr2-listItem {
		box-sizing: border-box;
		padding: 35px 8px 8px 8px;
		word-break: break-all;
		position: relative;
	}
	#ranking .fr2-listItem:after {
		width: 100%;
		font-family: 'Montserrat', sans-serif;
		font-size: 129%;
		font-weight: 500;
		text-align: center;
		position: absolute;
		top: 0;
		left: 0;
	}
	#ranking .fr2-listItem:nth-child(1):after {
		content: "No.1";
	}
	#ranking .fr2-listItem:nth-child(2):after {
		content: "No.2";
	}
	#ranking .fr2-listItem:nth-child(3):after {
		content: "No.3";
	}
	#ranking .fr2-listItem:nth-child(4):after {
		content: "No.4";
	}
	#ranking .fr2-listItem:nth-child(5):after {
		content: "No.5";
	}
	#ranking .fr2-listItem:nth-child(6):after {
		content: "No.6";
	}
	#ranking .fr2-listItem:nth-child(7):after {
		content: "No.7";
	}
	#ranking .fr2-listItem:nth-child(8):after {
		content: "No.8";
	}
	#ranking .fr2-listItem:nth-child(9):after {
		content: "No.9";
	}
	#ranking .fr2-listItem:nth-child(10):after {
		content: "No.10";
	}
		#ranking .fr2-listItem .fr2-listItem__link {
			color: inherit;
			text-decoration: none;
		}
	 

	#ranking .fr2-listItem__imageContainer {
		overflow: hidden;
	}
		#ranking .fr2-listItem__imageContainer img {
			-moz-transition: -moz-transform 0.2s linear;
			-webkit-transition: -webkit-transform 0.2s linear;
			-o-transition: -o-transform 0.2s linear;
			-ms-transition: -ms-transform 0.2s linear;
			transition: transform 0.2s linear;
		}
		#ranking a:hover .fr2-listItem__imageContainer img {
			-webkit-transform: scale(1.05);
			-moz-transform: scale(1.05);
			-o-transform: scale(1.05);
			-ms-transform: scale(1.05);
			transform: scale(1.05);
		}

	#ranking h3 {
		font-size: 12px;
		font-weight: 500;
		line-height: 1.4em;
		padding-top: 10px;
	}

	#ranking .pricebox {
		font-size: 72%;
	}
		#ranking .pricebox .en {
			font-size: 14px;
		}
		#ranking .pricebox .tax {
			padding-top: 5px;
		}



	
	
/* recommended
--------------------- */
#recommended {
	padding-bottom: 20px;
}
	#recommended .fr2-carousel-recommended{
	  display: none;
	}
	#recommended .fr2-carousel-recommended.rcmd-slick-initialized {
	  display: block;
	}
	#recommended .fr2-carousel-recommended .rcmd-slick-arrow::before {
		display: none;
	}

	#recommended .fr2-carousel-recommended .rcmd-slick-prev {
		display: none;
		width: 40px;
		height: 40px;
		left: 0;
	}

	#recommended .fr2-carousel-recommended .rcmd-slick-next {
		display: none;
		width: 40px;
		height: 40px;
		right: 0;
		top: 42%;
		transform: rotate(180deg);
	}
	#recommended .fr2-carousel-recommended .rcmd-slick-list {
	  width: auto;
	  margin: 0;
	}

	#recommended .fr2-listItem {
	  box-sizing: border-box;
	  padding: 8px;
	  word-break: break-all;
	  vertical-align: middle;
	  }
	  #recommended .fr2-listItem__link {
		color: inherit;
		text-decoration: none; }
	 

	#recommended .fr2-listItem__imageContainer {
		overflow: hidden;
	}
		#recommended .fr2-listItem__imageContainer img {
			-moz-transition: -moz-transform 0.2s linear;
			-webkit-transition: -webkit-transform 0.2s linear;
			-o-transition: -o-transform 0.2s linear;
			-ms-transition: -ms-transform 0.2s linear;
			transition: transform 0.2s linear;
		}
		#recommended a:hover .fr2-listItem__imageContainer img {
			-webkit-transform: scale(1.05);
			-moz-transform: scale(1.05);
			-o-transform: scale(1.05);
			-ms-transform: scale(1.05);
			transform: scale(1.05);
		}

	#recommended h3 {
		font-size: 12px;
		font-weight: 500;
		line-height: 1.4em;
		padding-top: 10px;
		padding-bottom: 0px;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	#recommended .pricebox {
		font-size: 72%;
		color: #c76067;
	}
		#recommended .pricebox .en {
			font-size: 14px;
		}
		#recommended .pricebox .tax {
			padding-top: 5px;
		}



	
	
/* features
--------------------- */
#features {
	padding-bottom: 20px;
}



	
	
/* coordinate
--------------------- */
#coordinate {
	padding-bottom: 30px;
}

/* video
--------------------- */
.videobox {
    position: relative;
    width: 240px;
    height: 430px;
    padding-bottom: 10%;
	margin: auto;
}
.vbvideo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* prima
--------------------- */

.features-list-pr {
    	margin: auto;
	width: 70%;
}

.features-list-pr .prima {
    padding-bottom: 10px;
	width: 300px;
	margin: auto;
	}




/* 1200px */
@media screen and (max-width: 1200px) {





	
	
/* fv_slider
--------------------- */
#fv_slider {
	padding-top: 60px;
}
	#fv_slider .swiper-container .swiper-slide {
		height: 500px;
	}
		#fv_slider .swiper-container .swiper-slide a {
			height: 500px;
		}



	
	
/* news
--------------------- */
#news .more {
/*	padding-top: 17px;*/
}

/* video
--------------------- */

.features-list .ytbox {
    width: 50%;
    padding: 6px;
    margin: auto;
}




}

	



/* max 800px */
@media screen and (max-width: 800px) {




	
	
/* fv_slider
--------------------- */
#fv_slider .swiper-container .swiper-slide {
	height: auto;
	background: none !important;
}
	#fv_slider .swiper-container .swiper-slide a {
		height: auto;
	}
		#fv_slider .swiper-container .swiper-slide img {
			display: block;
		}


	#fv_slider .swiper-pagination {
		bottom: 5px;
	}



	
/* news
--------------------- */
#news .more {
/*	padding-top: 7px; */
}

/* video
--------------------- */

.features-list .ytbox {
    width: 50%;
    padding: 6px;
    margin: 0;
}
	
}






/* max 767px */
@media screen and (max-width: 767px) {





	
	
/* news
--------------------- */
#news {
	/*display: block;*/
}
	#news dl {
		/*display: inline;*/
		width: 92%;
		text-align: center;
			}
		#news dl dt {
			/*padding-bottom: 4px;
			padding-top: 4px;*/
		}

	
	#news .more {
		width: 100px;
		margin: auto;
			}
		#news .more a {
			padding-right: 0;
		}



	
	
/* word
--------------------- */
#word {
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
}
	#word h2 {
		font-size: 115%;
		padding-right: 0;
		text-align: center;
	}


	#word ul.tagt {
		padding-top: 20px;
		display: flex;
		justify-content: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
	}
		#word ul.tagt li {
			margin-bottom: 10px;
		}

	#word ul.tagt {
		padding-top: 10px;
	}

	
	
/* bnrarea
--------------------- */
#bnrarea {
	padding-bottom: 50px;
}



	
	
/* new
--------------------- */
#new {
	padding-bottom: 20px;
}
	#new h3 {
		font-size: 12px;
		padding-bottom: 4px;
	}

	#new .pricebox {
		font-size: 72%;
	}
		#new .pricebox .en {
			font-size: 13px;
		}
		#new .pricebox .tax {
			padding-top: 3px;
		}



	
	
/* ranking
--------------------- */
#ranking {
	padding-bottom: 10px;
}
	#ranking h3 {
		font-size: 13px;
	}

	#ranking .pricebox {
		font-size: 72%;
	}
		#ranking .pricebox .en {
			font-size: 13px;
		}
		#ranking .pricebox .tax {
			padding-top: 3px;
		}

	
	
/* recommended
--------------------- */
#recommended {
	padding-bottom: 20px;
}
	#recommended h3 {
		font-size: 13px;
		padding-bottom: 10px;
	}

	#recommended .pricebox {
		font-size: 72%;
		color: #c76067;
	}
		#recommended .pricebox .en {
			font-size: 13px;
		}
		#recommended .pricebox .tax {
			padding-top: 3px;
		}



	
	
/* features
--------------------- */
#features {
	padding-bottom: 20px;
}
	#features .features-list .box:nth-child(3) {
		display: none;
	}



	
	
/* coordinate
--------------------- */
#coordinate {
	padding-bottom: 20px;
}
	#coordinate .coordinate-list .box:nth-child(3),
	#coordinate .coordinate-list .box:nth-child(4) {
		display: none;
	}


/* video
--------------------- */

.features-list .ytbox {
    width: 100%;
    padding: 6px;
    margin: auto;
}


/* igtv
--------------------- */
#igtv {
	/*display: block;*/
}
	
	#igtv .more {
		width: 100px;
		/*margin: auto;
		float: initial;*/
		padding-top: 7px;
	}
		#igtv .more a {
			padding-right: 0;
		}

.features-list-pr {
    display: initial;
}		

/* streco
--------------------- */
#streco {
	/*display: block;*/
}
	
	#streco .more {
		width: 100px;
		/*margin: auto;
		float: initial;*/
		padding-top: 7px;
	}
		#streco .more a {
			padding-right: 0;
		}

}