@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:    1.1.3
*/

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
#main{
	background-color: #FFFFFF;
}

/*コンテンツ幅を1080にするあとでcontents幅に修正
.wrap {
    width: 1080px;
}
*/

/*記事のタイトル位置*/
.article h1{
	text-align: center;
    font-size: 2.5rem;
    margin-bottom: 10vh;
}

/*SNSボタンの右寄せと装飾*/
.sns-share.ss-high-and-low-lc a,.sns-share-buttons.sns-buttons a{
    background-color: #fff2fa;
}

div#sidebar-menu-content,div#slide-in-sidebar {
    background-color: #edece7;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1023px以下*/
@media screen and (max-width: 1023px){
  /*必要ならばここにコードを書く*/
}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
}


/*834px以上*/
@media screen and (min-width: 834px){
  /*必要ならばここにコードを書く
.ss-top {
    text-align: -webkit-right;
}*/
	/*
.sns-share.ss-col-6 .sns-buttons {
	width: 50%;
}*/
/*記事のタイトル位置*/
.eye-catch-wrap {
    width: 50%;
    float: left;
	margin: 5%;
}
figure.eye-catch {
    width: auto;
}
.eye-catch img {
    height: auto !important;
    vertical-align: middle;
    width: 45vw !important;
    object-fit: contain !important;
}

nav.site-top-nav-pc-wrapper ul {
    width: 100%;
    justify-content: space-between;
    flex-wrap: nowrap;
    display: flex;
    align-items: center;
}
	
.menu-item.menu-item-type-custom.menu-item-object-custom.menu-item-home::marker{
    content:"";
}
.site-top-nav-pc-wrapper{
	
}
/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
.sns-share.ss-top.ss-col-6 a, .sns-share.ss-bottom.ss-col-6 a, .sns-share.ss-top.ss-col-5 a, .sns-share.ss-bottom.ss-col-5 a {
        width: 16%;
    }
}