/* default style reset
------------------------*/
.konan2,
.hikone2,
.rese{
	clear: both;
	padding: 10px;
	font-weight: bold;
	font-size: 20px;
	border:1px dotted #B67C00;
	margin:10px;
	border-radius:4px;
}
.konan2{
	background:#FC0;
	color:#FF630F;
}
.hikone2{
	background:#FFBFC0;
	color:#FA547C;
}

.rese{
	background: #B1D05B;
  	color: #1E9F44;
}

.konan2 span,
.hikone2 span,
.rese span{
	float:right;
}
.konan2 span,
.konan2 span a,
.hikone2 span,
.hikone2 span a{
	color:#9D2F0A;
}

.rese span,
.rese span a{
color: #9F523A;
}

#l-wrapper .m-nav-btn,
#l-wrapper .nav_close{
	display:none;
}
#navi div{
	display: block;
}
#box2 #tel span{
	background-image: none;
	background:#669900;
	height: auto;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: block;
	margin-bottom: 10px;
	text-indent:0;
	border-radius:5px;
	text-align: center;
	color:#FFF;
	font-weight: bold;
	text-decoration: none;
	padding: 5px;
	font-size:1.5em;
}
#box2 #tel span img{
	width:auto;
	vertical-align: middle;
	margin-right: 1em;
}
#box2 #tel span:hover {
	background-image:none;
	height: auto;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	display: block;
	opacity:0.8;
}
@media (max-width:960px){
	#wrapper,
	#header,
	#main{
		width:100%;
		overflow: hidden;
		padding: 0;
	}
	/* HEADER */
	#header {
		height: auto;
		background-image: url(../img/head2.jpg);
		background-repeat: repeat;
	}
	#logo {
		height: auto;
		width: 100%;
		float: none;
		padding: 10px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	#logo h1 a {
		display: inherit;
		height: auto;
		width:auto;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		background-image:none;
		margin:0;
		padding-right: 60px;
		text-indent: 0;
		color: #FFF;
		text-decoration: none;
		font-size:0.625em;
	}
	#logo h1 a span{
		font-size:0.625em;
		display: block;
	}
	#mail {
		float: right;
		width: 267px;
		height: 50px;
		margin-top:0;
		margin-left: 15px;
	}
	#mail .meil_bt a{
		display: block;
		background-image: url(../img/mail_bt.jpg);
		background-repeat: no-repeat;
		height: 40px;
		width: 250px;
	}
	#mail .meil_bt {
		text-indent: -9999px;
	}

	#mail .meil_bt a:hover {
		background-image: url(../img/mail_bt.jpg);
		background-repeat: no-repeat;
		background-position: 0px -40px;
		height: 40px;
		width: 250px;
		display: block;
	}

	/* SIDE */
	#side{
		width:100%;
		border: none;
	}
	#side a{
		text-decoration: none !important;
		display: block;
	}
	#side .side_t1,
	#side .side_t2,
	#side .side_t3,
	#side .side_t4,
	#side .side_blog{
		background-image:none;
		width: 100%;
		height:auto;
		text-indent:0;
		color:#0E9A37;
		border-bottom:1px solid #0E9A37;
		font-size: 0.875em !important;
		padding: 5px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	#side ul{
		padding-left: 5px;
	}
	#side li {
		height:auto;
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	#side .b_ti {
		width:auto;
		display: block;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		height:auto;
		margin-left: 5px;
	}
	#side .b_list {
		display: block;
		margin-left: 15px;
		width: auto;
	}
	#side .b_list a {
		color: #663300;
		text-decoration: underline;
	}
	#side .b_list a:hover {
		color: #FF6633;
	}
	#side_under li a {
		height: auto;
		display: block;
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		padding:5px 5px 5px 9px;
	}
	#side_under li a:hover {
		height: auto;
		display: block;
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		padding:5px;
	}
	#l-wrapper{
		display:inherit !important;
	}
	#l-wrapper .m-nav-btn,
	#l-wrapper .nav_close{
		display: block;
	}
	.m-nav-btn {
	  -webkit-transition: 0.3s;
			  transition: 0.3s;
	  position: fixed;
	  top:15px;
	  right:15px;
	  width: 40px;
	  height: 40px;
	  background-repeat: no-repeat;
	  background-position: 50%;
	  background:rgba(255,255,255,0.9) url("../img/nav.png");
	  text-indent: -9998em;
	  z-index: 10002;
	}
	.m-nav-btn .is-active {
	  opacity: 0;
	}
	.m-nav-btn:hover {
	  background-color:#FF7F00;
	  background-image:url("../img/nav_on.png");
	}
	.m-nav{
	  -webkit-transition: 0.3s;
			  transition: 0.3s;
	  position:fixed;
	  top:0;
	  right:-60%;
	  width:60%;
	  height:100%;
	  padding-top:70px;
	  background-color:rgba(255,255,255,0.9);
	  z-index:10003;
	  overflow:auto !important;	
	  box-sizing:border-box;	
	  -webkit-overflow-scrolling: touch;
	}
	.m-nav.is-active{
	  right:0;
	}
	.m-nav-overlay{
	  display:none;
	  position:fixed;
	  width:100%;
	  height:100%;
	  top:0;
	  left:0;
	  z-index:10001;
	}
	.m-nav-overlay.is-active{
	  display:block;
	}
	.m-nav__list{
	  text-align:center;
	}
	.m-nav__list li{
		display:table;
		width:100%;
		list-style: none outside;
	}
	.m-nav__list li a{
	  -webkit-transition:0.3s;
			  transition:0.3s;
	  display:table-cell;
		font-size: 14px;
	  height:40px;
	  vertical-align:middle;
	  color:#FFF;
	  text-decoration:none;
	  font-weight:bold;
	}
	.m-nav__list li a > span{
	  display:block;
	  font-weight:bold;
	  font-size:1em;
	}
	.m-nav__list li a:hover{
	  background-color:#FFF;
	  color:#007FFF;
	  text-decoration:none;
	}
	.m-nav__btn {
	  margin-top:25px;
	  text-align:center;
	  font-size:0;
	}
	.m-nav__btn__item{
	  display:inline-block;
	  vertical-align:top;
	  margin-left:10px;
	  margin-right:10px;
	}
	.m-nav__btn__item a{
	  -webkit-transition:0.3s;
			  transition:0.3s;
	  display:block;
	  width:40px;
	  height:40px;
	  text-indent:-9998em;
	  background-image:url("../img/nav_infoicon.png");
	  background-color:#258FB5;
	  border-radius:50%;
	}
	.m-nav__btn__item a:hover{
		opacity:0.8;
	}
	.m-nav__btn__item--contact a{
	  background-position:-40px 0;
	}
	.nav_close{
	  -webkit-transition:0.3s;
			  transition:0.3s;
	  position:absolute;
	  right:2px;
	  top:15px;
	  width:40px;
	  height:40px;
	  background-position:50%;
	  background-repeat:no-repeat;
	  background-image:url("../img/nav_close.png");
	  text-indent:-9998em;
	  border-radius:50%;
	}
	.nav_close:hover{
	  background:#FF7F00 url("../img/nav_close_on.png");
	}
	#sidearea{
		float:none;
		margin: 0;
		padding: 0;
		width: 100%;
		display: block;
	}
	#center {
		display: block;
		width: 720px;
		float:none;
		margin: 0 auto 40px;
	}
}
@media (max-width:768px){
	
	/* TOP SHOPTITLE */
	#center_shoplist{
		width: 100%;
		padding-top: 80px !important;
		padding-bottom: 10px !important;
		height: auto;
		background-image: url("../img/shop_list2.jpg") !important;
	}
	#center_shoplist .shoplist{
		width:100%;
		float:none;
		display:inline;
		margin-right:0;
	}
	#center_shoplist .shoplist li{
		display:block;
		list-style:none outside;
		width:47%;
		float:left;
		margin-left: 2%;
	}
	.shoplist li a{
		display:block;
		padding:0 5px;
		margin:0 0 4px;
		height:auto;
		background:#FFF !important;
	}
	.shoplist li a:hover{
		background:#FEE2CA !important;
	}
	.konan2,
	.hikone2,
	.rese{
		font-size: 0.875em;
	}
	.konan2 span,
	.hikone2 span,
	.rese span{
		float: none;
		display:block;
		text-align: right;
	}
	.doglisttit{
		border:1px solid #FF7518;
		font-size:0.875em;
		border-radius:4px;
	}
	.doglisttit span{
		float: none;
		display:block;
		text-align: right;
	}
	/* TOP DOGLIST */
	#dog_box_table{
		width:100%;
	}
	#dog_box_table td{
		display: inline-block;
		width:47%;
		margin: 10px 0;
		margin-left: 2%;
		padding: 0;
		vertical-align: top;
	}
	#dog_box_table td.scell{
		display:none !important;
	}
	#dog_box_table td #dog_d_table_k,
	#dog_box_table td #dog_d_table_k td,
	#dog_box_table td #dog_d_table_f,
	#dog_box_table td #dog_d_table_f td,
	#dog_box_table td #dog_d_table,
	#dog_box_table td #dog_d_table td{
		width:100%;
		padding: 0;
		margin: 0;
	}
	#dog_box_table td #dog_d_table_k td,
	#dog_box_table td #dog_d_table_f td,
	#dog_box_table td #dog_d_table td{
		padding:2px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	#dog_box_table td #dog_d_table_k td img,
	#dog_box_table td #dog_d_table_f td img,
	#dog_box_table td #dog_d_table td img{
		width:auto !important;
		max-width: 100%;
		height: auto;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	#sidearea,#center{
		float:none;
		margin: 0;
		padding: 0;
		width: 100%;
		display: block;
	}
	#center img{
		width:100% !important;
		height: auto;
	}
	#upp{
		width:100%;
		text-align: right;
	}
	#upp img{
		width:auto !important;
		max-width: 60%;
	}
	#doglist .konan {
		width:100%;
	}
	#doglist .hikone {
		width:100%;
	}

