@charset "UTF-8";
/*!
Theme Name: Cocoon Child
Description: Cocoon専用の子テーマ
Theme URI: https://wp-cocoon.com/
Author: わいひら
Author URI: https://nelog.jp/
Template:   cocoon-master
Version:    2.50.0
*/
/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
body {
  margin: 0;
}

body a {
  transition: 0.5s all ease;
  -webkit-transition: 0.5s all ease;
  -moz-transition: 0.5s all ease;
  -o-transition: 0.5s all ease;
  -ms-transition: 0.5s all ease;
  text-decoration: none;
  color:#555;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
  margin: 0;
}

ul,
label {
  margin: 0;
  padding: 0;
}

body a:hover {
  text-decoration: none;
  color:rgb(45, 72, 126);
}

.pc_hidden {
  display: none;
}

#page-top {
  position: fixed;
  bottom: 0px;
  right: 0px;
  z-index: 999;
  width: 76px;
  height: 60px;
  background-color: rgba(51, 51, 51, 0.808);
  color: #fff;
  text-align: center;
  font-size: 10px;
  padding: 14px 10px;
  font-weight: bold;
}

#page-top i {
  display: block;
  font-size: 20px;
}

#page-top i:hover {
  text-decoration: none;
  background: #999;
}

.card {
  box-shadow: 0 20px 27px 0 rgba(0, 0, 0, .05);
}

ol,
ul {
  list-style: none;
}

/* header */
.site_title{
  padding-top:18px;
  padding-bottom:18px;
}
.brand {
  display: inline-block;
  font-weight: bold;
  font-size: 22px;
}

.site-header {
  position: relative;
  border-bottom:1px solid #eee;
}

.site-header__wrapper {
  text-align: center;
}
.site_description{
  margin-bottom:18px;
  font-size:15px;
}
.home_content_link{
  text-align: center;
}
.nav_menu{
  border-bottom:1px solid #eee;
  text-align: center;
  position:sticky !important;
  top:0;
  z-index:999;
  background-color:#fff;
  height:48.5px;
}
.nav-scroller {
  position: relative;
  z-index:99;
  height:48.5px;
  overflow-y: hidden;
}
.nav-scroller .nav {
justify-content: center;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: nowrap;
flex-wrap: nowrap;
padding-bottom:0;
margin-top: -1px;
overflow-x: auto;
text-align: center;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
line-height:32px;
font-size:18px;
width:100%;
}

@media (max-width: 768px) {
}
.nav a {
  display: block;
  padding: 11px 14px;
}
.menu_active{
  background-color:rgb(180, 218, 233);
  font-weight: bold;
}

/* footer */
.footer {
  margin-top: 20px;
  padding: 20px 0;
  border-top: 1px solid #ddd;
  background-color: #f7f7f7;
}
.copy-right {
  margin-top: 5px;
  width: 100%;
  text-align: center;
}

/* content */
.item_list_content{
  display: flex;
  flex-wrap:wrap;
  padding: 0;
  width: 100%;
}
.item_list_content .post_item{
  width:25%;
  position:relative;
  padding:3px;
  margin-bottom:12px;
}
.item_title{
  padding:5px 8px;
  font-size:16px;
  line-height:24px;
  height:54px;
  overflow: hidden;
}
.item_image{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.item_image:before {
	content: "";
	display: block;
	padding-top: 100%;
}
.item_image img{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  object-fit: contain;
	width:100%;
	height:100%;
}
.post_pickup_image img{
  border:4px solid #ffd700;
}
.post_rev{
  width:100%;
  text-align: center;
  font-size:14px;
  background-color:#ececec;
}
.post_rev a{
  padding:1px;
  display: block;
  color:#f00;
}
.item_price{
  color:#223f5e;
  text-align: center;
}
.item_seller{
  font-size:13px;
  color:#777;
  text-align: center;
  height:28px;
  overflow: hidden;
}
.side_title,
.widget-title,
.main-widget-label{
  margin-bottom:13px;
  border-left:4px solid rgb(180, 218, 233);
  padding:2px 6px;
  font-size:17px;
  color:rgb(16, 73, 96);
  font-weight: bold;
}

.right-content{
  height:100%;
}

.sidebar-scroll{
  padding-top:10px;
  top:52px;
}

.top_ranking_content_title {
  font-size: 19px;
  font-weight: bold;
  margin-bottom:8px;
  padding:7px 12px;
  box-shadow: 2px 3px 3px rgba(250,250,250,0.9);
}
.top_ranking_content_title i{
  margin-right:6px;
}
#section_dealy_ranking .top_ranking_content_title{
background-color: #8d0303;
color:#fff;
}
#section_all_ranking .top_ranking_content_title{
  background-color: #0c005b;
  color:#fff;
}
.r_content{
  display: flex;
  flex-wrap:wrap;
  padding: 0;
  width: 100%;
}
.r_content_item{
  width:25%;
  position:relative;
}
.sp_menu{
  display:none;
}
.submit_btn{
  background-color: #777 !important;
  color:#fff !important;
}
.widget-sidebar{
  margin-bottom:20px;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px) {
}

/*834px以下*/
@media screen and (max-width: 834px) {
  .nav-scroller .nav {
    justify-content: left;
  }
  .item_list_content .post_item{
    width:33.3333%;
  }
  .right-content{
    margin-top:20px;
    height:auto;
  }
  .side_col{
    display:none;
  }
  .sp_menu{
    display:block;
    position:absolute;
    z-index:99;
    top:0px;
    right:0px;
    padding:7px 16px;
    background-color:#f7f7f7;
    border:1px solid #ddd;
    cursor : pointer;
  }
  .pc_hidden {
    display: block;
  }
  .item_title{
    font-size:14.5px;
    line-height:26px;
    height:80px;
    overflow: hidden;
    margin-bottom:7px;
  }
}

/*480px以下*/
@media screen and (max-width: 480px) {
  .item_list_content .post_item{
    width:33.3333%;
  }
  .r_content_item{
    width:50%;
  }
}
@media screen and (max-width: 768px) {
  .nav__item{
    width: calc(50% - 47.67px);
  }
}