
body {
  position: relative;
}
#pc_header .top .right div a:hover,
#timesale_info a:hover,
#pc_footer .right .serch_pick li a:hover{
	text-decoration:underline;
}
#category .cat_box .box a,
#pc_footer .left a{
	display: block;
    width: 100%;
    height: 100%;
}

a img:hover{
	opacity:0.8;
}


/**************************/
#timesale_info{
	font-size:16px;
	padding: 10px 0;
	line-height: 19px;
}
#timesale_info .one_box div span{
	font-size: 13px;
    padding: 0px 8px;
    color: #c20b09;
    background-color: #ffffff;
    line-height: 21px;
}
#pc_header {
  width: 100%;
  height: 160px;
  background-color: #ffffff;;
  position: sticky;
  top: 0px;
  z-index:9999;
}


#pc_header{
	font-size:0;
	padding-top:20px;
}
#pc_header img {
	display:inline-block;
}

#pc_header .top {
	font-size:0;
}
#pc_header .left {
	font-size:11px;
	display:inline-block;
	width:39%;
}
#pc_header .right {
	font-size:11px;
	display:inline-block;
	text-align: right;
	width:61%;
	font-weight: bold;
}
#pc_header .top .right div {
	display:inline-block;
	border-right:1px solid #000000;;
	padding:0 10px;
}
#pc_header .top .right div:nth-child(1) {
	padding-left:0px;
}
#pc_header .top .right div a {
	text-decoration:none;
	color:#000000;
}

#pc_header .top .right div span{
	color:#ff0000;
}
#pc_header .bot {
	margin-top:6px;
	vertical-align: middle;
}
#pc_header .bot .left {
	font-size:11px;
	display:inline-block;
	width:39%;
	text-align:left;
	vertical-align: middle;
	height:45px;
	font-size:14.47px;
}

 #pc_header .bot .left span{
   letter-spacing: -1px;
    margin-left: 7px;
}


#pc_header .bot .right div {
	display:inline-block;
	vertical-align: middle;
}
#pc_header .bot .right div:nth-child(1),
#pc_header .bot .right div:nth-child(2),
#pc_header .bot .right div:nth-child(3)  {
	margin-left:10px;
}
#pc_header .bot .right div:nth-child(4)  {
	margin-left:11px;
	height:27px;
	line-height:27px;
}
#pc_header .bot .right div:nth-child(5),
#pc_header .bot .right div:nth-child(6),
#pc_header .bot .right div:nth-child(7)  {
	padding:0 5px;
}
#pc_header .bot .right div:nth-child(7)  {
	padding-right:0;
}


#main_slider{
	margin-top:30px;
}

/**/
.search_box{
	background-color:#ffffff;
	width: 36%;
	border-bottom: 1px solid #000000;
	text-align: left;
	height: 37px;
    position: relative;
}
#pc_header .bot .submit{
    height: 26px;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 5px;
    margin: auto;
}
#pc_header .bot #q{
	position: absolute;
    left: 0;
	top:0;
    bottom: 0px;
    font-size: 12px;
	font-weight:normal;
	width:100%;
}
#pc_header .bot input{
	border: none;
	outline: none;
}

#pc_header .navi{
	border-top:1px solid #e5e5e5;
	background-color:#f4f3f3;
	font-size:0;
    margin-top: 21px;
}
#pc_header .navi .inner{
	position:relative;
}

#pc_header .navi .menu{
	font-size:18px;
	display:inline-block;
	width:calc(100%/4);
	margin:8px 0;
	text-align:center;
	border-left:1px solid #ffffff;
	cursor:pointer;
}

#pc_header .navi .menu a{
	color:#111111;
	text-decoration:none;
}

#pc_header .navi .menu:nth-child(4){
	border-right:1px solid #ffffff;
}
#pc_header .navi .menu:nth-child(4) #head_cat_menu{
/*
	display:none;
*/
	display:none;

}
/* hover */
#pc_header .navi .menu:hover{
	background-color:#ffffff;
	padding:8px 0;
	margin:0 0;

}
#pc_header .navi .menu:nth-child(4):hover{
	border-right:1px solid #ffffff;
}
#pc_header .navi .menu:nth-child(4):hover #head_cat_menu{
	display:block;
}
#pc_header .navi .menu:nth-child(4) #head_cat_menu{
	position:absolute;
	top:47px;
	left:0;
	background: rgba(255,255,255,0.9);
	width:100%;
	height:220px;
	font-size:0;
	text-align:left;
}
#pc_header .navi .menu:nth-child(4) #head_cat_menu .box{
	border-bottom:2px dotted #898989;
	position:relative;
}
#pc_header .navi .menu:nth-child(4) #head_cat_menu .box:after{
		position: absolute;
		content: "";
		border: 1px solid #737372;
		border-width: 0 1px 1px 0;
		display: inline-block;
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		right: 12px;
		line-height: 50px;
		
		padding: 4px;
		top: 22px;
}
#pc_header .navi .menu:nth-child(4) #head_cat_menu .box .image{
	font-size:1rem;
	display:inline-block;
	vertical-align:middle;
	
	width: 30px;
    height: inherit;
    margin-right: 5px;
    margin-left: 10px;	
}
#pc_header .navi .menu:nth-child(4) #head_cat_menu .box .text{
	font-size:1rem;
	display:inline-block;
	text-align:left;
	vertical-align:middle;
	height:50px;
	line-height:50px;

}