/* DOG DETAIL */
	#panlist{
		padding:5px;
	}
	#dog_detail {
		width:96%;
		margin-right: auto;
		margin-left: auto;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		padding-bottom: 20px;
	}
	#dog_detail .dog_title img{
		width: auto !important;
	}
	#dog_detail .store {
		width: 100%;
		float: none;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		margin-top: 10px;
		font-size: 0.875em;
	}
	#dog_detail .price {
		font-size: 1.25em;
		text-align: center;
		float: none;
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	#photobox {
		margin: 10px 0;
	}
	#photobox .p_left,
	#photobox .p_right{
		float:none;
	}
	#photobox img {
		width: auto;
		max-width: 90%;
		display: block;
		margin: 10px auto 0;
	}
	#dogdata {
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		margin-right: auto;
		margin-left: auto;
		border: 1px dotted #CCCCCC;
		margin-bottom: 20px;
		margin-top: 20px;
	}
	#dogdata th,
	#dogdata td{
		display:block;
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	#dogdata .data1_tdl {
		width:100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		border-right: none;
	}
	#dogdata .data1_td {
		width:100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	#dogdata2 {
		width:100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	#dogdata2 .data2_left {
		width:100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	#dogdata2 .data2_all img{
		width:auto !important;
		max-width:90%;
		display: block;
		margin: 0 auto;
	}
	#detail_contact {
		background-image: none;
		display: block;
		border: 1px dotted #996600;
		padding:10px;
	}
	#detail_contact #box2 {
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		margin: 0;
		height: auto;
	}
	#box2 #tel span{
		font-size:1.125em;
	}
	#box2 #tel span a{
		text-decoration: none;
		color:#FFF;
	}
	#box2 #tel span img{
		width:auto !important;
	}
	#box2 #mailadd a{
		background-image: none;
		background:#669900;
		height: auto;
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		display: block;
		margin-bottom: 10px;
		text-indent:0;
		border-radius:5px;
		text-align: center;
		color:#FFF;
		font-weight: bold;
		text-decoration: none;
		padding: 5px;
	}
	#box2 #mailadd a:hover {
		background-image:none;
		height: auto;
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		display: block;
		opacity:0.8;
	}
	
	/* Other Page */
	#cor {
		margin: 0;
		padding: 5px 0 20px;
	}
	#cor #sall{
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	#cor #sall th{
		font-weight: bold;
	}
	#cor #sall th,
	#cor #sall td{
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		display: block;
		border-bottom: none;
	}
	#cor .title{
		margin-top:5px;
	}
	#cor .text {
		margin-right: 10px;
		margin-left: 10px;
		clear: both;
	}
	#cor .text img{
		width:auto !important;
		max-width: 90%;
		margin: 5px auto;
		display:block;
	}
	#cor #group{
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	#cor #group th,
	#cor #group td{
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
		display: block;
	}
	#cor #group td:nth-child(odd){
		border-bottom: none;
		font-weight: bold;
		padding-bottom: 0;
	}
	#cor #map iframe{
		display: block;
		width: 80%;
		height: 300px;
		margin: 0 auto;
	}
	#trimingbox ol {
		margin-left: 15px !important;
	}
	#trimingbox ol li{
		font-size:0.875em;
		padding:5px 0;
	}
	#navi{
		text-align:left;
		padding:0 5px 10px;
	}
	#navi span{
		display: inline-block;
	}
	#navi div{
		display: inline;
	}
	#qa{
		width: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	#qa .qa,
	#qa .ans{
		padding-right:5px;
	}
	#footer{
		padding-bottom:70px;
		background-repeat: repeat-y;
	}
}

