@charset "utf-8";

/* Content
------------------------------------------------------------*/
body{
	font-family: "BIZ UDGothic",sans-serif;
}

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

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

	}
}

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

	}
}

/*----------------- pc-sp -------------------*/
.pc{
display: block;
}
@media only screen and (max-width: 768px){
	.pc {
        display: none;
	}
}
.sp{
display: none;
}
@media only screen and (max-width: 768px){
	.sp {
        display: block;
	}
}

/*----------------- #hero-dogmenu_box -------------------*/

#hero-dogmenu_box{
    position: absolute;
    top: 200px;
    left: 0;
    z-index: 9999;
    width: 100%;
    overflow:hidden;
}
@media screen and (max-width:768px){
#hero-dogmenu_box{
    position: static;
    margin-top: -30%;
 }
}
#hero-dogmenu_box:after{
	content:"";
	display:block;
    clear: both;
}
#hero-dogmenu_box h2{
    width: 50%;
    margin: 20% 5% 0;
    float: left;
}
@media screen and (max-width:768px){
#hero-dogmenu_box h2{
    width: 80%;
    margin: 0 auto 0;
    float: none;
    position: relative;
    z-index: 999999;
    padding: 20% 0 18%;
}
}
#hero-dogmenu_box h2 img{}
#hero-dogmenu_box ul.dogmenu_box01{
    width: 40%;
    float: right;
    padding: 5%;
    margin: -5% 0 0 0;
    box-sizing: border-box;
}
@media screen and (max-width:768px){
#hero-dogmenu_box ul.dogmenu_box01{
    width: 100%;
    float: none;
    padding: 0;
    margin: 0 0 0 0;
    box-sizing: border-box;
}
}
#hero-dogmenu_box ul.dogmenu_box01 li{
    width: 50%;
    margin:0 10% 0 -35%;
}
@media screen and (max-width:768px){
#hero-dogmenu_box ul.dogmenu_box01 li{
    width: 100%;
    margin:0;
}
}
#hero-dogmenu_box ul.dogmenu_box01 li img{}
#hero-dogmenu_box ul.dogmenu_box01 li.dogmenu_img01{}
#hero-dogmenu_box ul.dogmenu_box01 li.dogmenu_img02{
    margin:-50% 0% 0 20%;
}
@media screen and (max-width:768px){
#hero-dogmenu_box ul.dogmenu_box01 li.dogmenu_img02{
    width: 100%;
    margin:0;
}
}
#hero-dogmenu_box ul.dogmenu_box01 li.dogmenu_img03{
    margin:-10% 0% 0 -7%;
}
@media screen and (max-width:768px){
#hero-dogmenu_box ul.dogmenu_box01 li.dogmenu_img03{
    width: 100%;
    margin:0;
}
}
#hero-dogmenu_box ul.dogmenu_box01 li.dogmenu_img04{
    width: 60%;
    margin:-50% 10% 0 40%;
}
@media screen and (max-width:768px){
#hero-dogmenu_box ul.dogmenu_box01 li.dogmenu_img04{
    width: 30%;
    margin: -30% 0 0 0;
    float: right;
    position: relative;
    z-index: 9999;
}
}
#hero-dogmenu_box ul.dogmenu_box01 li.dogmenu_img04 a{}
#hero-dogmenu_box ul.dogmenu_box01 li.dogmenu_img04 a:hover{}
#hero-dogmenu_box ul.dogmenu_box01 li.dogmenu_img04 a img{}

/*----------------- #main -------------------*/

#main{}

#main main{}
#dogmenu01 section ul li a img:hover{
	opacity:1.0;
}
/*----------------- #dogmenu01 -------------------*/

#dogmenu01{
    margin: 0 auto 10%;
    min-height: 0%;
}

