@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
*/
/************************************
** 子テーマ用のスタイルを書く
************************************/
/*必要ならばここにコードを書く*/

/*-----一時的に消す2025.06.20----*/
.pc, .sp {
    display: none;
}
.footer {
    display: none;
}


/*-----共通----*/
main#main {
    background-color: #fff0;
}
.date-tags, .author-info {
    display: none;
}
.navi-footer-in a:hover {
    background-color: #ffffff00;
    opacity: 0.5;
}
.page-id-10 .entry-title {
    display: none;
}
div#header-container-in {
    display: none;
}
html {
    overflow-x: hidden;
}
img {
	vertical-align:top;
}
.content {
    margin-top: 0px!important;
}
.entry-content {
    margin-top: 0em;
    margin-bottom: 0em;
}
main#main {
    padding-top: 0;
    padding-bottom: 0;
}
article#post-10 {
    margin-bottom: 0;
}
footer#footer {
    margin-top: -2px;
}

.pc, .sp {
    position: relative;
}

.you-tube {
    position: absolute;
    right: 10%;
    top: 16%;
    width: 19%;
    aspect-ratio: 9 / 16;
}

.you-tube iframe {
  width: 100%;
  height: 100%;
}

.youtube-sp {
    position: absolute;
    top: 60%;
    left: 15%;
    width: 70%;
    aspect-ratio: 16 / 9;
}

.youtube-sp iframe {
  width: 100%;
  height: 100%;
}









/*-----ボタン----*/
.link-btn {
    position: relative;
    margin-bottom: 0!important;
    z-index: 9999;
    margin-top: -2px;
}
.link-btn:before {
    background-image: url(https://shortmovie-pro.com/wp-content/uploads/2023/02/bg-04.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 0 calc(50% - 50vw);
    height: 100%;
    z-index: -1;
    width: 100vw;
    position: absolute;
    content: '';
}
.btn-padding {
    max-width: 75%;
    margin: auto;
    padding: 55px 0;
}
.cv_btn {
  margin: 0 auto;
}
.cv_btn img {
    animation: anime1 1s ease 0.5s infinite alternate;
    transform-origin: center;
}
@keyframes anime1 {
  from {
    transform: scale(0.9,0.9);
  }
  to {
    transform: scale(1,1);
  }
}



/*-----お悩み----*/
.link-about {
    position: relative;
	 margin-bottom: 0!important;
}
.link-about:before {
    background-image: url(https://shortmovie-pro.com/wp-content/uploads/2024/04/s-bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 0 calc(50% - 50vw);
    height: 100%;
    z-index: -1;
    width: 100vw;
    position: absolute;
    content: '';
}
.about-padding {
    padding: 85px 0;
}



/*-----お悩み----*/
.link-trouble {
    position: relative;
	 margin-bottom: 0!important;
}
.link-trouble:before {
    background-image: url(https://shortmovie-pro.com/wp-content/uploads/2023/02/bg-02.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 0 calc(50% - 50vw);
    height: 100%;
    z-index: -1;
    width: 100vw;
    position: absolute;
    content: '';
}
.trouble-padding {
    padding: 85px 0;
}




/*-----キャッチフレーズ----*/
.link-catchphrase {
    position: relative;
	 margin-bottom: 0!important;
}
.link-catchphrase:before {
    background-image: url(https://shortmovie-pro.com/wp-content/uploads/2023/02/bg-04.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 0 calc(50% - 50vw);
    height: 100%;
    z-index: -1;
    width: 100vw;
    position: absolute;
    content: '';
}
.catchphrase-padding {
    max-width: 65%;
    margin: auto;
    padding: 45px 0;
}




/*-----コンテンツ内容----*/
.contents-padding {
    padding: 85px 0;
}




/*-----メリット----*/
.link-merit {
    position: relative;
	 margin-bottom: 0!important;
}
.link-merit:before {
    background-image: url(https://shortmovie-pro.com/wp-content/uploads/2023/02/bg-01.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 0 calc(50% - 50vw);
    height: 100%;
    z-index: -1;
    width: 100vw;
    position: absolute;
    content: '';
}
.merit-padding {
    padding: 85px 0;
}




/*-----特典----*/
.link-gift {
    position: relative;
	 margin-bottom: 0!important;
}
.link-gift:before {
    background-image: url(https://shortmovie-pro.com/wp-content/uploads/2023/02/bg-03.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 0 calc(50% - 50vw);
    height: 100%;
    z-index: -1;
    width: 100vw;
    position: absolute;
    content: '';
}
.gift-padding {
    padding: 85px 0;
}




/*-----ポイントの画像----*/
.daimei {
    margin-bottom: 70px;
}
.p-img {
	text-align: center;
}




/*-----サンプル動画----*/
.link-movie {
    margin-bottom: 50px!important;
    max-width: 280px;
    text-align: center;
    margin: auto;
    padding-top: 85px;
}
.wp-block-embed {
    max-width: 640px;
    margin: auto;
}
.fff {
    margin-bottom: 85px!important;
}





/*-----料金----*/
.link-price {
    position: relative;
	 margin-bottom: 0!important;
}
.link-price:before {
	 background-color: #FE365D;
    margin: 0 calc(50% - 50vw);
    height: 100%;
    z-index: -1;
    width: 100vw;
    position: absolute;
    content: '';
}
.price-padding {
    padding: 85px 0 40px 0;
    text-align: center;
}





/*-----よくある質問・講師紹介----*/
.question-padding, .teacher-padding {
    padding: 85px 0;
}




/*-----特典----*/
.link-message {
    position: relative;
	 margin-bottom: 0!important;
}
.link-message:before {
    background-image: url(https://shortmovie-pro.com/wp-content/uploads/2023/02/bg-03.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    margin: 0 calc(50% - 50vw);
    height: 100%;
    z-index: -1;
    width: 100vw;
    position: absolute;
    content: '';
}
.message-padding {
    padding: 85px 0;
}





/*-----限定価格LP----*/
.page-id-133 .breadcrumb {
    display: none;
}
.page-id-133 .post-133 {
    margin-bottom: 0!important;
}
.page-id-133 .entry-title {
    display: none;
}
.page-id-16 .pc {
    display: none;
}
.page-id-16 .sp {
    display: none;
}
.page-id-3 .pc {
    display: none;
}
.page-id-3 .sp {
    display: none;
}








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

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

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

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


/*-----ボタン----*/
.btn-padding {
    max-width: 95%;
    margin: auto;
    padding: 30px 0;
}


/*-----お悩み・コンテンツ内容・メリット・特典・よくある質問・講師紹介・講座を作った思い----*/
.about-padding, .trouble-padding, .contents-padding, .merit-padding, .gift-padding, .question-padding, .teacher-padding, .message-padding {
    padding: 45px 0;
}
	

/*-----キャッチフレーズ----*/
.catchphrase-padding {
    max-width: 95%;
    margin: auto;
    padding: 40px 0;
}

/*-----ポイントの画像----*/
.daimei {
    margin-bottom: 30px;
}

/*-----サンプル動画----*/
.link-movie {
    margin-bottom: 35px!important;
    max-width: 280px;
    padding-top: 45px;
}
.fff {
    margin-bottom: 45px!important;
}


/*-----料金----*/
.price-padding {
    padding: 45px 0 20px 0;
}
	
	
/*-----講師紹介----*/
.link-teacher {
    text-align: center;
	 margin-bottom: 0!important;
}

}

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

/*-----サンプル動画----*/
.link-movie {
    width: 180px;
    margin-bottom: 25px!important;
}
}