@charset "UTF-8";

/*!
Theme Name: Cocoon Child
Template:   cocoon-master
Version:    1.0.7
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/


/************************************************************************
** ●島根県スキー連盟 Top stylesheet(styl.css)ファイルを共用
https://ski-shimane.org/wordpress/wp-content/themes/cocoon-child-master/style.css
Cocoon Child > tmp-user > head-insert.php で設定
************************************************************************/

/************************************************************************
** ●コミュニティ 独自 stylesheet(styl.css)ここから下）
************************************************************************/

/************************************
** ●インデックスのサムネイル画像のサイズを変更
************************************/
/* .entry-card-thumb { /*エントリーカードのサムネイル画像のサイズを変更 */
/*   width: 22%!important;
} */

/************************************
** ●インデックスのタイトル
************************************/
.entry-card-title {
font-weight: 700!important;
}
@media screen and (max-width: 480px){
.entry-card-title {
font-weight: 400!important;
}
} 
/************************************
** ●人気記事カスタマイズ
************************************/
.widget-entry-cards figure {
width: 120px!important;
}
.popular-entry-card-thumb img {
border-radius: 4px;
width: 100px!important;
}
/************************************
** ●newマーク
************************************/
/* .new {
margin: 5px 5px 5px 5px!important;
}
@media screen and (max-width: 480px){
.new {
margin: 4px 5px 5px 3px!important;
}
} */
/************************************
** ●アピールエリア モバイル画像　 
************************************/
@media screen and (max-width: 480px) {
.appeal {
/* background-image: url(https://ski-shimane.org/communitysite/wordpress/wp-content/uploads/2022/11/ap_top_2000_832.png) !important; */
/* background-image: url(https://ski-shimane.org/communitysite/wordpress/wp-content/uploads/2025/06/ap_com_1000_820_2020622.png) !important; */
background-image: url(https://ski-shimane.org/communitysite/wordpress/wp-content/uploads/2025/07/ap_com_1000_1200_20250717.png) !important;	
}
}
/************************************
** ●アピールエリア カスタマイズ
************************************/
/* .appeal-title {
width: 20%!important;
}
.appeal-message  {
width: 83%!important;
} */
/* @media screen and (max-width:480px) {
.appeal-title {
width: 25%!important;
writing-mode: horizontal-tb!important;
}
.appeal-message  {
width: 75%!important;
}
} */
/************************************
** ●投稿日付　 
************************************/
@media screen and (max-width: 480px) {
.post-date, .post-update {
    font-size: 12px;
    padding-left: 0px!important;
	}
    }
/************************************
** ●ヘッダー モバイル画像　 
************************************/
/* @media screen and (max-width: 480px) {
.site-logo-image{
		visibility: hidden;
}
.header {
background-image: url(https://ski-shimane.org/communitysite/wordpress/wp-content/uploads/2023/05/ho_sp_com20230519.png)!important;
}
} */
/************************************
** ●インデックス　団体リンク外枠　
************************************/
.kakomi-box51 {
margin: 0em 0em 0em 0em; 
padding: 0.3em 0em 0em 0.7em;
border-radius: 6px; 
}
@media screen and (max-width: 480px){
.kakomi-box51 {
padding: 0.3em 0em 0em 0.2em;
}
} 
/************************************
** ●Facebook外枠　
************************************/
.kakomi-box-facebook {
margin: 1em auto;	
padding: 0.7em 0em 0em 0em;
/* border-radius: 6px; /*角の丸み*/ 
/* background-color: #f7f7f7; */
/* border: 1px solid #ccc; */
/* border: 1px solid #eee; */
/* width: 87%; */
width: 100%;	
}
@media screen and (max-width: 845px){
.kakomi-box-facebook {
margin: 1em auto;
width: 100%;
}	
}	
@media screen and (max-width: 480px){
.kakomi-box-facebook {
margin: 1em auto;
padding: 0.7em 0em 0.5em 0em;
width: 95%;
}	
}	
/************************************
** ●Facebook
************************************/
.pickup-wrap-facebook {
display: flex;
flex-wrap: wrap;	
/* justify-content: center; */
justify-content: flex-start;	
margin: 0px 0 0 0px;
padding: 0;
text-align: center;	
}
.pickup-item-facebook {
list-style: none;
/* width: 100%; /* 横一列表示 */
width: 25%; /* 横一列表示 */
transition-duration: 0.4s;
	margin-bottom: 10px;
}
/* .pickup-item-facebook img {
width: 80%;
vertical-align: bottom;
margin-bottom: 10px;
} */
/* .pickup-item-facebook img:hover {
box-shadow: 0px 8px 10px -5px rgba(85,85,85,1);
}
.pickup-wrap-facebook img {
    border: 2px solid #ddd;
} */
@media screen and (max-width: 845px){
.pickup-wrap-facebook {
justify-content: center;	
margin: 0 4px 0 4px;
padding: 0;	
}	
.pickup-item-facebook{
width: 45%; /* 横二列表示 */
margin-right: 10px;	
}
/* .pickup-item-facebook img:hover {	
box-shadow: 0px 8px 5px -5px rgba(85,85,85,1);
} */	
}
@media screen and (max-width: 480px){
.pickup-item-facebook{
width: 80%; /* 横一列表示 */
}	
.pickup-item-facebook img {	
margin-bottom: 5px;
}
}
/************************************
** ●インデックス カードタイプ エントリーカード（デフォルト）
************************************/
.entry-card-thumb {
    /* margin-top: 10px !important; */
	margin-top: 7px !important;
    margin-bottom: 10px;
    /* margin-right:30px; */
    width: 170px;
}
.entry-card-snippet {
    color: #888;
    /* font-size: 10px; */
    font-size: 14px !important;
    margin-bottom: 5px;
    /* padding: 5px 10px !important; */
    padding: 5px 10px 5px 0px!important;
    /* margin-left: 25px; */
    margin-left: 0px;
     border-radius: 6px;
	order:4;
}
.entry-card-thumb-image {
    margin-top: 0px!important;
	width: 100%!important;
	/* width: 80%!important; */	
}
.post-date {
/* margin-bottom: 5px; */
margin: 5px 0 0 0;	
}
@media screen and (max-width: 845px) {
.entry-card-snippet {
font-size: 12px !important;
}
}
@media screen and (max-width: 480px) {
.post-date, .post-update {
    font-size: 12px;
    padding-left: 0px!important;
	}
.entry-card-title {
font-weight: 700!important;
}
.entry-card-thumb {
margin-right: 15px;
/* width: 25% !important; */
width: 35% !important; 	
}
.post-date {
margin: 3px 0 0 0;	
}	
}
.entry-card-meta {
    position: static;
}
.entry-card-content {
    display: flex;
    flex-direction: column;
}
.entry-card-title {
    margin: 0px 0 0px 0px;
}