/*******************************************************************/
#pc_footer{
	background-color:#f4f3f3;
	padding-top:80px;
	padding-bottom:75px;
	margin-top:160px;
}



#pc_footer .top{
	font-size:0;
}

#pc_footer .left,
#pc_footer .right{
	display:inline-block;
	vertical-align:top;
}

#pc_footer .left{
    width: 45%;
    margin-right: 5%;
}
#pc_footer .right{
	margin-left:10px;
	width:calc(50% - 10px);
	
}

#pc_footer .left img{
	display:inline;
}
#pc_footer .left{
	font-size: 11px;
    text-align: left;
}
#pc_footer .left a{
	text-decoration:none;
	color:#000000;
}
#pc_footer .left .title3{
	margin:17px auto;
}
#pc_footer .left .title3 span {
    background-color: #f4f3f3;
	font-size:14px;
	padding:0 14px;
}

#pc_footer .left .box {
    background-color: #ffffff;
	position:relative;
	height:52px;
	line-height:52px;
	margin-bottom:10px;
	text-align:center;
	font-size:16px;
	    border-radius: 6px;
}

#pc_footer .left .box:after{
		position: absolute;
		content: "";
		border: 1px solid #737372;
		border-width: 0 1px 1px 0;
		display: inline-block;
		padding: 5px;
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		right: 18px;
		top: 18px;
		line-height: 50px;
}

#pc_footer .left .catchcopy{
	margin-bottom:11px;
}

#pc_footer .left .logo{
	margin-bottom:31px;
	font-size:14.47px;
}
.tbl{
	border:1px solid #7a7a7a;
	margin-top:25px;
}
.tbl div{
	padding-top:15px;
	padding-bottom:15px;
	padding-left:20px;
	font-size:13px;
}

.tbl div + div{
	border-top:1px solid #7a7a7a;
}



#pc_footer .right{
	font-size: 11px;
    text-align: left;
}



#pc_footer .right .title{
	text-align:left;
}
#pc_footer .right .title span{
	font-size:16px;
}
#pc_footer .right .title span:after {
    left: 0;
    right: auto;
    width: 60px;

}

#pc_footer .right .search_box{
	width:100%;
}
#pc_footer .right .search_box .text{
	top: 0;
    position: absolute;
	height:35px;
	line-height:35px;
	padding-left:20px;
	width:calc(100% - 35px);
}
#pc_footer .right .search_box .submit{
	right: 0;
    position: absolute;
	margin:5px;
	height:25px;
}

#pc_footer .right .search_box input {
    border: none;
    outline: none;
}

#pc_footer .right .serch{
	font-size:0;
}
#pc_footer .right .serch_pick{
	font-size:14px;
	display:inline-block;
	vertical-align:top;
	margin-top:40px;
	width:50%;
}
#pc_footer .right .serch_pick:nth-child(2){
	width:47%;
	margin-left:3%;
}

#pc_footer .right .serch_pick ul{
	margin-top:20px;
}
#pc_footer .right .serch_pick li{
	padding-left:10px;
	list-style:none;
	position:relative;
}
#pc_footer .right .serch_pick li a{
	color:#000000;
	text-decoration:none;
}

#pc_footer .right .serch_pick li:after{
	position:absolute;
	display:inline-block;
	content:"-";
	top:0;
	left:0;
}
#pc_footer .right .serch_pick .box{
	margin-top:36px;
}

#pc_footer .bot{
	margin-top:50px;
}
#pc_footer .bot .cc{
	margin-top:80px;
    font-size: 11px;
	text-align:center;
}