#sidearea #cal1{
	width: 100%;
	height: auto;
}
#sidearea #cal1 iframe{
	display: block;
	width: 100%;
}
#cal_wrapper{
	display: block;
	width: 100% !important;
}
#fixft{
	display: none;
}
@media (max-width:768px){
	#fixft{
		display:block !important;
		position:fixed;
		bottom:0;
		background:#F60;
		width:100%;
		text-align:center;
	}
	#fixft a{
		display:block;
		float:left;
		text-decoration: none;
		line-height:50px;
		height:50px;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	#fixft a.link1{
		color:#FFF;
		width:70%;
	}
	#fixft a.link2{
		text-indent: -9999em;
		width:30%;
		background:#333 url("../img/pagetop.png") no-repeat center center;
		background-size:contain;
	}
	#fixft img{
		width: auto;
		vertical-align:middle;
		margin-right:8px;
	}
	#fixft #mainmenu span{
		display:block;
		background: #000;
		cursor: pointer;
		padding: 5px 0;
		font-size: 0.875em;
		color:#FFF;
	}
	#fixft #mainmenu span img{
		vertical-align: middle;
		margin:0 2px;
	}
}

/* CAL */
div.cal_wrapper {
	padding: 10px 0;
}

div.schedule_wrapper h3 {
	padding: 0px 10px;
	font-weight: normal;
	margin: 0px;
	font-size: 12px;
	color: #666;
}
div.cal_wrapper table.cal{
	width:100%;
}
div.cal_wrapper table.cal tr th p {
	float: left;
	padding: 5px;
	margin: 0px;
	color: #666;
	font-size: 12px;
}
div.cal_wrapper table.cal tr th div.cal_ui {
	float: right;
}
div.cal_wrapper table.cal tr th div.cal_ui input {
	border: solid 1px #CCC;
	background-color: #FFF;
	font-size: 12px;
	margin: 0px 1px;
	padding: 1px 5px;
	border-radius: 3px;
}
div.cal_wrapper table.cal tr td {
	border-top: solid 1px #EEE;
}
div.cal_wrapper table.cal tr td {
	font-size: 10px;
	text-align: center;
	padding: 2px 0;
}
div.cal_wrapper table.cal tr.headline td {
	padding: 5px 0px;
	color: #666;
}
div.cal_wrapper table.cal tr.headline {
	background-color: #EEE;
}
div.cal_wrapper table.cal tr td div {
	position: relative;
	padding: 5px;
	font-size: 10px;
	text-align: center;
	background-color: #FFF;
	border-radius: 3px;
}
div.cal_wrapper table.cal tr td div span {
	display: none;
	position: absolute;
	top: 20px;
	left: 0px;
	width: 100px;
	border: solid 1px #EEE;
	background-color: #FFF;
	text-align: left;
	padding: 5px;
	z-index: 10;
	color: #000;
	font-weight: normal;
	line-height: 1.5em;
	box-shadow: 1px 1px 3px #666;
}
/* 2016.12.31のコメントがiframeからはみ出さないように */
div.cal_wrapper table.cal tr td div span#td_0_2016_12_31{
	left:-170px !important;
}

