@charset "utf-8";
h2.dog{background-image:url(../images/mtitlebg.png),url(../../images/h2title009.jpg);}

.tabs{width:96%;margin:0 auto;overflow:hidden;table-layout:auto;display:table;border-collapse:separate;border-spacing:0 0;}
.tabs li{display:table-cell;width:20%;text-align:center;font-size:small; font-weight: bold;vertical-align: bottom;}
.tabs li span{display:inline;}
.tabs li a{display:block;overflow:hidden;color:#FFF;box-shadow:0 -3px 5px 0 rgba(0,0,0,0.4) inset;
line-height:1.3;padding:1em 0 1em 0;}
.tabs li.active a{box-shadow:none;pointer-events: none;padding:1.2em 0 1.2em 0;}
.tabs li.page1 a{background:#3AB483;}
.tabs li.page2 a{background:#3ab49e;}
.tabs li.page3 a{background:#3aaab4;}
.tabs li.page4 a{background:#3a90b4;}
.tabs li.page5 a{background:#3a76b4;}
.tabs a:hover{opacity:0.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)";}

.linebara{border-top-color:#3AB483;}
.linebarb{border-top-color:#3ab49e;}
.linebarc{border-top-color:#3aaab4;}
.linebard{border-top-color:#3a90b4;}
.linebare{border-top-color:#3a76b4;}

.tabcontents{margin:0 auto;padding: 2em 0 0 0;border-top-style:solid;border-width: 5px;}
.secondtitle {margin:0 0 2em 0;}
.secondtitle h2{font-size:x-large;color:#3AB483;font-weight: bold; line-height:1.3;margin:0 0 0.2em 0;}
.secondtitle p{font-size:small;line-height:1.5;}

.info h3{font-weight:bold;font-size: large;color:#3AB483;border-bottom:2px solid;line-height:1.3;margin:0 0 0.5em 0;}
.info p{font-size:small;line-height:1.5;margin:0 0 0.5em 0;}

.info ul{font-size:small;line-height:1.5;margin:0.5em 0;}
.info ul li{margin:0.5em 0;}

.info dd.emphasis{font-size:medium;background: #eafffc;padding:0.8em 1em 0.5em 1em;}

.info table.boxinfos{border-collapse:collapse;line-height: 1.5;font-size:small;text-align: center;border-top:1px solid #999;border-left:1px solid #999;}
.info table.boxinfos th,
.info table.boxinfos td{border-bottom:1px solid #999;border-right:1px solid #999;padding:0.7em;vertical-align: middle;}
.info table.boxinfos th{font-weight:bold;background: rgba(236,236,236,1.00);}
.info table.boxinfos td{}

/*連絡先*/
.information{width:80%;margin:0 0 2em 0;}
.information dt{font-weight:bold;}
.information .tel{font-weight:bold;font-size:medium;}
.information dl.min,
.information ul.sub li{border-bottom:1px dotted #CCC;}
.information dl.min{margin:1em auto 0 auto;padding:0 0 0.5em 0; line-height:1.5;}
.information dl.min dt{font-size:large;}
.information dl.min dt span{font-size: small;display: inline;padding:0 0 0 0.5em;}
.information ul.sub li{width:48%;float: left;line-height:1.4;margin:0 2% 0 0;}
.information ul.sub dl{margin:0.5em auto 0.5em auto;}
.information ul.sub dd{font-size: small;}

/*flexbox２つ並び*/
.flex-2clm{
	display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
	}
.item_p-dog {
	box-sizing: border-box;
	flex: 0 1 calc(100% / 2);
	padding: 5px;
	margin-left: 10px;
	}
.item_p-area{
    box-sizing: border-box;
	flex: 0 1 calc(100% / 3);
	padding: 5px;
	margin-left: 10px;
    }
/*よくあるご質問*/
p.dog-faq-question{ font-weight: bold;}
p.dog-faq-question,
p.dog-faq-answer{ 
	position:relative;
	padding-left:3em; /* ケースによって調整する */
    margin-bottom: 1em;
    margin-top: 1em;
}
p.dog-faq-question:before{
    content: "Q";
    color: #FFFFFF;
    background: #CACACA;
    font-weight: bold;
    width: 2em;
    height: 2em;
    line-height: 2;
    text-align: center;
    display: inline-block;
    border-radius: 1em;
    position:absolute;
    left:0;
    top:-5px;
}
p.dog-faq-answer:before{
    content: "A";
    color: #FFFFFF;
    background: #3AB483;
    font-weight: bold;
    width: 2em;
    height: 2em;
    line-height: 2;
    text-align: center;
    display: inline-block;
    border-radius: 1em;
    position:absolute;
    left:0;
    top:-5px;
}


@media only screen and (max-width: 1024px) {
.tabs{width:100%;}
.tabs li {font-size:x-small;}
.information dl.min dt span{display:block;}
}

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

.tabcontents{padding:1em 0 0 0;}
.secondtitle{margin:0 0 1em 0;}
.secondtitle h2{margin:0 5% 0.2em 5%;}
.secondtitle p{margin:0 5%;}

}

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

}

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



}

@media only screen and (max-width: 568px) {
}

@media only screen and (max-width: 480px) {
.tabs li span{display:block;}
.tabs li a{padding:1vh 0 1vh 0;}
.tabs li.active a{padding:1.5vh 0 1.5vh 0;}



/*.tabs li a{display:block;overflow:hidden;color:#FFF;box-shadow:0 -3px 5px 0 rgba(0,0,0,0.4) inset;
line-height:1.3;padding:1.3em 0 1.3em 0;}
.tabs li.active a{box-shadow:none;pointer-events: none;padding:1.5em 0 1.25em 0;}*/


.information{width:90%;margin: 0 auto 1em auto;}
.information dl.min dt{font-size:medium;}
.information dl.min dt span{font-size:x-small;}
.information ul.sub li{width:100%;float:none;margin:0;}
}