#dogmenu01 section{
  overflow: hidden;
  width: 960px;
  margin:0 auto;
  box-sizing: border-box;
}
@media screen and (max-width:980px){
    #dogmenu01 section{
        width: 98%;
        box-sizing: border-box;
    }
}
#dogmenu01 section a img{
  width: 100%;
  transition-duration: 0.5s;
  border-radius: 8px;
}
#dogmenu01 section a img:hover{
  transform: scale(1.02);
  transition-duration: 0.5s;
}
#dogmenu01 .dogmenu01aria{
    background: #ab2526;
}
#dogmenu01 ul.dogmenu_box02{
    display: flex;
    flex-wrap: wrap;
    padding: 5% 5% 2%;
    width: 960px;
    margin:0 auto;
    box-sizing: border-box;
}
@media screen and (max-width:980px){
	#dogmenu01 ul.dogmenu_box02{
        width: 98%;
    }
}
@media screen and (max-width:768px){
	#dogmenu01 ul.dogmenu_box02{
        padding: 2%;
}
}
#dogmenu01 ul.dogmenu_box02 li{
    width: 25%;
}
@media screen and (max-width:768px){
	#dogmenu01 ul.dogmenu_box02 li{
    width: 50%;
}
}
#dogmenu01 ul.dogmenu_box02 li a{}
#dogmenu01 ul.dogmenu_box02 li a:hover{}
#dogmenu01 ul.dogmenu_box02 li a img{}
#dogmenu01 ul.dogmenu_box02 li.dogmenu_img05{}
#dogmenu01 ul.dogmenu_box02 li.dogmenu_img05 img{}
#dogmenu01 ul.dogmenu_box02 li.dogmenu_img06{}
#dogmenu01 ul.dogmenu_box02 li.dogmenu_img06 img{}
#dogmenu01 ul.dogmenu_box02 li.dogmenu_img07{}
#dogmenu01 ul.dogmenu_box02 li.dogmenu_img07 img{}
#dogmenu01 ul.dogmenu_box02 li.dogmenu_img08{}
#dogmenu01 ul.dogmenu_box02 li.dogmenu_img08 img{}
#dogmenu01 section ul li a em span{
	display:block;
}
#dogmenu01 section#dogmenu_id01{
    padding: 5% 5% 2%;
    box-sizing: border-box;
    min-height: 0%;
}
#dogmenu01 section#dogmenu_id01 h3{
	width:80%;
	margin:2% auto;
}
@media screen and (max-width:768px){
	#dogmenu01 section#dogmenu_id01 h3{
	width:100%;
	}
}
#dogmenu01 section#dogmenu_id01 h3 img{}
#dogmenu01 section#dogmenu_id01 p{}
#dogmenu01 section#dogmenu_id01 p a{
    display: block;
}
#dogmenu01 section#dogmenu_id01 p a:hover{}
#dogmenu01 section#dogmenu_id01 p a img{
    border-radius: 15px;
}

#dogmenu01 section#dogmenu_id01 div.dogmenu_id01_box{
    background: #f2e9e7;
    margin: 1% 0;
    border-radius: 5px;
    padding: 1%;
}
#dogmenu01 section#dogmenu_id01 div.dogmenu_id01_box h4{
    display: inline-block;
    background: #ab2526;
    padding: 5px 2%;
    border-radius: 20px;
    color: #fff;
}
#dogmenu01 section#dogmenu_id01 div.dogmenu_id01_box ul{
    display: inline-block;
    width: 80%;
}
#dogmenu01 section#dogmenu_id01 div.dogmenu_id01_box ul li{
    display: inline-block;
    margin:0 1%;
    color:#ab2526;
}
#dogmenu01 section#dogmenu_id01 div.dogmenu_id01_box ul li:before {
	font-family: FontAwesome;
	content:"\f046";
	font-weight: normal;
	padding-right:10px;
}
#dogmenu01 section#dogmenu_id01 div.dogmenu_id01_box ul li.none{}
#dogmenu01 section#dogmenu_id01 div.dogmenu_id01_box ul li.none:before {
	font-family: FontAwesome;
	content:"\f096";
	font-weight: normal;
	padding-right:10px;
}
#dogmenu01 section#dogmenu_id01 div.dogmenu_id01_box p{
    margin: 1% 0 0;
    color: #ab2526;
}

