@charset "UTF-8";

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

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

a:hover {
  color: #FF00FF;
}
/************************************
** レスポンシブデザイン用のメディアクエリ
************************************/
/*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){
  /*必要ならばここにコードを書く*/
}
body {
	-webkit-touch-callout:none;
	-webkit-user-select:none;
}
/* --------------------------- *
 *  スライドインのカスタマイズ *
 * --------------------------- */

/* 背景色を変更：背景画像にするなら不要 */
.mobile-menu-buttons {
	background: #4169e1;
}
/* アイコン一括色変更したい時 */
.navi-menu-icon::before,
.home-menu-icon::before,
.search-menu-icon::before,
.top-menu-icon::before, /* トップに画像を入れる場合この1行は削除 */
.sidebar-menu-icon::before {
	color: #ffffff;
}
/* 一括でスライドイン文字列変更 */
.navi-menu-button,
.home-menu-button,
.search-menu-button,
.top-menu-button, /* トップに画像を入れる場合この1行は削除 */
.sidebar-menu-button {
	position: relative;
}
.navi-menu-button .navi-menu-caption,
.home-menu-button .home-menu-caption,
.search-menu-button .search-menu-caption,
.top-menu-button .top-menu-caption, /* トップに画像を入れる場合この1行は削除 */
.mobile-menu-buttons .sidebar-menu-caption {
	display: none;
}
.navi-menu-icon::after,
.home-menu-icon::after,
.search-menu-icon::after,
.top-menu-icon::after, /* トップに画像を入れる場合この1行は削除 */
.sidebar-menu-icon::after {
	font-size: 12px;
	position: absolute;
	top: 2.3em; /* 高さの微調整 */
	left: 0;
	right: 0;
	color: #ffffff; /* 一括でフォント色を変えたい場合：不要ならこの1行削除 */
	font-weight: bold; /* 一括で文字の太さを太く：不要ならこの1行削除 */
}
/* メニューの文字列を変更 */
.navi-menu-icon::after {
	content: 'LINK';
}
/* ホームの文字列を変更 */
.home-menu-icon::after {
	content: 'HOME';
}
/* 検索の文字列を変更 */
.search-menu-icon::after {
	content: 'SEARCH';
}
/* トップ文字列を変更：トップに画像を入れる歳は不要  */
.top-menu-icon::after {
	content: 'TOP';
}
/* サイドバー文字列を変更 */
.sidebar-menu-icon::after {
	content: 'SIDE BAR';
}
/* ボタンhover時の文字・背景変更 */
.mobile-menu-buttons .menu-button:hover {
	background-color: #ff00ff; /* 背景色 */
}