/*
Theme Name: pinnacle-child
Template:pinnacle
*/
@import url("/asakusa-pet/china.css");
@import url('https://fonts.googleapis.com/css2?family=Kosugi&family=Kosugi+Maru&family=M+PLUS+1p:wght@100;300;400;500;700;800;900&family=Sawarabi+Mincho&family=Yantramanav:wght@100;300&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Kiwi+Maru:wght@300;400;500&family=M+PLUS+1p:wght@800&display=swap');

em{font-style:normal !important;}
ul.switch01  {
	list-style-type: none;
}

ul.switch01 li  {
	display:inline-block;
	width:150px;
	font-size:13px;
	padding:6px!important;
	background:#f6ad49!important;
	border-left:2px solid #fddea5!important;
	border-top:2px solid #fddea5!important;
	border-right:2px solid #ea5506!important;
	border-bottom:2px solid #ea5506!important;
	text-align:center;
	color:#000000!important;
	margin-top:6px;
}

ul.switch01 li:hover  {
	padding:6px!important;
	background:#ec6800!important;
	border-right:2px solid #fddea5!important;
	border-bottom:2px solid #fddea5!important;
	border-left:2px solid #ea5506!important;
	border-top:2px solid #ea5506!important;
	color:#ffffff!important;
}

.switch02  {
	padding:6px!important;
	background:#f3f3f3!important;
	border-left:2px solid #f7fcfe!important;
	border-top:2px solid #f7fcfe!important;
	border-right:2px solid #afafb0!important;
	border-bottom:2px solid #afafb0!important;
	color:#000000!important;
}

.switch02:hover  {
	padding:6px!important;
	background:#c0c6c9!important;
	border-left:2px solid #afafb0!important;
	border-top:2px solid #afafb0!important;
	border-right:2px solid #f7fcfe!important;
	border-bottom:2px solid #f7fcfe!important;
	color:#ffffff!important;
}

.redy {
	color:#c9171e!important;
}
ul.yama-box200 {
	list-style-type:none;
}

ul.yama-box200 li {
	display:inline-block;
	margin:3px;
	width:200px;
	height:200px;
	padding:20px;
	text-align:left;
	vertical-align:top;
}

ul.yama-box200 p {
	font-size:20px;
	font-weight:bold;
	color:#fff
}

.yama-title01 {
	font-size:20px;
	font-weight:bold;
	padding:3px;
	padding-left:18px;
	border-bottom:2px solid #485859;
	border-left:10px solid #485859;
	width:auto!important;
	display:block;
	background:#e7e7eb;
	font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

.yama-box {
	display:inline-block;
	vertical-align:top;
	border:1px solid #888;
	padding:10px;
	margin:6px;
}


@media screen and (min-width: 641px) { 
/* ここにPC、タブレット用スタイルを記述 */ 
	.yama-box1 {
	list-style-type:none;
	padding-left:20px;
	font-size:18px!important;
	line-height:150%!important;
	}
	.yama-box2 {
	display:inline-block;
	vertical-align:top;
	border:1px solid #888;
	padding:10px;
	margin:6px;width:300px;
	}
	.width520 {
	width:520px;
	}
	#width520 {
	width:520px;
	}
	.width400 {
	width:380px;
	}
	#width400 {
	width:380px;
	}
	.width320 {
	width:320px;
	}
	#width320 {
	width:320px;
	}
}

@media screen and (max-width: 640px) { 
/* ここにスマホ用スタイルを記述 */
	.yama-box1 {
		list-style-type:none;
		padding-left:0px;
		font-size:16px!important;
		line-height:150%!important;
	}

	.yama-box2 {
		display:inline-block;
		vertical-align:top;
		border:1px solid #888;
		padding:10px;
		margin:6px;
		width:98%;
	}

	.photomini {
		width:120px;
	}

	.width520,.width400,.width320 {
		width:98%;
	}

	#width520,#width400,#width320 {
		width:98%;
	}

	.yama-left {
		text-align:left;
	}
}


@media screen and (max-width: 400px) { 
/* ここに細スタイルを記述 */
}

@media screen and (min-width: 641px) { 
/* ここにPC、タブレット用スタイルを記述 */ 
	.yama-box1 {
		list-style-type:none;
		padding-left:20px;
		font-size:18px!important;
		line-height:150%!important;
	}
	.yama-box2 {
		display:inline-block;
		vertical-align:top;
		border:1px solid #888;
		padding:10px;
		margin:6px;width:300px;
	}
	.width520 {
		width:520px;
	}
	#width520 {
		width:520px;
	}
	.width400 {
		width:380px;
	}
	#width400 {
		width:380px;
	}
	.width320 {
		width:320px;
	}
	#width320 {
		width:320px;
	}

}

