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

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


/********　ボタン　************/

.btn01 {
	font-size: 14pt;
	font-weight:bold;
	height: 3.5em;
	color: #fff;
	display: block;
	padding: 0px 0px 0px 0px;
	width:60%;
	margin :30 auto;
	line-height:250%;
	text-align: center;
	background-color: #dd0000;
  border-radius: 30px;        /* CSS3草案 */  
    -webkit-border-radius: 30px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 30px;   /* Firefox用 */ 
}


.btn01 a {
	display: block;
	color: #fff;
	padding: 10px 10px 10px 10px;
	text-decoration: none;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
}

.btn01 a:link{
	color: #fff;
	display: block;
	text-decoration: none;
}

.btn01 a:visited {
	color: #fff;
	display: block;
	text-decoration: none;
}

.btn01 a:hover {
	color: #fff;
	display: block;
	text-decoration: none;
}

.btn01 a:active {
	display: block;
	text-decoration: none;
}

@media screen and (min-width: 100px) and (max-width: 650px) {
.btn01 {
	width:100%;
}
}

.menu-button {
line-height:120%;
	font-size:.8em;
	font-weight:normal;
}


/********　コンタクトフォーム７　ボタン　************/

.wpcf7-submit{
	font-size: 14pt;
	font-weight:bold;
	height: 3.5em;
	color: #fff;
	display: block;
	padding: 0px 0px 0px 0px;
	width:60%;
	margin :30 auto;
	line-height:250%;
	text-align: center;
	background-color: #dd0000;
  border-radius: 30px;        /* CSS3草案 */  
    -webkit-border-radius: 30px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 30px;   /* Firefox用 */ 
}


.wpcf7-submit a {
	display: block;
	color: #fff;
	padding: 10px 10px 10px 10px;
	text-decoration: none;
    border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */ 
}

.btn01 .wpcf7-submit a:link {
	color: #fff;
	display: block;
	text-decoration: none;
}

.wpcf7-submit a:visited {
	color: #fff;
	display: block;
	text-decoration: none;
}

.wpcf7-submit a:hover {
	color: #fff;
	display: block;
	text-decoration: none;
}

.wpcf7-submit a:active {
	display: block;
	text-decoration: none;
}

@media screen and (min-width: 100px) and (max-width: 650px) {
.wpcf7-submit{	width:100%;}
}

/********　リキャプチャ非表示　************/
.grecaptcha-badge { visibility: hidden; }

/********　文字　************/
.small08 { font-size:0.8em; }

/************************************************
 トップへ戻るボタン
*************************************************/

.go-to-top {
  right: 20px; /*右から20px*/
  bottom:100px; /*下から55px*/
}

.go-to-top-button {
  border-radius: 50%; /*丸くする*/
  width: 60px; /*横幅*/
  height: 60px; /*高さ*/
  font-size: 30px; /*アイコンフォントのサイズ*/
  opacity:0.9; /*透明度*/
  box-shadow: 2px 2px 4px rgba(0, 0, 0, .2); /*影*/
}

/*ホバー時*/
.go-to-top-button:hover {
  color: #333; /*アイコンフォントの色*/
  background-color:#aaa; /*背景色*/
}


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

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

/*480px以下*/
@media screen and (max-width: 480px){
	
  /*　プロフィール写真*/
.wp-image-189{
		width:100%;
	}
	
	/* スマホ用のバナー */
.mobile-banner {
    position: fixed;
    bottom: -100px; /* 初期状態ではバナーが画面外に隠れる */
    left: 0;
    width: 100%;
    background-color: #d00;
    color: #fff;
    text-align: center;
    padding: 10px 0;
    z-index: 99999;
    transition: bottom 0.5s ease-in-out; /* アニメーションを追加 */
}

.show-banner {
	    position: fixed;
    bottom: 0; /* バナーが表示される状態 */
	    z-index: 99999;
}
.show-banner a {
	display: block;
	color: #fff;
	padding: 10px 10px 10px 10px;
	text-decoration: none;
}	

}