@charset "UTF-8";

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

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

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

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

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

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



/*フワッと感*/
#main{
    animation: fadeIn 1s ease-out 0s 1 normal;
}
#sidebar {
    animation: fadeIn 1s ease-out 0s 1 normal;
}

@keyframes fadeIn {
    from {transform: translateY(10%); opacity: 0;}
    100% {transform: translateY(0%); opacity: 1;}
}
#header-container {
    animation: Down 1s ease-out 0s 1 normal;
}

@keyframes Down {
    from {transform: translateY(-10%); opacity: 0;}
    100% {transform: translateY(0%); opacity: 1;}
}

#breadcrumb {
    animation: Right 1s ease-out 0s 1 normal;
}

@keyframes Right {
    from {transform: translateX(10%); opacity: 0;}
    100% {transform: translateX(0%); opacity: 1;}
}

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



/* お問い合わせボタン */
.btn01{
    width:340px;
    height:50px;
    line-height:50px;
	margin: 0 auto;
}
.btn01 a{
    display:block;
    width:100%;
    height:100%;
    text-decoration: none;
    background:#0099FF;
    text-align:center;
    border:3px solid #0099FF;
    color:#FFFFFF;
    font-size:22px;
    font-weight:bold;
    box-shadow:5px 5px 4px 3px #A6A6A6 ;
    transition: all 1.2s ease;
}
.btn01 a:hover{
    background:#FFFFFF;
    color:#0099FF;
    margin-left:5px;
    margin-top:5px;
    border:3px solid #0099FF;
    box-shadow:5px 5px 4px 3px #A6A6A6 ;
}


/*投稿日・更新日を消す場合*/
.page .date-tags {
    display: none;
}

/*著者情報を消す場合*/
.page .author-info {
    display: none;
}

/*まとめて消す場合*/
.page .date-tags,
.page .author-info {
    display: none;
}