@media screen and (max-width: 640px) { 
/* ここにスマホ用スタイルを記述 */
	.yama-box1 {
		list-style-type:none;
		padding-left:0px;
		font-size:16px!important;
		line-height:150%!important;
	}

	.yama-box2 {
		display:inline-block;
		vertical-align:top;
		border:1px solid #888;
		padding:10px;
		margin:6px;
		width:98%;
	}

	.photomini {
		width:120px;
	}

	.width520 , .width400 , .width320 {
		width:98%;
	}

	#width520 , #width400 , #width320 {
		width:98%;
	}

	.yama-left {
		text-align:left;
	}

	#logo a.brand {
		font-size:15px!important;
		font-weight:bold!important;
	}
}

@media screen and (max-width: 400px) { 
/* ここに細スタイルを記述 */


}

/* Bootstrap 5 Columns */

.col-xs-15,
.col-sm-15,
.col-md-15,
.col-lg-15 {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
}

.col-xs-15 {
	width: 20%;
	float: left;
}
@media screen and  (min-width: 768px){
	.col-sm-15 {
		width: 20%;
		float: left;
	}
}
@media screen and  (min-width: 992px) {
	.col-md-15 {
		width: 20%;
		float: left;
	}
}
@media screen and  (min-width: 1200px) {
	.col-lg-15 {
		width: 20%;
		float: left;
	}
}
em {
	font-weight:400!important; 
	font-style:normal!important;
	font-size:larger;
}

.switch li a  {
	color:#000000!important;
}

.switch li a:hover  {
	color:#fff!important;
}

.entry-content {
	padding-top:6px!important;
}

.pageclass  {
	padding-top:0px!important;
}

.banner {
	background:rgba(0,0,0,0.5)!important;
}

.widget-title {
	background:rgba(0,0,0,0.0.5);font-size:15px;
}

.home-page-subtitle {
	display:block;
	text-align:center;
	width:330px;
	padding:3px 6px;
	background-color:rgba(0,0,0,0.5)!important;
	margin-top:0;
}

.subtitle {
	display:block;
	text-align:center;
	width:330px;
	padding:3px 6px;
	background-color:rgba(0,0,0,0.5)!important;
	margin-top:0;
}

.home-page-title {
	display:block;
	text-align:center;
	text-shadow: 1px 1px 3px #000 ;
	width:330px!important;
	padding:3px 3px;
	background-color:rgba(0,0,0,0.3)!important;
	margin-bottom:0;
	font-size:25px!important;
}

.entry-title {
	display:block;
	padding:3px 6px;

	margin-bottom:0;
}


h5.entry-title {
	font-size:15px!important;
	line-height:20px!important;
}

h3.entry-title {
	font-size:15px!important;
	line-height:20px!important;
}

.hometitle {
	font-size:12px!important;
	line-height: 30px!important;
	background-color:rgba(137,195,235,0.5);
	padding:3px 12px;
	line-height:150%!important;
	text-align:left;
}

.post_page_title,.kad-page-title {
	width:320px;
	text-shadow: 1px 1px 3px #000 ;
}

.sf-menu a {
	font-size:13px!important;
	padding-left:6px!important;
	padding-right:6px!important;
}

.sf-menu a:hover {
	background-color:rgba(0,0,0,0.7)!important;
}

@media screen and (min-width: 641px) { 
	.postclass h1.entry-title {
		font-size:20px!important;
		line-height:30px!important;
	}
}

@media screen and (max-width: 640px) { 

	#logo a.brand {
		font-size:15px!important;
		font-weight:bold!important;
	}

	h1.entry-title {
		width:96%;
	}

	.postclass h1.entry-title {
		font-size:18px!important;
		text-align:left;
		line-height:22px!important;
	}

	.post_page_title,.kad-page-title {
		width:300px;
	}

}

@media screen and (max-width: 400px) { 

	#logo a.brand {
		font-size:12px!important;
		font-weight:bold!important;
	}

	h1.home-page-title {
		font-size:17px!important;
		width:96%important;
	}


	span.home-page-subtitle {
		width:96%important;
		font-size:15px!important;
	}

	h1.entry-title {
		font-size:17px!important;
		width:96%important;
	}

	.postclass h1.entry-title {
		font-size:15px!important;
	}

	h1.kad-page-title {
		width:96%!important;
	}

}
.titleclass {
	background-color: #bf363c;
	background-repeat: repeat-x;
	background-size: inherit;
	background-attachment: scroll;
	background-position: center top;
	background-image: url(https://asakusa-pet.com/wp-content/uploads/catheader-1.png);
}
header #logo a.brand {
    font-size: 24px!important;
}