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

/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/
/*  ユーザーのみ表示*/
.login-user-only{
	display:none;
    text-align: center;
     padding: 0px; 
    background-color: #191919;
    border: 5px solid transparent;
}
 .nopc { display: none; }
/* 横スクロール設定 */
.table-wrap {
  overflow-x: scroll;
}
.table1 {
  width: 100%;
  border-collapse: collapse;
  white-space: nowrap;
}
.table1 tr td, .cps-post-main table tr th {
    padding: 8px;
    border: 1px solid #ccc;
    vertical-align: middle;
    white-space: nowrap;
}


/*フローティングバナーのウィジェット用*/
.floating-banner-aria {
position: fixed;
z-index: 99999;
bottom: 0;
right: 0;
}
.banner-aria {
width: 300px; /* バナーの横幅 */
height:250px;
padding-top: 50px;
background: linear-gradient(86.13deg, #7080F7 -3.42%, #3E9ED9 59.59%); /* バナーの背景色 */
  color: #fff; /* バナー内の文字色 */
  font-weight: bold;
  text-align: center;
}
.floating-banner-aria:hover {
  opacity: .8;
}
.floating-banner-aria a {
text-decoration: none;/* リンクに下線が入らないように */
}
.copy-aria {
font-size: 22px;
margin: 0 auto 20px;
line-height: 1.6;
}
.cta-aria {
display: inline-block;
width: 190px;
height: 50px;
line-height: 50px;
font-size: 18px;
background: linear-gradient(270deg, #F4A240 0%, #E3A608 100%); /* ボタンの背景 */
box-shadow: 0px 0px 30px #2984BA; /* ボタンの影 */
border-radius: 25px;
margin: 0
}
.pc-cta{ display: block !important; }
.sp-cta{ display: none !important; }

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

}

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
.nopc {display: block;}
  .floating-banner {
    display: none;
  }
.logo-text {
    padding: 25px 0 20px;
    display: none;
}}

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

.nopc { display: block;}

.logo-text {
    padding: 25px 0 20px;
    display: none;
}
 .floating-banner {
    display: inline-block;
    top: unset;
    right: 0;
    bottom: 0;
  }
  .banner {
    width: 100vw;
    height: 80px;
    padding: 8px;
  }
  .sp {
    display: none;
  }
  .copy {
    font-size: 17px;
    margin: 0 auto 6px;
  }
  .cta {
    height: 28px;
    line-height: 28px;
    font-size: 15px;
  }
/*フローティングバナーのウィジェット用*/
.floating-banner-aria {
display: inline-block;
}
.banner-aria {
width: 100vw;
height:110px;
padding: 5px 0 15px 0;
}    
.copy-aria {
font-size: 18px;
margin: 0 auto 6px;

}
.cta-aria {
height: 35px;
font-size: 15px;
line-height: 2.4;
}
}