/*
Theme Name: OceanWP Child
Template: oceanwp
Version: 1.0
*/

/*スティッキーメニュー

#site-header {
    position: sticky !important;
    top: 0;
    height:88px;
}
*/

/*ヘッダー検索ボタン*/
i.fa-search{
position: absolute;
right: 30px;
top:-100px;
z-index: 99;
font-size:30px;
}


/*テキストカラー*/
.entry-title a, .entry-title a:link,.entry-title  a:visited{color:#333333 !important;}

article{color:#333333;}
/*リセット*/

.sidebar-box{margin-bottom:0px !important;}
#main #content-wrap{
padding-top: 0px !important;
padding-bottom: 0px !important;
}

/*HOME*/
@import url(https://fonts.googleapis.com/css?family=Sawarabi+Gothic);

body{
font-family:"Sawarabi Gothic",'メイリオ',Meiryo,'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',sans-serif !important;
}

a,a:link,a:visited{color:#666666;}


body.home .page-header{display:none;}
.bottom-header-wrap{display:none;}
@media only screen and (max-width:1024px){
.bottom-header-wrap{display:block;}
}
/*カテゴリーリンクの装飾*/
.product_meta a[rel="tag"]{background-color:#ffff26;color:#333333 !important;font-weight:bold !important;padding:5px;border-radius:5px;border:2px solid #333333;}

/*タブ切り替え*/
.rankingtab{display:none;}
.rankingtab.closetab{display:none;}
.rankingtab.opentab{display:block;}

.pickuptab{display:block;}
.pickuptab.closetab{display:none;}
.pickuptab.opentab{display:block;}

/***************************
POSTリスト
****************************/
.ae-element-post-title{height:2.8em;overflow: hidden;}



/***************************
single
*****************************/

.single-post #main #content-wrap{max-width:1000px !important;margin:0 auto;}
.single-post-title.entry-title{font-size:26px;}
article .post-tags{text-align:right;margin:10px 0px !important;}
@media only screen and (max-width:959px){
body.single-post #wrap main#main #content-wrap{padding: 0px 10px !important;}
.single-post-title.entry-title{font-size:18px;}

}

.single-post article a{color:#1111cc;}

/******************************
レイアウト
*******************************/

.layout_grid_style{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: stretch;
    list-style-type: none;

}

.layout_grid_style article{width:50%;padding:10px;border:none !important;}

@media only screen and (max-width:1024px){
.layout_grid_style article{width:100% !important;}
}
.layout_grid_style article .entry-title{font-size:16px;height:42px;overflow:hidden;line-height:1.3em;font-weight:400;}
.layout_grid_style article .entry-image img{width:100%;}
.layout_grid_style .author:after{
font-family: 'Font Awesome 5 Free';content:"\f2bd";margin-left:5px;
}


.layout_grid_style article .entry-summary p{font-size:12px;line-height:1.4em;color:#999999;}

.layout_grid_style footer{
display: flex !important;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: stretch;
    list-style-type: none;
}
.layout_grid_style footer .author_area,
.layout_grid_style footer .entry-custom-fields
{width:50%}
.layout_grid_style footer .entry-custom-fields{text-align:right;font-weight:bold;}
.layout_grid_style footer .custom-field-views:after{content:"View";font-size:11px;}

/**************************
2ページ目以降におすすめ2件非表示
***************************/

body[class*="page-paged"] div[data-id="d35d489"]{display:none;}


/**************************
リストボックス（サイドバー）
***************************/

.wrapper{
width:100%;
margin: 0 auto;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
/* 並び　縦(column) 横・水平(row) -reverceで逆順 */
/* 一列(nowrap)か複数行(wrap)か　 */
flex-direction:column;
flex-wrap:wrap;
align-items:stretch;/* 縦軸　位置をあわせる */
justify-content: space-between;/* 横軸　間隔をあける(space-around) 左(始)揃え(flex-start)　右(終)揃え(flex-end) 中央揃え(center) */
align-content: space-around;
}

.listbox{
width:100%;
height:auto;
padding:2px;
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction:row;
flex-wrap:nowrap;
align-content: flex-start;
margin-bottom:5px;
position:relative;

}
.ranking_postlist .listbox{counter-increment: rank;}
.ranking_postlist .listbox:before{
position:absolute;
width:25px;height:25px;border-radius:20px;
margin:3px;
color:#ffffff;
line-height:25px;
text-align:center;
background-color:rgba(0, 0, 0 ,0.9);
left: -8px;
top: -8px;
box-shadow: 1px 2px 0px;
content: counter(rank);
}

.ranking_postlist .listbox:nth-of-type(1):before{
background-color:rgba(217, 179, 64 ,0.9);
}
.ranking_postlist .listbox:nth-of-type(2):before{
background-color:rgba(111, 123, 131 ,0.9);
}
.ranking_postlist .listbox:nth-of-type(3):before{
background-color:rgba(161, 83, 38,0.9);
}










/* 画像表示 */
.inlistbox-image{

background-color:#000000;
flex-basis:60px;
height: 60px;
text-align:center;
min-width:60px;/* minを指定しないと画面サイズによって崩れます */
width:60px;
}

.inlistbox-image img{width:auto;height:100%;}

/* end画像表示 */


.inlistbox-metaarea{
display: -webkit-flex;
display: -moz-flex;
display: -ms-flex;
display: -o-flex;
display: flex;
flex-direction:column;
width:auto;
height:60px;
overflow:hidden;
padding:0px 0px 0px 10px;
flex-basis:auto;/* 幅　この場合.inlistbox-imageの幅を引いた中でオート */
flex-grow:1;/* 比率 */
}



/* タイトル表示 */

.inlistbox-title{
/*font-size:1em;*/
font-size:12px;
width:auto;
line-height:1.5em;
height:2.9em;
overflow:hidden;
font-weight:bolder;
text-align: left;
    font-family: "Sawarabi Gothic", Sans-serif;
    font-weight: 100;
    color: #333333;
}
.inlistbox-view{color: #999999;font-size:12px;}
.inlistbox-view span{margin-left:20px;display:inline-block;}
.inlistbox-view span:before{
font-family: 'Font Awesome 5 Free';
content:"\f2bd";
font-weight:bold;margin-right:5px;
}

.sidebar_ranking_link{display:block;text-align:right;padding:0px 20px;}




/*contact form*/
.wpcf7 input,.wpcf7 textarea{border:none !important;border-radius:0px !important;border-bottom:1px solid #dcdcdc !important;background-color:#fbfbfb !important;}
.wpcf7 label{margin-top:10px;display:block;}
.c7_submit{text-align:center !important;}
.c7_submit input{margin-top:20px !important;width:300px !important;height:100px !important;background: linear-gradient(90deg, rgba(175,228,255,1) 0%, rgba(189,110,176,1) 100%); !important;border-radius:60px !important;font-size:25px;}

/***********************
話題のタグ
***********************/

.wadai_tag_field a{color:#ffffff;font-size:20px;}

.wadai_tag_field{display:inline-block;margin-right:10px;}

.wadai_tag_field a:before{content:"#"}

@media only screen and (max-width:1024px){
.wadai_tag_field a{font-size:13px;}

}





/*******************************
ランキングページ
*******************************/
.ranking .ae-post-list-item,
.rankingtab .ae-post-list-item
{position:relative;counter-increment: rank;}
.ranking .ae-post-list-item:before,
.rankingtab .ae-post-list-item:before
{
content: counter(rank);
position:absolute;
width:25px;height:25px;border-radius:20px;
margin:3px;
color:#ffffff;
line-height:25px;
background-color:rgba(0, 0, 0 ,0.9);
left: -8px;
top: -8px;
box-shadow: 1px 2px 0px;
z-index: 9999;
text-align:center;
}
body:not([class*="page-paged"]).ranking .ae-post-list-item:nth-of-type(1):before,.rankingtab .ae-post-list-item:nth-of-type(1):before
{
background-color:rgba(217, 179, 64 ,0.9) !important;
}
body:not([class*="page-paged"]).ranking .ae-post-list-item:nth-of-type(2):before,.rankingtab .ae-post-list-item:nth-of-type(2):before{
background-color:rgba(111, 123, 131 ,0.9) !important;
}
body:not([class*="page-paged"]).ranking .ae-post-list-item:nth-of-type(3):before,.rankingtab .ae-post-list-item:nth-of-type(3):before{
background-color:rgba(161, 83, 38,0.9) !important;
}


.ranking.page-paged-2 .ae-post-list-item:nth-of-type(1){
counter-reset:rank 10;
}
.ranking.page-paged-3 .ae-post-list-item:nth-of-type(1){
counter-reset:rank 20;
}
.ranking.page-paged-4 .ae-post-list-item:nth-of-type(1){
counter-reset:rank 30;
}
.ranking.page-paged-5 .ae-post-list-item:nth-of-type(1){
counter-reset:rank 40;
}
.ranking.page-paged-6 .ae-post-list-item:nth-of-type(1){
counter-reset:rank 50;
}
.ranking.page-paged-7 .ae-post-list-item:nth-of-type(1){
counter-reset:rank 60;
}
.ranking.page-paged-8 .ae-post-list-item:nth-of-type(1){
counter-reset:rank 70;
}
.ranking.page-paged-9 .ae-post-list-item:nth-of-type(1){
counter-reset:rank 80;
}
.ranking.page-paged-10 .ae-post-list-item:nth-of-type(1){
counter-reset:rank 90;
}
.ranking.page-paged-11 .ae-post-list-item:nth-of-type(1){
counter-reset:rank 100;
}
.ranking.page-paged-12 .ae-post-list-item:nth-of-type(1){
counter-reset:rank 110;
}
.ranking.page-paged-13 .ae-post-list-item:nth-of-type(1){
counter-reset:rank 120;
}
.ranking.page-paged-14 .ae-post-list-item:nth-of-type(1){
counter-reset:rank 130;
}
.ranking.page-paged-15 .ae-post-list-item:nth-of-type(1){
counter-reset:rank 140;
}
.ranking.page-paged-16 .ae-post-list-item:nth-of-type(1){
counter-reset:rank 150;
}
.ranking.page-paged-17 .ae-post-list-item:nth-of-type(1){
counter-reset:rank 160;
}
.ranking.page-paged-18 .ae-post-list-item:nth-of-type(1){
counter-reset:rank 170;
}
.ranking.page-paged-19 .ae-post-list-item:nth-of-type(1){
counter-reset:rank 180;
}
.ranking.page-paged-20 .ae-post-list-item:nth-of-type(1){
counter-reset:rank 190;
}
.ranking.page-paged-21 .ae-post-list-item:nth-of-type(1){
counter-reset:rank 200;
}
.ranking.page-paged-22 .ae-post-list-item:nth-of-type(1){
counter-reset:rank 210;
}
.ranking.page-paged-23 .ae-post-list-item:nth-of-type(1){
counter-reset:rank 230;
}