@charset "UTF-8";

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

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

/*********/
/* 固定ページのみ　非表示設定 */
/* 記事タイトル,日付や更新日,SNSシェアボタン,下部SNSフォローボタン,著者情報, ,サイト名　　サイトヘッダー表示,.header-in*/
.page .entry-title,.date-tags,.sns-share,.sns-follow,.author-info,.site-name-text{
 display:none;
}
/*.content {margin-top: 0;}*/
/*.page .main {border: none;}*/

.main {padding: 0 auto;	margin-top:0;}
 /*リンクテキスト装飾無し*/
a{  text-decoration: none;}
/*サイドバー幅*/
.sideber{margin-right:3em!important;width:100%!important;}
div#sidebar {width: 20%;padding-top:45px;}
.widget_custom_html{margin-bottom: 0.4em!important;}


/*サブタイトル*/
.entry-title{font-size:20px;color:#666666;}

/*アイキャッチ非表示*/
.eye-catch .cat-label{display: none !important;}

/*テキストカラー
.elementor-widget-text-editor{color:#666666!important;}*/

/*footer*/
.footer {margin-top:0px!important;}
.footer-left,.footer-right{display:none;}
.footer-center {width: 950px;max-width: 90%;display: block;float: none;margin: 0 auto;/*中央寄せ*/}
.footer-bottom{margin-top:0;}
.footer-widgets {margin: 0 auto;}

/*footer画像・リンク・注意事項*/
.fotter_lm {line-height:1.3;}
.fotter_lm a{border: none;padding: 0px 5px;text-decoration: none;color: #FFF;width: 200px; margin: 0;text-align: left;font-size: 13px;}
.fotter_lm a:hover{color: #EEE;}
.fotter_lmlogo{margin:auto;}

/*トップページ画像切り替え*/
.toppc {margin:0 auto;
 display: block !important; }
.topsp { display: none !important; }

/*SDO申込ボタン*/
a.btn-sdoapp{
  padding: 10px 5px;
  margin: 10px 0 0 0;
  display: block;
  color: #FFF!important;
  text-decoration: none;
  border-radius: 5px;
  text-align:center;
  text-decoration:none!important;
  background: #00229E;
  border:solid 1px #00229E;
  line-height:1.3;
  box-shadow: 0 0 1px 1px #BBB!important;
}
a.btn-sdoapp:hover {
  color: #00229E!important;
  background: #FFF;
}


/*ガイドページリスト*/
ul.guide_list {}
ul.guide_list li{margin-left: 0px;}
ul.guide_list li::marker{font-size: 10px;}


/************************************
** video
************************************/
/*動画の最大幅を指定する*/
.learn_yt_container{
  max-width:768px;
}
 
/*動画の大きさを調整*/
.learn_yt {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}
 
/*動画を囲んでいるdiv目一杯に広げる*/
.learn_yt iframe,
.learn_yt object,
.learn_yt embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/*youtube 上部空白削除*/
.video-container {
  margin-top: -2em;
}

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

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

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

}
/*1023px以下*/
@media screen and (max-width: 1023px){
main#main.main {width: auto;}
.content-top {margin: 0;}
}

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

/*footerリンク縦リスト*/
#ftop_lm ul{ margin: 0 5px; padding: 0; list-style: none; }
	
#navi .navi-in > .menu-mobile li a { font-size: 20px;}
}

/*480px以下*/
@media screen and (max-width: 480px){
  /*必要ならばここにコードを書く*/
.toppc { display: none !important; }
.topsp { display: block !important; }


}