/*
Theme Name: こころ治療院
Description: こころ治療院オリジナルテンプレート
Author: Site bird
Version:1.0
*/

@charset "utf-8";

body{
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	color: #573731;
}
a{
	text-decoration: none;
	color: #573731;
}
:root{
	--main-color: #f682a2;
	--sub_color: #ffb6cb;
	--text-color: #573731;
}

/*PC
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (min-width: 1024px){
	
	/*共通
	＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	.sp{
		display: none;
	}
	.container{
		width: 1000px;
		margin: 0 auto;
	}
	#wrapper{
		min-width: 1000px;
	}
	.common_text{
		font-size: 16px;
		line-height: 24px;
		color: #573731;
	}

	/*ヘッダー
	＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	header{

	}
	.header_desc{
		border-bottom: 1px solid #ffb6cb;
		margin-bottom: 15px;
	}
	.header_desc h2{
		font-size: 12px;
		line-height: 1;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.header_top{
		margin-bottom: 50px;
	}
	.header_top ul{
		float: right;
	}
	.header_top ul li{
		float: left;
		padding-left: 14px;
		background-image: url("/media/98cfe38bfe95ce482fcf.webp");
		background-position: left center;
		background-repeat: no-repeat;
		margin-right: 30px;
		line-height: 1;
	}
	.header_top ul li:last-child{
		margin-right: 0;
	}
	.header_top ul li a{
		font-size: 14px;
		color: #573731;
	}
	
	.header_bottom{
		margin-bottom: 20px;
	}
	.header_bottom h1{
		float: left;
	}
	.header_bottom .bottom_right{
		float: right;
	}
	.header_bottom .bottom_right ul li{
		float: left;
		margin-right: 20px;
	}
	.header_bottom .bottom_right ul li:last-child{
		margin-right: 0;
	}
	.header_bottom .bottom_right ul li a:hover{
		opacity: 0.8;
	}

	header nav{
		border-top: 4px solid #e5e5e5;
	}
	header nav ul{
		width: 1000px;
		margin: 0 auto;
	}
	header nav ul li{
		float: left;
		margin-right: 36px;
		padding-top: 20px;
		position: relative;
		top: -4px;
	}
	header nav ul li.current-menu-item{
		border-top: 4px solid #f682a2;
	}
	header nav ul li:last-child{
		margin-right: 0;
	}
	header nav ul li a{
		font-size: 16px;
		display: block;
		padding-top: 35px;
		background-repeat: no-repeat;
		background-position: center top;
		color: #573731;
	}
	header nav ul li a:hover{
		opacity: 0.8;
	}
	header nav ul li:nth-child(1) a{
		background-image: url("/media/893d8b0dba4b7f08ed42.webp");
	}
	header nav ul li:nth-child(2) a{
		background-image: url("/media/c5087be5662a75c99e9a.webp");
	}
	header nav ul li:nth-child(3) a{
		background-image: url("/media/c840cee8df2a2adce324.webp");
	}
	header nav ul li:nth-child(4) a{
		background-image: url("/media/9a91a7f69bfcf4b2c089.webp");
	}
	header nav ul li:nth-child(5) a{
		background-image: url("/media/04788888a37fa086dd5c.webp");
	}
	header nav ul li:nth-child(6) a{
		background-image: url("/media/4eb9841342c5e3d571e5.webp");
	}
	header nav ul li:nth-child(7) a{
		background-image: url("/media/6cbc835650161bede2b9.webp");
	}

	/*フッター
	＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	footer .to_top{
		margin-bottom: 10px;
	}
	footer .to_top p{
		float: right;
	}



	footer .footer_nav{
		background-color: #f682a2;
		padding-top: 95px;
		padding-bottom: 85px;
	}
	footer .footer_nav ul li a{
		color: white;
		font-size: 14px;
		display: inline-block;
		padding-bottom: 15px;
	}
	footer .footer_nav ul li a:before{
		content: "-";
	}
	footer .footer_nav ul.parent>li{
		float: left;
	}
	footer .footer_nav ul.parent>li:nth-child(1){
		width: 188px;
	}
	footer .footer_nav ul.parent>li:nth-child(2){
		width: 277px;	
	}
	footer .footer_nav ul.parent>li:nth-child(3){
		width: 301px;
	}
	footer .footer_nav ul.parent>li:nth-child(4){
		width: 231px;
	}



	footer .footer_info{
		background-color:white;
		padding: 80px 0 20px 0;
		text-align: center;
	}
	footer .footer_info .logo{
		margin-bottom: 15px;
	}
	footer .footer_info .text{
		font-size: 12px;
		margin-bottom: 26px;
	}
	footer .footer_info .copy{
		font-size: 12px;
		line-height: 1;
		margin-top: 45px;
	}
}


/*SP
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
@media screen and (max-width: 1023px){
	
	/*共通
	＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	.pc{
		display: none;
	}
	.container{
		width: 93.75vw;
		margin: 0 auto;
	}
	img{
		width: 100%;
		height: auto;
	}
	.common_text{
		font-size: 3.4375vw;
		line-height: 4.6875vw;
		color: var(--text-color);
	}

	/*ヘッダー
	＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	header{
		margin-bottom: 5.781vw;
	}
	header .header_bottom h1{
		width: 24.6875vw;
		float: left;
		margin-top: 10px;
	}
	header .bottom_right{
		float: left;
		margin-top: 2.8125vw;
		margin-left: 9.6875vw;
	}
	header .bottom_right ul li{
		float: left;
		margin-right: 1.5625vw;
	}
	header .bottom_right ul li:last-child{
		margin: 0;
	}
	header .bottom_right ul li a{
		display: block;
		width: 23.4375vw;
	}

	header .menu_btn{
		float: right;
		width: 6.25vw;
		margin-top: 5.0625vw;
		cursor: pointer;
	}
	header .menu_btn img{
		display: block;
	}

	header nav{
		display: none;
		z-index: 99;
		position: absolute;
		width: 100%;
		top: 15.3vw;
		left:0;
		background-color: rgba(246,130,162,0.9);
	}
	header nav ul li{
	    font-size: 2.5vw;
	    border-bottom: 1px solid white;
	}
	header nav ul li:first-child{
		border-top: 1px solid white;	
	}
	header nav ul li a{
		display: block;
		width: 90.625%;
	    margin: 0 auto;
	    background: url("/wp/wp-content/themes/kokoro/images/common/header_navi_arr.png") no-repeat;
	    background-position: right center;
	    background-size: 2%;
		color: white;
	    padding-top: 3.9655%;
	    padding-bottom: 3.9655%;
	}

	/*フッター
	＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	footer .to_top{
		margin-bottom: 10px;
	}
	footer .to_top p{
		float: right;
	}



	footer .footer_nav{
		background-color: #f682a2;
	}
	footer .footer_nav .container{
		width: 100%;
		margin: 0;
	}
	footer .footer_nav ul.parent>li{
		border-bottom: 1px solid white;
	}
	footer .footer_nav ul.parent>li>p{
		width: 93.75vw;
		margin: 0 auto;
		color: white;
		font-size: 3.125vw;
		display: inline-block;
		padding-top: 4.6875vw;
		padding-bottom: 4.6875vw;
		display: block;
		background-image: url("/media/23e523a5adf51c4e1b7d.webp");
		background-repeat: no-repeat;
		background-position: right center;
		background-size: 3.125vw 1.875vw;
		/*pointer-events:none;*/
	}
	
	footer .footer_nav ul.child{
		display: none;
	}
	footer .footer_nav ul.child>li{
		border-bottom: 1px solid white;
	}
	footer .footer_nav ul.child>li:last-child{
		border-bottom: none;
	}
	footer .footer_nav ul.child li a{
		width: 93.75vw;
		margin: 0 auto;
		color: white;
		font-size: 3.125vw;
		display: inline-block;
		padding-top: 4.6875vw;
		padding-bottom: 4.6875vw;
		display: block;
		/*pointer-events:none;*/
	}
	footer .footer_nav ul.child li a:before{
		white-space:pre;
		content: "  -  ";
	}



	footer .footer_info{
		background-color:white;
		padding: 9.375vw 0 18.75vw 0;
		text-align: center;
	}
	footer .footer_info .logo{
		width: 32.96vw;
		margin: 0 auto;
		margin-bottom: 3.125vw;
		text-align: center;
	}
	footer .footer_info .text{
		font-size: 2.8125vw;
		margin-bottom: 3.906vw;
	}
	footer .footer_info .copy{
		font-size: 2.5vw;
		line-height: 1;
	}
	
	/*スマホ下のボタン
	＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
	#sp_btns{
		position: fixed;
		bottom: 0;
		left: 0;
		width: 100%;
		background-color: rgba(62,62,62,0.8);
		z-index: 98;
	}
	#sp_btns ul{
		padding-top: 3.125vw;
		padding-bottom: 3.125vw;
	}
	#sp_btns ul li{
		width: 29.6875vw;
		float: left;
		margin-right: 2.343vw;
	}
	#sp_btns ul li:last-child{
		margin-right: 0;
	}
}