/* 以下、クラス指定するときのアレ */

div.cal_wrapper table.cal tr td div.Sat {
	color: #00F;
}
div.cal_wrapper table.cal tr td div.Sun {
	color: #F00;
}
div.cal_wrapper table.cal tr td div.Today {
	font-weight: bolder;
}
div.cal_wrapper table.cal tr td div.Deli {
	background-color: #EFE;
}
div.cal_wrapper table.cal tr td div{
	color: #54AB5C;
	background-color: #CCFF99;
	margin:0 1px;
}
div.cal_wrapper table.cal tr td div.Holyday,
div.cal_wrapper table.cal tr td div.Holyday2{
	font-weight: bolder;
	color: #F00;
	background-color: #FFC6C6;
}
div.cal_wrapper table.cal tr td div.Holyday3 {
	font-weight: bolder;
	color: #F60;
	background: #FFB973;
}
div.cal_wrapper table.cal tr td div.Holyday4 {
	font-weight: bolder;
	color: #007FFF;
	background: #82C0FF;
}

div.cal_wrapper table.cal tr td div.backward {
	color: #CCC;
	font-weight: normal;
	background-color: #FFF;
	border-radius: 3px;
}
div.cal_wrapper table.cal tr td div.pointer {
	cursor: pointer;
}
div.cal_wrapper table.cal tr td div.pointer:hover {
	background-color: #EEE;
}
#cal2 dl{
	margin:20px 0 0;
}
#cal2 dt{
	tex-t-align:center;
	background: #54AB5C;
	color:#FFF;
	padding: 5px;
}
#cal2 dd{
	font-size: 0.75em;
	padding: 5px;
}
#cal2 dd span{
	font-size: 1.5em;
	vertical-align: middle;
}
#cal2 .type1{
	color: #CCFF99;
}
#cal2 .type2{
	color: #FFC6C6;
}
#cal2 .type3{
	color: #FFB973;
}
#cal2 .type4{
	color: #82C0FF;
}
.caltex{
	font-size: 12px;
	padding: 0 5px 10px;
}