@charset "utf-8";
body {
	margin: 0;
	padding: 0;
	border: 0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
ol, ul {
	list-style: none;
}
main {
	background-color: #ffffff;
	padding-bottom: 100px;
}
main>article {
	margin: 0 auto;
	position: relative;
}
header,
main {
	display: block;
	width: 100%;
	margin: 0 auto;
}
@media only screen and (max-width: 767px) {
header {
	height: 100px;
	border-top: 2em solid #754C24;
}
.inner_head {
	width: 95%;
	margin: 0 auto;
	position: relative;
	}
.inner {
	width: 95%;
	margin: 0 auto;
	}
.sp60{
    width: 58%;
}
.address2 {
	width: 41%;
	position: absolute;
	right: 0px;
	top: -2em;
	}
.address3 {
	width: 35%;
	padding-top: 32px;
	position: absolute;
	right: 5px;
}

}

@media only screen and (min-width: 768px) {
header {
	height: 110px;
	border-top: 50px solid #754C24;
}
.inner_head {
	max-width: 900px;
	width: 100%;
	margin: 0 auto;
	position: relative;
}
.inner {
	max-width: 900px;
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.address2 {
	position: absolute;
	top: -50px;
	right: 10px;
}
.address3 {
    display: none;
}
}

/*グローバルナビ*/
nav a:link,
nav a:visited,
nav a:active {
	color:#603C2A;
	text-decoration:none;
}
/*　ナビゲーション　*/
@media only screen and (max-width: 767px) {
nav{
	display: none;
	position: absolute;
	width: 100%;
	top: 80px;
	right: 0;
	z-index: 99;
	background-color: #FFFFFF;
	}
	nav ul{
		display: block;
		margin: 0 auto;
		width: 100%;
		padding-left: 0px;
	}
	nav ul li{
	text-align: center;
	display: block;
	padding-top: 1em;
	padding-bottom: 1em;
	margin: 0 1%;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #754C24;
	}
	nav ul li img {
			display: block;
			margin: 0 auto;
		}
	nav ul li:last-child{
		border: none;
	}
	nav ul li a {
	display: block;
	color: #754C24!important;
	}
	/*開閉ボタン*/
	#nav_toggle{
	display: block;
	width: 40px;
	height: 40px;
	position: absolute;
	top: 80px;
	right: 15px;
	z-index: 100;
	}
	#nav_toggle div {
		position: relative;
	}
	#nav_toggle span{
		display: block;
		height: 5px;
		background: #2A220D;
		position:relative;
		width: 40px;
		left: 4px;
		-webkit-transition: 0.5s ease-in-out;
		-moz-transition: 0.5s ease-in-out;
		transition: 0.5s ease-in-out;	
	}
	#nav_toggle span:nth-child(1){
		top:10px;
	}
	#nav_toggle span:nth-child(2){
		top:20px;
	}
	#nav_toggle span:nth-child(3){
		top:30px;
	}
	/*開閉ボタンopen時*/
	.open #nav_toggle span:nth-child(1) {
			top: 20px;
		   -webkit-transform: rotate(135deg);
			-moz-transform: rotate(135deg);
			transform: rotate(135deg);
		}
		.open #nav_toggle span:nth-child(2) {
			width: 0;
			left: 50%;
		}
		.open #nav_toggle span:nth-child(3) {
			top: 10px;
			-webkit-transform: rotate(-135deg);
			-moz-transform: rotate(-135deg);
			transform: rotate(-135deg);
		}
}
@media only screen and (min-width: 768px) {
nav {
	clear: both;
	margin: 0 auto;
	max-width: 900px;
}
nav ul{
	margin-top: 5px;
	margin-bottom: 0px;
}
nav ul li {
	display: inline-block;
	text-align: center;
	margin-right: 20px;
	letter-spacing: 0;
	vertical-align: middle;
}
nav ul li:last-child {
	margin-right: 0px;
}
#nav_toggle{
	display: none;
}
}

/*　box　*/
.left {
	float: left;
}
.right {
	float: right;
}
.t_title {
	font-family: 'Noto Serif JP', serif;
	color: #C69C6D;
}
@media only screen and (max-width: 767px) {
.t_title {
	font-size: 1.25rem;
}
.mainimag {
width:100%;
max-width: 100%;
height: auto;
}
.w50 {
	width: 100%;
	}
.img_right {
	text-align: center;
}
.img_right img {
	width: 80%;
	margin: 0px auto 3em;
}
.img_left {
	text-align: center;
}
.img_left img {
	width: 80%;
	margin: 0px auto 3em;
}
.img_right2 {
	float: right;
	width: 40%;
}
.sp {
	width: 90%;	
	}
.pc {
	display: none;	
	}
}

@media only screen and (min-width: 768px) {
.t_title {
	font-size: 2rem;
}
.w50 {
	width: 50%;
}
.img_right {
	text-align: right;
}
.img_left {
	text-align: left;
	float: left;
	width: 400px;
}
.img_right2 {
	float: right;
}
.sp {
	display: none;	
	}
}


/*　h3h4　*/