#dogmenu01 section#dogmenu_id02{
    padding: 5%;
}
#dogmenu01 section#dogmenu_id02 h3{
	width:80%;
	margin:2% auto;
}
@media screen and (max-width:768px){
	#dogmenu01 section#dogmenu_id02 h3{
	width:100%;
	}
}
#dogmenu01 section#dogmenu_id02 h3 img{}
#dogmenu01 section#dogmenu_id02 ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 5%;
}
#dogmenu01 section#dogmenu_id02 ul li{
    width: 31.333%;
    padding: 0 0 1%;
    margin: 1%;
    box-sizing: border-box;
    background: #b5865f url(images/dogmenu_bg02.png);
    border-radius: 5px;
    box-shadow: 1px 2px 2px 1px #d7d7d7;
    flex-direction: column;
    display:flex;
    min-height: 0px;
    min-height: 0%;
}
@media screen and (max-width:768px){
#dogmenu01 section#dogmenu_id02 ul li{
    width: 48%;
    padding: 0 0 1%;
    margin: 1%;
    font-size:60%;
	}
}
#dogmenu01 section#dogmenu_id02 ul li a{
	text-decoration: none;
	display: block;
	line-height: 1.4;
	color:#fff;
	min-height: 0;
	min-height: 0%;
	border: 0;
	outline: none;
}
#dogmenu01 section#dogmenu_id02 ul li a:hover{}
#dogmenu01 section#dogmenu_id02 ul li a img{}
#dogmenu01 section#dogmenu_id02 ul li a em{
	display:block;
	font-weight:bold;
	font-size: 120%;
	padding:2%;
	font-style: normal;
	line-height: 1.2;
}
#dogmenu01 section#dogmenu_id02 ul li b{
	display:block;
	text-align: right;
	font-size:140%;
	margin-top: auto;
	color:#fff;
	font-family: sans-serif;
	line-height: 1.8;
}
#dogmenu01 section#dogmenu_id02 ul li span{
	font-size:60%;
}

#dogmenu01 section#dogmenu_id02 div.dogmenu_id02_box{
    background: url() repeat left top;
	background-image: url(images/dogmenu_bg03_02_01.png), url(images/dogmenu_bg03_02_02.png),url(images/dogmenu_bg02.png);
	background-position: top center, bottom center, left 10% bottom, left top;
	background-size: 20% auto, 20% auto, 100% auto;
	background-repeat: no-repeat, no-repeat, no-repeat;
    background-size: 100%;
    border-radius: 10px;
    box-shadow: 1px 2px 2px 1px #d7d7d7;
    padding: 5%;
    color: #fff;
}
@media screen and (max-width:980px){
#dogmenu01 section#dogmenu_id02 div.dogmenu_id02_box{
    font-size: 80%;
    hight:300px;
 }
}
@media screen and (max-width:768px){
#dogmenu01 section#dogmenu_id02 div.dogmenu_id02_box{
    position: relative;
    margin: 1% 0 140px;
    font-size:60%;
    padding: 5%;
    font-size: 80%;
 }
}
@media screen and (max-width:640px){
#dogmenu01 section#dogmenu_id02 div.dogmenu_id02_box{
    background-size: cover;
 }
}
#dogmenu01 section#dogmenu_id02 div.dogmenu_id02_box ul{
    display: block;
    margin: 0;
    list-style: disc;
    margin: 10px;
}
#dogmenu01 section#dogmenu_id02 div.dogmenu_id02_box ul li{
    width: 100%;
    position:relative;
    background: url(none);
    box-shadow: 0px 0px;
    line-height: 1.2;
    font-size: 100%;
    font-weight: bold;
    list-style-type: disc;
}
#dogmenu01 section#dogmenu_id02 div.dogmenu_id02_box ul li:before{
	content:"・";
	position:absolute;
	top:0%;
	bottom:auto;
	left:-20px;
}
#dogmenu01 section#dogmenu_id02 div.dogmenu_id02_box ul.li_link01{
    margin: 0 0 0 -20px;
}
#dogmenu01 section#dogmenu_id02 div.dogmenu_id02_box ul.li_link01 li{
    list-style: none;
    display: inline-block;
    margin: 0 0 0 40px;
    padding: 0;
}