#pc_footer .bot #foot_cat_menu{
	width:100%;
	font-size:0;
}
#pc_footer .bot #foot_cat_menu .box{
	font-size:1rem;
	display:inline-block;
	width:calc(92% / 5);
	margin-right:2%;
}
#pc_footer .bot #foot_cat_menu .box:nth-child(5n){
	margin-right:0;
}
#pc_footer .bot #foot_cat_menu .box,
#pc_footer .right .serch_pick .box{
	border-bottom:1px solid #000000;
	position:relative;
	font-size:16px;
	line-height: 28px;
    padding-left: 6px;
}
#pc_footer .bot #foot_cat_menu .box a,
#pc_footer .right .serch_pick .box a{
	font-size:16px;
	color:#000000;
	text-decoration:none;
}
#pc_footer .bot #foot_cat_menu .box:after,
#pc_footer .right .serch_pick .box:after{
		position: absolute;
		content: "";
		border: 1px solid #737372;
		border-width: 0 1px 1px 0;
		display: inline-block;
		padding: 4px;
		transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		right: 6px;
		top: 10px;
}

/**************************************************

	トップコンテンツ

**************************************************/
.swiper-pagination-bullets{
	text-align:center;
	bottom: -5px !important;
}
.title {
	margin-top: 50px;
}
.title span {
    position: relative;
    padding-bottom: 1%;
    font-size: 24px;
}
.title span:after {
    width: 42%;
}

hr {
    margin: 80px auto;
}
.title2 {
    margin-bottom: 40px;
}
#rnk .title2 {
    margin-bottom: 23px;
}
.title2 div{
	font-size: 24px;
    line-height: 27px;
    letter-spacing: 2px;
}
.title2 span{
    font-size: 12.5px;
}
.title3{
	margin-top:17px;
}
.title3 span {
    padding: 0 15px;
    font-size: 22px;
	letter-spacing: 2px;
}
.rank_box .box{
	margin-bottom:5%;
	vertical-align:top;
}
.rank_box .no{
	height:30px;
	margin-bottom:10px;
	font-size:20px;
}
.rank_box .price{
	margin-top:2px;
}
.rank_box .price span:nth-child(1),
.reco_box .box span:nth-child(1),
#insta_slider .swiper-wrapper span:nth-child(1){
	font-size:20px;
}
.rank_box .price span:nth-child(2),
.reco_box .box span:nth-child(2),
#insta_slider .swiper-wrapper span:nth-child(2){
	font-size:12px;
}
.more{
	margin-top:50px;
	padding-bottom: 30px;
	margin-bottom:80px;
}
.more a span{
	margin-top:30px;
	font-size:16px;
	padding: 6px 47px;
}
#rnk_wrap{
	margin-top: -220px;
    padding-top: 220px;
}
#rnk .box_wrap .box {
    text-align: center;
    margin-bottom: 3%;
}

.reco_box .box{
	margin-bottom:30px;
}
.reco_box .image{
	margin-bottom:10px;
}
#insta_slider .swiper-wrapper .tex{
	font-size:12px;
}
.reco_box .text,
#insta_slider .swiper-wrapper .text .font_urbanist{
	font-size:14px;
}
.reco_box a .souryou{
	font-size:12px;
	padding:4px 5px;
}
.sf_box .box {
    margin-bottom: 25px;
    width: 49%;
    margin-right: 2%;
	font-size: 0;
}
.sf_box .box .text {
    width: 62%;
}
.sf_box .box .image {
    width: 32%;
    margin-right: 4%;
}

.sf_box .text span{
	font-size:14px;
}

.sf_box .text div:nth-child(2){
	font-size:16px;
	font-weight:bold;
}
.sf_box .text div:nth-child(3){
	font-size:12px;
}

#category .title2{
	margin-bottom:18px;
}

#category .cat_box .box{
	margin-bottom:10px;
}
#category .cat_box .box .image {
	width: 30px;
    height: inherit;
    margin-right: 5px;
    margin-left: 10px;
}

#category .cat_box .box:after{
	padding:4px;
	top:22px;
}



/**************************************************

	調整

**************************************************/

@media only screen and (max-width:1050px){
	#pc_header{
		padding-top: 2px;
	}
	#pc_header .left,
	#pc_header .right{
		display: block;
		width: 100%;
		text-align:center;
	}
	#pc_header .bot .left {
		display: block;
		width: 100%;
		text-align:center;
		margin: 20px auto 0px;
	}
	#pc_header .navi {
		margin-top: -1px;
	}	
	#pc_header .navi .menu:nth-child(4) #head_cat_menu {
		top: 42px;
	}
	#pc_footer .bot #foot_cat_menu .box {
		width: calc(96% / 2);
		margin-right: 2%;
	}
	#pc_footer .right .serch{
		position:relative;
		padding-bottom: 45px;
	}
	#pc_footer .right .serch_pick .box{
		position:absolute;
		width:100%;
		bottom:0;
		left:0;
	}
	.tbl div {
		padding-left: 10px;
	}	
}