h3.tt_training {
	background-color: #754C24;
	color: #FFFFFF;
	line-height: 30px;
	text-indent: 1em;
	clear: both;
	text-align: left;
	font-size: 1.25rem;
	padding-top: 5px;
	padding-bottom: 5px;
}
h4.tt_price {
	border-left-style: none;
	text-align: center;
	color: #754C24;
	font-weight: normal;
	font-size: 1.5rem;
	background: linear-gradient(transparent 60%, #EDD9C5 70%);
	max-width: 230px;
	margin-left: auto;
	margin-right: auto;
}

/*　テキストボタン　*/

a.btn {
	color: #754C24;
	margin: 0 auto 3em;
	padding: 0.5em 0;
	text-align: center;
	display: block;
	background: #FFFFFF;
	font-size: 0.875rem;
	border: 2px solid #C69C6D;
	text-decoration:none;
}
a.btn:hover{
	text-decoration: none;
	background-color: #EADBD4;
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter: alpha(opacity = 50);
}
.wid200 {
	width: 200px;
	margin: 0 auto 3em;
}
.wid300 {
	width: 300px;
	margin: 0 auto 3em;
}

/*　リスト　*/
ul.check {
	margin-left: 0px;
	padding-left: 0px;
}
ul.check li {
	list-style-type: none;
	background-image: url(../images/sub/icon_check.jpg);
	background-repeat: no-repeat;
	margin-bottom: 1em;
	margin-left: 0px;
	padding-left: 30px;
}
ul.check li span {
	font-size: 0.875rem;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
ul.kyositu {
	margin-left: 0px;
	padding-left: 0px;
}
ul.kyositu li {
	list-style-type: none;
	background-image: url(../images/sub/icon_nikyu.png);
	background-repeat: no-repeat;
	margin-left: 0px;
	padding-left: 30px;
}

/*　パピー教室・幼稚園枠　*/

@media only screen and (max-width: 767px) {
.parent {
	width: 100%;
	margin: auto auto 3em;
	clear: both;
}
.children {
	width: 90%;
	margin: 0px auto 3em;
	background: #EEDCCA;
	max-width: 430px;
	padding: 0em 0.5em 0.2em;
	box-shadow: 0px 0px 0px 10px #EEDCCA;
	border: dashed 2px white;
}
}
@media only screen and (min-width: 768px) {
.parent {
	width: 98%;
	max-width: 900px;
	margin: auto auto 1em;
	display: flex;
	justify-content: space-between;
	clear: both;
}
.children {
	width: 45%;
	margin-bottom: 20px;
	background: #EEDCCA;
	max-width: 430px;
	padding: 0em 0.5em 0.2em;
	box-shadow: 0px 0px 0px 10px #EEDCCA;
	border: dashed 2px white;
}
}
.bg_puppy {
	background-image: url(../images/sub/puppy.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.bg_kingd {
	background-image: url(../images/sub/kinder.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}
.parent h3 {
	color: #FFFFFF;/*文字色*/
	background: #754C24;
	border: 3px solid #754C24;/*線色*/
	padding: 0.1em 0.5em;/*文字周りの余白*/
	border-radius: 0.5em;/*角丸*/
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 60%;
}
.parent h3 span {
	font-size: 0.75rem;
}
.children p {
    margin: 0; 
    padding: 0;
}

/*　料金　*/
table.price_t {
	width: 100%;
	max-width: 900px;
	margin: 0px auto 3em;
	color: #754C24;
    border-collapse: collapse;
    padding: 0;
    table-layout: fixed;
}

table.price_t tr {
  padding: .35em;
  border: 1px solid #754C24;
}
table.price_t,
table.price_t th,
table.price_t td {
	padding: 0.5em 10px 0.5em 1em;
	border-right: 1px solid #754C24;
}
table.price_t thead tr {
  background-color: #EDD9C5;
}
table.price_t tbody th {
   background-color: #EDD9C5;
   text-align: left;
}
table.price_t tbody td {
   text-align: left;
}
.td_right {
   text-align: right!important;
}
table.price_t th span {
	font-size: 0.875rem;
}

/*　フッター　*/
footer {
	position: relative;
	background-color: #754C24;
	height: 50px;
	bottom: 0px;
}
.cff:after {
	content:" ";
	display:block;
	clear:both;
}
.tonakai {
	position: absolute;
	top: -100px;
	right: 50px;
}

#page_top {
  width: 50px;
  height: 50px;
  position: fixed;
  right: 0;
  bottom: 0;
  opacity: 0.6;
}
#page_top a {
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before {
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	content: '\f102';
	font-size: 25px;
	color: #666666;
	position: absolute;
	width: 25px;
	height: 25px;
	top: -5px;
	bottom: 0;
	right: 0;
	left: 0;
	margin: auto;
	text-align: center;
}

@media only screen and (max-width: 767px) {
iframe.map {
	width: 90%;
	margin: 0px auto 1em;
}
.cff {
	width: 100%;
	margin: 0px auto 1em;
	position: relative;
	text-align: left;
}
}
@media only screen and (min-width: 768px) {
iframe.map {
	float: left;
}

.cff {
	width: 47%;
	max-width: 470px;
	float: right;
	position: relative;
	text-align: left;
}
}

/*　その他　*/
.red {
	color: #9B0400;
}
p.indent-1 {
padding-left:1em;
text-indent:-1em;
}
.space_bottom_l {
	margin-bottom: 5em!important;
}
.space_bottom_m {
	margin-bottom: 3em!important;
}
.space_bottom_s {
	margin-bottom: 1em!important;
}
.middle {
	vertical-align: middle;
}