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

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

/*全体リンク*/
a:hover{
	opacity: 0.8;
}
.site-name-text {
    font-size: 40px;
}

/*フッター*/
h4.foot_sub_title{
	font-size:32px;
	line-height:1.4;
	margin-bottom:5px;
}
h4.foot_sub_title a{
	text-decoration:none;
}
h4.foot_sub_title a:hover{
	text-decoration:underline;
}

.foot_block{
	font-size:17px;
}

#footer li a{
	background:none;
	text-decoration:underline;
}
#footer li a:hover{
	text-decoration:none;
}

.foot_tel{
	font-size:24px;
	font-weight:bold;
	margin:5px 0 -10px;
}

.foot_tel a:hover{
	text-decoration:none;
}

dl.foot_aria dt{
	font-weight:bold;
}
dl.foot_aria dd{
	margin-bottom:10px;
}

/*テキスト*/
.txt_ss{
	font-size:11px;
}

.txt_red{
	color:#d02d2e;
}

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

/*834px以下*/
@media screen and (max-width: 834px){
  /*必要ならばここにコードを書く*/
	
	/* SPヘッダー */
	.site-name-text {
		font-weight:bold;
		text-decoration:underline;
	}
	.tagline{
		margin:18px 0 0 0;
		padding: 0.6em 1em;
		color: #ffffff;
		background: #333333;
	}
	.logo-text{
		padding: 30px 0;
	}
	
	.mobile-menu-buttons > li{
		padding:10px;
	}
	
	/*SPフッター*/
	h4.foot_sub_title{
		font-size:19px;
		padding-bottom:20px;
	}
	h4.foot_sub_title_line{
		border-top:solid #fff 1px;
		border-bottom:solid #fff 1px;
		font-size:22px;
		padding:10px 0;
		margin:20px 0 10px;
	}
	.foot_block{
		font-size:16px;
	}
	.foot_tel{
		font-size:24px;
		font-weight:bold;
		margin:5px 0 -10px;
	}
	.foot_tel a{
		text-decoration:none;
	}
	
	.footer-mobile{
		border-bottom:solid #fff 1px;
	}
	
	dl.foot_aria dt{
		font-weight:bold;
	}
	dl.foot_aria dd{
		margin-bottom:10px;
	}
	
	/*SPフッター MENU下*/
	.navi-footer-in > .menu-footer {
		margin-bottom:20px;
	}
}

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