#dogmenu01 section#dogmenu_id02 div.dogmenu_id02_box ul.li_link01 li:before{
	font-family: FontAwesome;
	content:"\f04b";
	font-weight: normal;
	padding-right:10px;
	color: #00395e;
	top:20%;
}
#dogmenu01 section#dogmenu_id02 div.dogmenu_id02_box ul.li_link01 li a{
    display: inline-block;
    color: #00395e;
    background: hsla(0, 0%, 100%, 0);
    display: inline-block;
    width: 50%;
    padding: 2px 10px;
    border-radius: 20px;
}
@media screen and (max-width:768px){
#dogmenu01 section#dogmenu_id02 div.dogmenu_id02_box ul.li_link01 li a{
        width:90%;
    }
}
#dogmenu01 section#dogmenu_id02 div.dogmenu_id02_box ul.li_link01 li a:hover{
    opacity: 0.7;
    background: hsla(0, 0%, 100%, 0.46);
}
#dogmenu01 section#dogmenu_id02 div.dogmenu_id02_box p{
    width: 100%;
}
@media screen and (max-width:768px){
	#dogmenu01 section#dogmenu_id02 div.dogmenu_id02_box p{
    position: absolute;
    bottom: -30px;
    width: 100%;
    z-index: 999;
    left: 0;
 }
}
#dogmenu01 section#dogmenu_id02 div.dogmenu_id02_box p a{width: 64%;margin: 0 auto;display: block;}
#dogmenu01 section#dogmenu_id02 div.dogmenu_id02_box p a:hover{}
#dogmenu01 section#dogmenu_id02 div.dogmenu_id02_box p a img{}
@media screen and (max-width:768px){
	#dogmenu01 section#dogmenu_id02 div.dogmenu_id02_box p a{
    position:absolute;
    width: 100%;
    z-index:9999;
 }
}
#dogmenu01 section#dogmenu_id03{
    padding: 5% 5% 2%;
}
#dogmenu01 section#dogmenu_id03 h3{
	width:80%;
	margin:2% auto;
}
@media screen and (max-width:768px){
	#dogmenu01 section#dogmenu_id03 h3{
	width:100%;
	}
}
#dogmenu01 section#dogmenu_id03 h3 img{}
#dogmenu01 section#dogmenu_id03 ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 5%;
}
#dogmenu01 section#dogmenu_id03 ul li{
    width: 31.333%;
    padding: 0 0 1%;
    margin: 1%;
    box-sizing: border-box;
    background: #b5865f url(images/dogmenu_bg02.png);
    border-radius: 5px;
    box-shadow: 1px 2px 2px 1px #d7d7d7;
    flex-direction: column;
    display:flex;
    min-height: 0%;
}
@media screen and (max-width:768px){
#dogmenu01 section#dogmenu_id03 ul li{
    width: 48%;
    padding: 0 0 1%;
    margin: 1%;
    font-size:60%;
	}
}
#dogmenu01 section#dogmenu_id03 ul li a{
	text-decoration: none;
	display: block;
	line-height: 1.8;
	color:#fff;
    min-height: 0%;
}
#dogmenu01 section#dogmenu_id03 ul li a:hover{}
#dogmenu01 section#dogmenu_id03 ul li a img{}
#dogmenu01 section#dogmenu_id03 ul li a em{
	display:block;
	font-weight:bold;
	font-size: 130%;
	padding:2%;
	font-style: normal;
	line-height: 1.2;
}
#dogmenu01 section#dogmenu_id03 ul li b{
	display:block;
	text-align: right;
	font-size:140%;
	margin-top: auto;
	color:#fff;
	font-family: sans-serif;
	line-height: 1.6;
}
#dogmenu01 section#dogmenu_id03 ul li span{
	font-size:60%;
}
#dogmenu01 section#dogmenu_id04{
    padding: 5% 5% 2%;
    box-sizing: border-box;
}
#dogmenu01 section#dogmenu_id04 h3{
	width:80%;
	margin:2% auto;
}
@media screen and (max-width:768px){
	#dogmenu01 section#dogmenu_id04 h3{
	width:100%;
	}
}
#dogmenu01 section#dogmenu_id04 h3 img{}
#dogmenu01 section#dogmenu_id04 ul{
    display: flex;
    flex-wrap: wrap;
    margin: 0 0 5%;
    position: relative;
}
#dogmenu01 section#dogmenu_id04 ul li{
    width: 31.333%;
    padding: 0 0 1%;
    margin: 1%;
    box-sizing: border-box;
    background: #b5865f url(images/dogmenu_bg02.png);
    border-radius: 5px;
    box-shadow: 1px 2px 2px 1px #d7d7d7;
    flex-direction: column;
    display:flex;
    min-height: 0%;
}
@media screen and (max-width:768px){
#dogmenu01 section#dogmenu_id04 ul li{
    width: 48%;
    padding: 0 0 1%;
    margin: 1%;
    font-size:60%;
	}
}
#dogmenu01 section#dogmenu_id04 ul li a{
	text-decoration: none;
	display: block;
	line-height: 1.8;
	color:#fff;
	min-height: 0%;
}
#dogmenu01 section#dogmenu_id04 ul li a:hover{
	opacity:1.0;
}
#dogmenu01 section#dogmenu_id04 ul li a img{}
#dogmenu01 section#dogmenu_id04 ul li a em{
	display:block;
	font-weight:bold;
	font-size: 130%;
	padding:2%;
	font-style: normal;
	min-height: 0%;
}
#dogmenu01 section#dogmenu_id04 ul li b{
	display:block;
	text-align: right;
	font-size:140%;
	margin-top: auto;
	color:#fff;
	font-family: sans-serif;
}
#dogmenu01 section#dogmenu_id04 ul li span{
	font-size:60%;
}

