@charset "UTF-8";

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

/* 見出し ウィジェット お知らせの文字 */
h1{ 
	font-size:1.05em ;
	font-weight: normal!important;
	color: #6d6d6d ;
}

/* 見出し */
.article h4 {
    color: #5c5c5c;
    padding: .2em 1em;
    margin-top: 40px;
    border-left: 6px solid #5c5c5c;
	}

/* FAQ の部分、頭行揃え */
.h11  { margin-left:3em;}

/* div などの要素、右側に表示させる */
.box{
  float: left;
}


/* Q の円 */
.circle1{
  display: inline-block;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: #a3a3a3;
  text-align:center;
  line-height: 35px;
}

/* A の円 */
.circle2{
  display: inline-block;
  width: 35px;
  height: 35px;
  border-radius: 50%;
  background: #e076b6;
  text-align:center;
  line-height: 35px;
}


/* 全固定ページで非表示 */
.page .entry-title {
    display: none;
}

/* 新着 new アイコン */
div.whatsnew .newmark {
    font-size: 74%;
    padding: 1px 5px;
    vertical-align: middle;
    color: White;
    background-color: #f765bd!important;
    border-radius: 3px;
}

/* タイトル文字の回り込み解除　日付の文字サイズ*/
div.whatsnew dt {
    font-size: 0.9em;
    float: none!important;
}

/* タイトルの文字サイズ */
div.whatsnew dd {
    font-size: 0.9em;
}

/* 見出し h1 下の余白 */
.article h1 {
    line-height: 2;
}

/* リンク部分の色 */
a {
    color: #730077;
}


/* PCグローバルナビメニュー背景色 */
/* グラデーション 表示 */
#navi .navi-in > ul { 
   background: linear-gradient(to bottom, #e076b6, #c765a3);
}

/*SNSを消す*/
.page .sns-share,
.page .sns-follow {
    display: none;
}

/*固定ページのいろいろをまとめて消す場合*/
.page .date-tags,
.page .author-info {
    display: none
}

/*サイドメニュー 背景*/
.sidebar {
    width: 376px;
    border-radius: 4px;
    background-color: #fff4fb;
}

/* モバイル サイドメニュー 背景色 */
.slicknav_menu {
	background: #fff;
    padding: 5px;
}

/* モバイルメニュー MENU枠 */
.slicknav_btn {
    margin: 5px 5px 6px;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
    border-radius: 4px;
    background-color: #bcbcbc;
}

/* モバイルメニュー MENU枠 文字 */
.slicknav_menu .slicknav_menutxt {
	color: #fff;
    font-weight: bold;
    text-shadow: 0 1px 3px #000;
}

/* モバイルメニュー MENU枠 文字 */
.slicknav_nav a {
    padding: 5px 10px;
    margin: 2px 5px;
    text-decoration: none;
    color: #6d6d6d;
}

/* モバイル版 問い合わせ上部のマージン */
@media screen and (max-width: 480px){
.entry-title, .article h2 {
    font-size: 20px;
    padding: 0.1em 0.1em;
}

/* モバイル グローバルナビからロゴを削除 */
.logo-menu-button img {
    display: none!important;
}

/* モバイル グローバルメニュー */
.slicknav_menu .slicknav_menutxt {
    color: #fff;
    font-weight: bold;
}

/* フッター幅 */
.footer {
  margin-top: 20px;
  padding-top: 0px;
}

.copyright {
  margin-top: 8px;
}

.footer-widgets,
.footer-widgets-mobile {
  margin: 0;
  display: flex;
}

.footer-left,
.footer-center,
.footer-right, .footer-mobile {
  padding: 0;
}

/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*1240px以下*/
@media screen and (max-width: 1240px){
  /*必要ならばここにコードを書く*/
}

@media screen and (max-width: 1023px){
main.main, div.sidebar {
    display: block;
    width: 100%;
}

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


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

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