#dogmenu01 section#dogmenu_id04 div.dogmenu_id04_box{
    background: #e4ddd4;
    border-radius: 20px;
    padding: 3% 5% 3%;
    margin: 30% 0 10%;
}
#dogmenu01 section#dogmenu_id04 div.dogmenu_id04_box h3{
	margin-top: -20%;
}
#dogmenu01 section#dogmenu_id04 div.dogmenu_id04_box h3 img{}
#dogmenu01 section#dogmenu_id04 div.dogmenu_id04_box ul{}
#dogmenu01 section#dogmenu_id04 div.dogmenu_id04_box ul li{
    padding: 0;
    margin: 0;
}
#dogmenu01 section#dogmenu_id04 div.dogmenu_id04_box ul li img{
    width: auto;
    max-width: 80%;
    min-height: 0%;
}
#dogmenu01 section#dogmenu_id04 div.dogmenu_id04_box ul.dogmenu_id04_box_img{
    display: block;
    margin: 0;
    overflow: hidden;
    padding: 0;
}
#dogmenu01 section#dogmenu_id04 div.dogmenu_id04_box ul.dogmenu_id04_box_img li.box_l{
    background: url(none);
    box-shadow: 0px 0px;
    width: 50%;
    float: left;
}
@media screen and (max-width:768px){
	#dogmenu01 section#dogmenu_id04 div.dogmenu_id04_box ul.dogmenu_id04_box_img li.box_l{
    width: 80%;
    margin:0 auto;
    float: none;
    text-align:center;
    padding:1%;
	}
}
#dogmenu01 section#dogmenu_id04 div.dogmenu_id04_box ul.dogmenu_id04_box_img li.box_r{
    background: url(none);
    box-shadow: 0px 0px;
    float: right;
    width: 50%;
    text-align: right;
}
@media screen and (max-width:768px){
	#dogmenu01 section#dogmenu_id04 div.dogmenu_id04_box ul.dogmenu_id04_box_img li.box_r{
    width: 60%;
    margin:0 auto;
    float: none;
    text-align:center;
    padding:1%;
	}
}
#dogmenu01 section#dogmenu_id04 div.dogmenu_id04_box ul.dogmenu_id04_box_img li.box_r img{
	width:50%;
}
@media screen and (max-width:768px){
	#dogmenu01 section#dogmenu_id04 div.dogmenu_id04_box ul.dogmenu_id04_box_img li.box_r img{
    width: 100%;
    float: none;
    text-align:center;
    padding:1%;
	}
}
#dogmenu01 section#dogmenu_id04 div.dogmenu_id04_box ul.dogmenu_id04_box_txt{
    display: block;
}
#dogmenu01 section#dogmenu_id04 div.dogmenu_id04_box ul.dogmenu_id04_box_txt li{
	position:relative;
	background: url(none);
	box-shadow: 0 0;
	width: 90%;
	line-height: 1.4;
	list-style: disc;
	font-size: 120%;
	font-weight: bold;
	margin:0 0 0 30px;
}
#dogmenu01 section#dogmenu_id04 div.dogmenu_id04_box ul.dogmenu_id04_box_txt li:before{
	content:"・";
	position:absolute;
	top:0%;
	bottom:auto;
	left:-20px;
}
@media screen and (max-width:768px){
	#dogmenu01 section#dogmenu_id04 div.dogmenu_id04_box ul.dogmenu_id04_box_txt li{
    font-size: 90%;
	}
}
#dogmenu01 section#dogmenu_id04 div.dogmenu_id04_box p{}
#dogmenu01 section#dogmenu_id04 div.dogmenu_id04_box p a{
    text-decoration:none;
}
@media screen and (max-width:768px){
	#dogmenu01 section#dogmenu_id04 div.dogmenu_id04_box p{
    text-align:center;
	}
}
#dogmenu01 section#dogmenu_id04 div.dogmenu_id04_box p a:before{
	font-family: FontAwesome;
	content:"\f04b";
	font-weight: normal;
	padding-right:10px;
}
#dogmenu01 section#dogmenu_id04 div.dogmenu_id04_box p a:hover{
	opacity:0.7;
}

/*----------------- #dogmenu_popup -------------------*/

#dogmenu_popup{
    padding: 0 0 1%;
    /* margin: 1%; */
    box-sizing: border-box;
    background: #b5865f url(images/dogmenu_bg02.png);
    /* border-radius: 5px; */
    box-shadow: 2px 5px 5px 3px #939393;
}
#dogmenu_popup h1{
	color:#fff;
}
#dogmenu_popup h1 img{}
#dogmenu_popup h1 em{
	display:block;
	font-weight:bold;
	font-size:140%;
	padding:2%;
	font-style: normal;
}
#dogmenu_popup h1 b{
	display:block;
	text-align: right;
	font-size:140%;
	padding: 1%;
	font-family: sans-serif;
	line-height: 1.8;
}
#dogmenu_popup h1 span{
	font-size:60%;
	line-height: 1.6;
}
#dogmenu_popup h1 em span{
	display: block;
}
#dogmenu_popup div.dogmenu_popup_box01{
    background: #fff;
    padding: 2%;
}
#dogmenu_popup div.dogmenu_popup_box01 h2{
    display: inline-block;
    background: #ab2526;
    padding: 5px 2%;
    border-radius: 10px;
    color: #fff;
    margin: 1% 0;
}
#dogmenu_popup div.dogmenu_popup_box01 ul{
    display: flex;
    flex-wrap: wrap;
}
#dogmenu_popup div.dogmenu_popup_box01 ul li{
    display: inline-block;
    margin:0 1%;
    color:#ab2526;
    width: 48%;
    padding: 1%;
    box-sizing: border-box;
}
#dogmenu_popup div.dogmenu_popup_box01 ul li:before {
	font-family: FontAwesome;
	content:"\f046";
	font-weight: normal;
	padding-right:10px;
}
#dogmenu_popup div.dogmenu_popup_box01 ul li.none{}
#dogmenu_popup div.dogmenu_popup_box01 ul li.none:before {
	font-family: FontAwesome;
	content:"\f096";
	font-weight: normal;
	padding-right:10px;
}
#dogmenu_popup div.dogmenu_popup_box01 p{
	color:#ab2526;
	padding:1%;
}

#dogmenu_popup div.dogmenu_popup_box02{
    padding: 4%;
    color: #fff;
    line-height: 1.6;
}
#dogmenu_popup div.dogmenu_popup_box02 h2{
    padding: 1%;
    font-size: 120%;
}
#dogmenu_popup div.dogmenu_popup_box02 p{
    padding: 1%;
}

@media only screen and (min-width: 700px){
		#cboxContent{
	    width: 480px !important;
	    margin:0 auto !important;
	    float: none !important;
	}
}

@media only screen and (min-width: 700px){
		#cboxWrapper{
	    width: 100% !important;
	}
}
@media only screen and (min-width: 700px){
		#colorbox{
	    width: 90% !important;
	}
}
#dogmenu01 section ul li a{
	border: 0;
	outline: none;
}