/*----------------------
1030px = 狭いPC
834px = sp/tab
568px = sp
480px = sp
----------------------*/


/* ============================
contents
============================ */
#contents{
	padding: 0 7% 75px;
}
#contentsbox{
	background: #fff;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	padding: 63px 24px 50px;
	display: table;
	table-layout: fixed;
	width: 100%;
}
#sidemenu{
	display: table-cell;
	width: 20%;
	padding-right: 28px;
	vertical-align: top;
}
#contentsbody{
	display: table-cell;
	width: 80%;
	vertical-align: top;
}
.sidemenu{
	width: 10%;
	position: fixed;
}
.sidemenu a{
	display: inline-block;
}

	@media screen and (max-width: 834px) {
		#contents{
			padding: 0 2% 25px;
		}
		#contentsbox{
			padding: 5% 4% 2% 4%;
			display: block;
			width: 100%;
		}
		#sidemenu{
			display: block;
			width: 100%;
			padding-right: 0;
		}
		.sidemenu{
			display: none;
		}
		#contentsbody{
			display: block;
			width: 100%;
		}
		.sidemenu a{
			font-size: 0.82em;
		}
	}
	@media screen and (max-width: 480px) {
		#contentsbox{
			padding: 10% 4% 3%;
			display: block;
			width: 100%;
		}
	}



/* =================================
section
================================= */
.section{
	margin-bottom: 88px;
}

.section_mtl{
	margin-top: 50px;
}
.section_mtm{
	margin-top: 45px;
}
.section_mt{
	margin-top: 38px;
}
.section_mts{
	margin-top: 25px;
}
.section_mtxs{
	margin-top: 13px;
}
.section_mtb{
	margin-bottom: 25px;
}
.section_mt_tb{
	margin: 60px 0;
}
.section_mt_tbl{
	margin: 70px 0 60px;
}
	@media screen and (max-width: 480px) {
		#staff .section_mt_tb{
			margin: 45px 0;
		}
	}
/* =================================
TEXT
================================= */

/*区切り帯*/
.section_title{
	font-size: 1.5em;
	margin-bottom: 32px;
	padding: 6px 14px;
}
#about .section_title{
	background: #f0cd23
}
#guide .section_title{
	background: #e4a76a
}
#operation .section_title{
	background: #88bdde
}
#care .section_title{
	background: #c4b9d8
}
#trimming_hotel .section_title{
	background: #efb5a4
}
#access .section_title{
	background: #b2ceb9
}
#page .section_title{
	background: #7eafe0
}
#other .section_title{
	background: #dae8f4 url(../images/common/point.svg) no-repeat right;
	color: #779ec7;
	background-size: 78px auto
}

	@media screen and (max-width: 480px) {
		.section_title{
			padding: 6px 9px;
		}
	}


/*見出し*/
.midashi_b{
	font-size: 1.42em;
	font-weight: bold;
	color: #333;
	margin-bottom: 21px;
	border-bottom: 4px solid #ccc;
	position: relative;
	line-height: 1.4;
	padding-bottom: 6px;
}
.midashi_b:after {
	position: absolute;
	bottom: -4px;
	left: 0;
	content: '';
	width: 10%;
	height: 4px;
	background-color: #34659f;
}
	/* スタッフ紹介 調整 */
	#staff .midashi_b{
		margin-bottom: .5em;
		padding-bottom: .5em;
	}

.midashi{
	font-size: 1.35em;
	font-weight: bold;
	color: #34659f;
	margin-bottom: 13px;
	line-height: 1.6;
}

.midashi_s{
	font-size: 1.35em;
	font-weight: bold;
	color: #333;
	margin-bottom: 7px;
}

.midashi_s_b{
	font-size: 1.35em;
	line-height: 1.5;
	font-weight: bold;
	color: #333;
	margin-bottom: 13px;
	padding-bottom: 6px;
	border-bottom: 1px solid #bcbcbc;
}

.midashi_s_blue{
	font-size: 1.35em;
	line-height: 1.5;
	font-weight: bold;
	color: #34659f;
	margin-bottom: 13px;
	padding-bottom: 6px;
	border-bottom: 1px solid #bcbcbc;
}
.midashi_sideline{
	font-size: 1.35em;
	line-height: 1.5;
	font-weight: bold;
	border-left: 7px solid #34659f;
	border-bottom: 1px solid #34659f;
	padding: .5em 0 .75em .75em;
	margin-bottom: 1em;
}




/*小見出し*/
.komidashi{
	font-size: 1.14em;
	color: #333;
	font-weight: bold;
}
.komidashi_maru_b {
	position: relative;
	padding-left: 14px;
	color: #333;
	font-size: 1.07em;
	font-weight: bold;
	border-bottom: 1px solid #bcbcbc;
	margin-bottom: 20px;
	padding-bottom: 5px;
}

.komidashi_maru_b:before {
	content: "";
	position: absolute;
	background: #34659f;
	top: 50%;
	left: 0;
	margin-top :-7px;
	height: 9px;
	width: 9px;
	border-radius: 50%;
}

.komidashi_maru {
	position: relative;
	padding-left: 14px;
	color: #333;
	font-weight: bold;
}

.komidashi_maru:before {
	content: "";
	position: absolute;
	background: #34659f;
	top: .55em;
	left: 0;
	height: 9px;
	width: 9px;
	border-radius: 50%;
}
.komidashi_txt{
	font-size: 1.07em;
	color: #333;
	font-weight: bold;
}
.komidashi_b_ao{
	font-size: 1.14em;
	line-height: 1.5;
	color: #34659f;
	font-weight: bold;
	margin-bottom: 13px;
	padding-bottom: 9px;
	border-bottom: 1px solid #34659f;	
}

/*その他*/
.big{
	font-size: 1.07em;
}

.large{
	font-size: 1.14em;
}
.small{
	font-size:0.86em;
}
.xsmall{
	font-size:0.75em;
}
.kakko span{
	margin-left: -9px;
}
.red{
	color:#b60005;
}
.ao{
	color: #34659f;
}
.underline{
	text-decoration: underline;
}
.inline-block{
	display: inline-block;
}
    @media screen and (min-width: 768px){
     .br-sp {display: none; }
     }

/* =================================
LINK
================================= */

.link{
	color: #008dd7;
	text-decoration: underline;
}


a.btn_link{
	background: #008dd7;
	color: #fff;
	padding: 7px 28px 7px 14px;
	display: inline-block;
	line-height: 1.4;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	position: relative;
}
a.btn_link::before{
	position: absolute;
	content: "";
	top: 50%;
	right: 2px;
	margin-top: -6px;
	border: 7px solid transparent;
	border-top-width: 6px;
	border-bottom-width: 6px;
	border-left-color: #fff;

}


/* =================================
clm
================================= */
/*clm2*/
.clm2 {
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
}
.clm2 .item,
.clm2 .item2,
.clm2 .item_access{
	width: 50%;
}
.clm2 .item:nth-child(odd){
	padding:0 2% 20px 0;
}
.clm2 .item:nth-child(even){
	padding:0 0% 20px 2%;
}
.clm2 .item2:nth-child(odd){
	padding:0 2% 20px 0;
}
.clm2 .item2:nth-child(even){
	padding:0 0% 20px 2%;
}
.clm2 .item_access:nth-child(odd){
	padding:0 0% 20px 0;
}
.clm2 .item_access:nth-child(even){
	padding:0 0% 20px 2%;
}

.clm2 .item_shikaku:nth-child(odd){
	width: 15%;
}
.clm2 .item_shikaku:nth-child(even){
	width: 85%;
}
.flex-end{
	-webkit-align-items: flex-end;
	-ms-align-items : flex-end;
	align-items : flex-end;
}
  
	@media screen and (max-width: 890px) {
		#parking .item{
			width: 100%;
		}
		#parking .item:nth-child(even){
			width: 60%;
			margin: 0 auto;
		}
	}

	@media screen and (max-width: 666px) {
		.clm2 .item_access{
			width: 100%;
		}
		.clm2 .item_access:nth-child(odd){
			padding:0 0 20px 0;
		}
		.clm2 .item_access:nth-child(even){
			padding:0 0% 20px 0;
		}
		#parking .item:nth-child(even){
			width: 100%;
			margin: 0 auto;
		}
	}

	@media screen and (max-width: 480px) {
		.clm2 .item{
			width: 100%;
		}
		.clm2 .item:nth-child(odd),
		.clm2 .item:nth-child(even){
			padding:0 0% 6% 0;
		}
		.clm2 .item2:nth-child(odd){
			padding:0 3% 6% 0;
		}
		.clm2 .item2:nth-child(even){
			padding:0 0 6% 3%;
		}
	}

.clm3 {
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
}

.clm3 .item_line{
	width: 31%;
}
.clm3 .item_line2{
	width: 33.333%;
}

.clm2_list li{
	display: table;
	width: 100%;
	padding: 14px 0;
	border-bottom: 1px dotted #c9c9ca;
}
.clm2_list li .th{
	display: table-cell;
	width: 30%;
	vertical-align: top;
}
.clm2_list li .td{
	display: table-cell;
	width: 70%;
	vertical-align: middle;
}

.clm2_list_bg{
	border-top: 1px solid #dedede;
}
.clm2_list_bg li{
	display: table;
	width: 100%;
	border-bottom: 1px solid #dedede;
}
.clm2_list_bg li .th{
	display: table-cell;
	width: 30%;
	vertical-align: middle;
	background: #eff0ee;
	padding: 14px;
	font-weight: bold;
	color: #333;
}
.clm2_list_bg li .td{
	display: table-cell;
	width: 70%;
	vertical-align: middle;
	padding: 14px;
}


/* =================================
テーブル
================================= */
/*2clm*/
.table2clm{
	width: 100%;
}
.table2clm th,
.table2clm td{
	border: 1px solid #dedede;
	padding: 7px 14px;
	width: 50%;
}
.table2clm th{
	background: #efefef;
}


/* =================================
box
================================= */
.bgbox{
	background: #eff0ee;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 28px;
}
.bgbox_s{
	background: #eff0ee;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 21px;
}

	@media screen and (max-width: 480px) {
		.bgbox{
			padding: 6%;
		}
		.bgbox_s{
			padding: 6%;
		}
	}

.yoyakubox{
	background: #346096;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 20px 28px;
	text-align: center;
	color: #fff;
	font-size: 1.07em;
	
}
.yoyakubox div.yoyaku{
	font-size: 1.5em;
	letter-spacing: 1px;
	line-height: 1.6;
}
.yoyakubox div.yoyaku span{
	font-weight: bold;
}
.yoyakubox a{
	color: #fff;
}

	@media screen and (max-width: 480px) {
		.yoyakubox{
			padding: 6%;
		}
	}

.line_list{
	border-bottom: 1px solid #c9c9ca;
}
.line_list li{
	border-top: 1px solid #c9c9ca;
	padding: 25px 0;
}

/* =================================
flow
================================= */
.flow {
	padding-left: 35px;
	position: relative;
}
.flow .no{
	background: #34659f;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	width: 23px;
	height: 23px;
	line-height: 23px;
	color: #fff;
	position: absolute;
	top: .5px;
	left: 0;
	text-align: center;
	font-size: .92857em;
}

/* =================================
bg
================================= */
.shinryo,
.greeting,
.trimming,
.pethotel,
.donor{
	width: 100%;
	height: 400px;
}
.shinryo{
	background: url("../images/guide/shinryo.jpg") no-repeat center bottom;
	background-size: cover;
}
.greeting{
	background: url("../images/about/greeting.jpg") no-repeat 20% bottom;
	background-size: cover;
}
.trimming{
	background: url("../images/trimming_hotel/trimming.jpg") no-repeat 20% bottom;
	background-size: cover;
}
.pethotel{
	background: url("../images/trimming_hotel/pethotel.jpg") no-repeat 20% bottom;
	background-size: cover;
}

.donor{
	background: url("../images/donor/blood-donor.jpg") no-repeat center bottom;
	background-size: cover;
}
	@media screen and (max-width: 480px) {
		.shinryo,
		.greeting,
		.trimming,
		.pethotel,
		.donor{
			height: 240px;
		}
	}

/* =================================
about
================================= */
/*philosophy*/
#philosophy .bg{
	background: url("../images/about/bg.jpg") no-repeat top center;
	background-size: 100% auto;
}
#philosophy .midashi{
	text-align: center;
	color: #fff!important;
	padding: 91px 0 38px 0;
}
#philosophy .box{
	background: rgba(255,255,255,0.8);
	padding: 42px 35px 0 35px;
	margin: 0 35px;
}
#philosophy .box p,
#vision p{
	margin-bottom: 13px;
}
	@media screen and (max-width: 480px) {
		#philosophy .bg{
			background-size: cover;
		}
		#philosophy .midashi{
			font-size: 0.92rem
		}
		#philosophy .box{
			background: rgba(255,255,255,0.8);
			padding: 6% 6% 0 6%;
			margin: 0 3%;
		}
	}


/*staff*/
.staffbox{
	background: #346096;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: .75em 0;
	text-align: center;
	color: #fff;
	font-size: 1.07em;
	font-weight: bold;
	margin-top: 5em;
}
#staff .profile{
	width: 100%;
}
#staff .txt{
	float: left;
	width: 67%;
	padding-right: 1em;
}
#staff .thumb{
	float: right;
	width: 33%;
	padding-left: 3em;
}
#staff .midashi_b span{
	font-size: 0.72em;
	margin-right: 14px;
}

#staff table{
	width: 100%;
}
#staff table th,
#staff table td{
	border-bottom: 1px dotted #ccc;
	padding: 7px 0;
}
#staff table th{
	width: 30%;
	font-weight: bold;
}
#staff table td{
	width: 70%;
}

	@media screen and (max-width: 480px) {
		#staff .txt{
			float: none;
			width: 100%;
			padding-right: 0;
		}
		#staff .thumb{
			float: none;
			width: 65%;
			padding-left: 0;
			line-height: 1.0;
			margin: 1em auto;
		}

	}
.shikaku_line {
	margin-top: .75em;
	padding-top: 1.25em;
	border-top: 1px dotted #bcbcbc;
}
/*facility*/
#facility .clm2{
	line-height: 1.6;
}

#facility .em div{
	font-size: 0.82em;
}

#staff img,
#facility img{
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;	
}

/* =================================
guide
================================= */
.btn-schedule{
	position: relative;
	background: #34659f;
	color: #fff;
	max-width: 300px;
	display: block;
	text-align: center;
	padding: .5em 1em;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	margin: 1em auto 0;
}
.btn-schedule:before{
	position: absolute;
	content: "";
	top: 50%;
	right: 2px;
	margin-top: -6px;
	border: 7px solid transparent;
	border-top-width: 6px;
	border-bottom-width: 6px;
	border-left-color: #fff;
}
.shinryo_table{
	width: 100%;
}
.shinryo_table th,
.shinryo_table td{
	border: 1px solid #c9c9ca;
	padding: 7px;
}
.shinryo_table tr:first-child th,
.shinryo_table tr:first-child td{
	background: #eeefed;
}
.shinryo_table th{
	background: #eeefed;
	width: 20%;
}
.shinryo_table td{
	text-align: center;
	width: 10%;
	vertical-align: middle;
}
#yakan .line_list li .list_disc{
	margin-top: .5em;
}
#yakan .line_list li .list_disc > li{
	border-top: 0;
	padding: 0;
}
#yakan .flow .no{
	font-family: 'Roboto', sans-serif;
}
#yakan .flow span{
	color: #346096!important;
	font-weight: bold;
}
.ins_bnr a img {
	height: 39px!important;
}
.borderbox-ao{
	color: #34659f;
	border: 1px solid;
	padding: .75em;
	border-radius: .5em;
	line-height: 1.5;
}
#sotomachi .list_disc li{
	padding: .125em 0;
	line-height: 1.5;
}

.midashi-stmc{
	background: #79c065 url(../images/guide/sotomachi-img.png) no-repeat calc(100% - .75em) center;
	background-size: auto 60px;
	color: #fff;
	font-weight: 500;
	line-height: 1.3;
	padding: 1.25em 70px 1.25em 1.5em;
	letter-spacing: 1px;
}
.midashi-stmc span{
	font-weight: 500;
}
	@media screen and (max-width: 480px) {
		.midashi-stmc{
			background-size: auto 55px;
			padding: 1em 65px 1em 1.25em;
			letter-spacing: 0;
		}
	}
.midashi-stmc div{
	font-size: 1.57142857143em;
	font-weight: 600;
	margin-bottom: .25em;
	letter-spacing: 0;
}

.body-stmc{
	border: 1px solid #c9c9ca;
	border-top: 0;
	padding: 1.5em 2em 1.75em;
}
.komidashi-stmc{
	font-size: 1.14em;
	font-weight: 600;
	line-height: 1.3;
	border-left: 5px solid;
	border-bottom: 1px solid;
	padding-left: .75em;
	padding-bottom: .5em;
	margin-bottom: .5em;
}
.uketsuketime {
	font-size: 1.07142857143em;
}
.uketsuketime li{
	display: flex;
	flex-wrap: wrap;
	padding: .125em 0;
}
.uketsuketime li div.item:nth-child(1){
	width: 6em;
	font-weight: bold;
}
.uketsuketime li div.item:nth-child(2){
	width: calc(100% - 6em);
}
.sotomachi-btn{
	position: relative;
	bottom: 0;
	display: block;
	color: #fff;
	background: #1589d2;
	border-radius: .75em;
	max-width: 480px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: space-between;
	margin: 0 auto;
	padding: .5em 1em;
	border-bottom: 4px solid #34659f;
	transition: all .2s;
}
.sotomachi-btn div:nth-child(1){
	width: calc(100% - 180px);
	font-size: 1.07142857143em;
	font-weight: bold;
}
.sotomachi-btn div:nth-child(2){
	width: 180px;
	line-height: 0;
}
	@media screen and (max-width: 480px) {
		.sotomachi-btn{
			padding: .25em 0 1em 0;
		}
		.sotomachi-btn div:nth-child(1){
			width: 100%;
			text-align: center;
		}
		.sotomachi-btn div:nth-child(2){
			width: 65%;
			margin: 0 auto;
		}
	}
.sotomachi-btn:hover{
	background: #2591d5;
	bottom: -3px;
}
.acd-sotomachi{
	margin-top: 1.5em;
}
.acd-sotomachi summary {
	display: flex;
	justify-content: space-between;
	align-items: center;
	position: relative;
	padding: .5em 1em;
	cursor: pointer;
	background: #dedede;
}
.acd-sotomachi summary span{
	padding-left: 2em;
	background: url(../images/guide/icon-youtube.png) no-repeat left .35em;
	background-size: auto 1em;
}
.acd-sotomachi summary::-webkit-details-marker {
    display: none;
}

.acd-sotomachi summary::after {
    transform: translateY(-25%) rotate(45deg);
    width: 7px;
    height: 7px;
    margin-left: 10px;
    border-bottom: 3px solid #333333b3;
    border-right: 3px solid #333333b3;
    content: '';
    transition: transform .3s;
}

.acd-sotomachi[open] summary::after {
    transform: rotate(225deg);
}

.acd-sotomachi div.cont-open {
    transform: translateY(-10px);
    opacity: 0;
    margin: 0;
    padding: .75em 2em .5em;
    background: #efefef;
    transition: transform .5s, opacity .5s;
}
.acd-sotomachi[open] div.cont-open {
    transform: none;
    opacity: 1;
}
.video-mp4{
	max-width: 220px;
	width: 90%;
	margin: 0 auto;
}
.video-mp4 video{
	width: 100%;
	height: auto;
}

/* 消してOK  ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓*
.clm2_junban{
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
}
.clm2_junban .item-txt{
	width: calc(100% - 200px);
	padding-right: .75em;
}
.clm2_junban .item-thumbnail{
	width: 200px;
}
.clm2_junban .item-thumbnail img{
	position: relative;
	right: -.5em;
	top: 1.25em;
}

.btn-line{
	background: #55ba36;
	color: #fff;
	padding: .5em 2em .5em 1em;
	display: inline-block;
	line-height: 1.4;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	position: relative;
}
.btn-line::before{
	position: absolute;
	content: "";
	top: 50%;
	right: 2px;
	margin-top: -6px;
	border: 7px solid transparent;
	border-top-width: 6px;
	border-bottom-width: 6px;
	border-left-color: #fff;

}
	@media screen and (max-width: 480px) {
		.clm2_junban .item-txt{
			width: 100%;
		}
		.clm2_junban .item-thumbnail{
			width: 80%;
			margin: 2em auto 0 auto;
		}
		.clm2_junban .item-thumbnail img{
			top: 0;
			right: 0;
		}
		.btn-line{
			display: block;
			text-align: center;
		}
	}
/* 消してOK  ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/


/* 消してOK  ↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓↓
.mainichishinryo{
	width: 75%;
	margin: 1.5em auto 0;
	border: 1px solid #3465a0;
	position: relative;
}
.mainichishinryo:before {
  content: "";
  position: absolute;
  top: -20px;
  left: 50%;
  margin-left: -10px;
  border: 10px solid transparent;
  border-bottom: 10px solid #3465a0;
}
.bgtitle-mainichi{
	background: #3465a0;
	color: #fff;
	text-align: center;
	font-weight: bold;
	padding: .75em 0;
	line-height: 1.5;
	letter-spacing: .05em;
}
	@media screen and (max-width: 568px) {
		.mainichishinryo{
			width: 85%;
		}
		.bgtitle-mainichi{
			padding: .5em 0;
			letter-spacing: 0;
		}
	}

.bgtitle-mainichi span{
	font-weight: bold;
}
.wrap-mainichi{
	text-align: center;
	padding: 1.75em 4em 1.25em;
	font-size: .9em;
}
.wrap-mainichi a{
	color: #3465a0;
}
.wrap-mainichi img{
	max-width: 190px;
	width:70%;
	height: auto;
}
	@media screen and (max-width: 568px) {
		.wrap-mainichi{
			padding: 1.75em 2em 1.25em;
		}
	}
/* 消してOK  ↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑↑*/


/* =================================
line受付 消してOK
================================= */
.linebox{
	font-size: 15px;
	padding: 0 .5em;
}
.section_title_line{
	font-size: 1.25em;
	margin-bottom: 1.5em;
	padding: .5em .5em;
	background: #55ba36;
	color: #fff;
	text-align: center;
	font-weight: bold;
}
.linebox ul.list_disc li{
	margin-bottom: .5em;
}

.table-line-uketsuke{
	margin: 2em 0;
	width: 100%;
	border: 1px solid #dedede;
}
.table-line-uketsuke th{
	width: 24%;
	text-align: center;
	padding: .5em;
	background: #efefef;
	border-bottom: 1px solid #dedede;
	vertical-align: middle;
}
.table-line-uketsuke td{
	width: 38%;
	text-align: center;
	padding: .5em;
	border-left: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	vertical-align: middle;
}
.table-line-uketsuke tr:first-child td{
	background: #efefef
}
.btn-line-uketsuke{
	text-align: center;
	margin: 3em 0;
}
.btn-line-uketsuke a{
	background: #55ba36;
	color: #fff;
	font-size: 1.13333em;
	font-weight: bold;
	display: inline-block;
	padding: 1em 5em;
	border-radius: 2em;
	-moz-border-radius: 2em;
	-webkit-border-radius: 2em;
}
.btn-line-uketsuke a:hover{
	opacity: .5;
}

	@media screen and (max-width: 480px) {
		.linebox{
			font-size: 12px;
		}
		.table-line-uketsuke td span{
			display: block;
		}

	}

/* =================================
trimming_hotel
================================= */
.price_trimming{
	width: 100%;
}
.price_trimming th,
.price_trimming td{
	border: 1px solid #c9c9ca;
}
.price_trimming tr:first-child th,
.price_trimming tr:first-child td{
	background: #efefef;
	text-align: center;
	font-weight: bold;
}
.price_trimming th{
	width: 48%;
	padding: 5px .75em;
	background: #efefef;
}
.price_trimming td{
	width: 26%;
	padding: 5px 0;
	text-align: center;
	vertical-align: middle;
}

.option-box{
	max-width: 60%;
}
	@media screen and (max-width: 480px) {
		.option-box{
			max-width: 100%;
		}
	}

.price_option{
	width: 100%;
	text-align: left;
}
.price_option th,
.price_option td{
	border: 1px solid #c9c9ca;
	padding: 5px 1em;
	width: 50%;
	vertical-align: middle;
}
.price_option th{
	background: #efefef;
}
.price_option th span{
	font-size: 0.82em;
	line-height: 1.4;
	color: #999;
	display: block;
}
.price_option td{
	text-align: center;
}
.price_option tr:first-child th,
.price_option tr:first-child td{
	text-align: center;
	font-weight: bold;
	background: #efefef;
}
.price_option tr:first-child td{
	background: #efefef;
}
.pethotel-clm2{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.pethotel-clm2 .item{
	width: 48%;
}
	@media screen and (max-width: 480px) {
		.pethotel-clm2 .item{
			width: 100%;
		}
		.pethotel-clm2 .item:nth-child(even){
			margin-top: -1px;
		}
	}

.price_hotel {
	width: 100%;
}
.price_hotel th,
.price_hotel td{
	border: 1px solid #dedede;
	padding: 7px 14px;
	width: 50%;
}
.price_hotel th{
	background: #efefef;
}
.price_hotel td{
	text-align: right;
	vertical-align: middle;
}
.op_center td {text-align: right;}

#trimming_hotel .trimcard{
	width: 100%;
}
#trimming_hotel .txt{
	float: left;
	width: 75%;
	padding-right: 34px;
}

#trimming_hotel .thumb{
	float: right;
	width: 25%;
}

	@media screen and (max-width: 480px) {
		#trimming_hotel .txt{
			float: none;
			width: 100%;
			padding-right: 0;
		}
		#trimming_hotel .thumb{
			float: none;
			width: 50%;
			margin: 25px auto;
		}

	}

.btn_blog{
	margin-top: 13px;
}
.btn_blog a{
	background: #fff;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	color: #346096;
	padding: 3px 17px;
	display: inline-block;
}
.btn_blog a:hover{
	opacity: 0.8;
}

/* 重要なお知らせ */
.noticebox{
	background: #fff0ec;
	border-top: 5px solid #b60005;
	font-weight: 500;
	padding: 1.5em 1.25em 1em 1.25em;
	box-shadow: 0 .25em .125em 0 rgba(150, 150, 150, .25);
	display: flex;
	flex-wrap: wrap;
}
.n-txt{
	width: calc(100% - 82px);
	padding-right: 1.5em;
	color: #232323;
}
.n-thumb{
	width: 82px;
	line-height: 1.4;
}
.notice-tit{
	color: #b60005;
	font-weight: bold;
	font-size: 1.21428571428em;
	margin-bottom: .75em;
	line-height: 1.5;
}
.notice-tit span{
	background: #b60005;
	font-size: 12px;
	font-weight: bold;
	color: #fff;
	padding: 0 .5em .1em;
	border-radius: .25em;
	margin-right: .75em;
	position: relative;
	top: -2px;
}
.new{
	background: #b60005;
	font-size: 12px;
	font-family: "Roboto", sans-serif;
	color: #fff;
	padding: .25em .5em .2em;
	border-radius: 1em;
	position: relative;
	top: -2px
}
	@media screen and (max-width: 480px) {
		.n-txt{
			width: calc(100% - 70px);
		}
		.n-thumb{
			width: 70px;
		}
		.notice-tit{
			font-size: 1.07692307692em;
		}
		.notice-tit span{
			padding: 0 .375em;
		}
	}


/* =================================
access 
================================= */
.parking li{
	margin-bottom: 12px;
	padding-left: 42px;
	position: relative;
}
.parking li:before{
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -15px;
	content: "P";
	width: 32px;
	height: 32px;
	line-height: 32px;
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	font-weight: bold;
	font-size: 1.25em;
	color:#fff;
	text-align: center;
}

.parking li:nth-child(1):before{
	background: #13ae67;
}
.parking li:nth-child(2):before{
	background: #ea5514;
}
.parking li:nth-child(3):before{
	background: #5274ac;
}
.parking li:nth-child(4):before{
	background: #eb6e8f;
}
.parking li:nth-child(5):before{
	background: #e5a600;
}
.parking div{
	font-size: 1.07em;
	font-weight: bold;
}

.parking span{
	margin-left: 14px;
	font-size: 0.93em;
}
.near-parking{
	margin-top: 1.5em;
}

	@media screen and (max-width: 666px) {
		.near-parking{
			margin-top: 1em;
		}
		.near-parking .komidashi_b_ao{
			font-size: 13px;
			line-height: 1.4;
			padding-bottom: 6px;
			
		}
	}

span.new-parking{
	background: #b60005;
	color: #fff;
	font-size: .75em;
	font-weight: bold;
	padding: 0 1em;
	display: inline-block;
}
.att-access{
	display: block;
	background: #ecf3f9;
	border: 1px solid #9fc3e2;
	padding:2em 2em 2.25em;
	border-radius: .5em;
}
.att-access .btn{
	font-weight: bold;
	color: #fff;
	background: #34659f;
	display: inline-block;
	padding: .5em 3em .5em 1.5em;
	border-radius: 3em;
	margin-top: 1em;
	position: relative;
}
.att-access .btn:before{
	font-size: .75em;
	position: absolute;
	top: 50%;
	right: 1em;
	font-weight: 900;
	content: '▶︎';
	color: #fff;
	transform: translateY(-50%);
	transition: .2s all;
}
.att-access:hover .btn:before{
	right: .5em;
}

.itenmap{
	max-width: 565px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.itenmap img{
	border-radius: 2em;
}


/* =================================
care
================================= */
/* 
#puppystay{
	width: 88%;
	max-width: 530px;
	margin: 1.75em auto 0;
	background: #e8e9e9;
	border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	position: relative;
}
#puppystay:before {
	content: "";
	position: absolute;
	top: -32px;
	left: 2em;
	border: 16px solid transparent;
	border-bottom: 16px solid #e8e9e9;
}
 */
.wrap-puppystay{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	padding: 1em 1.5em;
}
.wrap-puppystay:hover{
	opacity: .6;
}
.wrap-puppystay .txt{
	width: calc(100% - 260px - 1.5em);
	margin-right: 1.5em;
	text-align: center;
}
.wrap-puppystay .thumb{
	width: 260px;
	line-height: 1.0;
}
.wrap-puppystay .txt .pdf{
	background: #0081cc;
	text-align: center;
	font-weight: bold;
	color: #fff;
	border-radius: 5em;
	-moz-border-radius: 5em;
	-webkit-border-radius: 5em;
	padding: .5em 0;
	margin-top: 1.5em;
	position: relative;
}
.wrap-puppystay .txt .pdf:before{
	content: "";
	position: absolute;
	top: 50%;
	right: 1em;
	margin-top: -5px;
	border: 5px solid transparent;
	border-left: 5px solid #fff;
	transition: 1.0s all;
}
.wrap-puppystay:hover .txt .pdf:before{
	right: .25em;
}
.puppystay-tit{
	color: #0081cc;
	font-weight: bold;
	line-height: 1.2;
}
.puppystay-tit span{
	display: inline-block;
	font-weight: bold;
}
.puppystay-tit div{
	font-size: 1.75em;
	font-weight: bold;
	margin-top: .25em;
}

	@media screen and (max-width: 666px) {
		#puppystay{
			width: 100%;
		}
		.wrap-puppystay .txt{
			width: calc(55% - 1.25em);
			margin-right: 1.25em;
		}
		.wrap-puppystay .thumb{
			width: 45%;
		}
	}
	@media screen and (max-width: 374px) {
		#puppystay{
			font-size: .9em;
		}
	}
#puppystay {
	width: 100%;
}
/*
#puppystay .trimcard{
	width: 100%;
}
#puppystay .txt{
	float: left;
	width: 70%;
	padding-right: 34px;
}
*/
#puppystay .thumb{
	float: right;
	width: 30%;
	margin-left: 1em;
}

 
/*	@media screen and (max-width: 480px) {
		#puppystay .txt{
			float: none;
			width: 60%;
			padding-right: 0;
		}
		#puppystay .thumb{
			float: right;
			width:  30%;
			margin: 25px auto;
			display: inline-block;
		}

	}
*/
/* =================================
magazine
================================= */
#magazine {
	position: relative;
}
.pagetitle_iroha{
	width: 100%;
	border-bottom: 4px dotted #7eafe0;
	padding-bottom: 20px;
	margin: 5px 0 38px 0;
}
.pagetitle_iroha span{
	text-indent: -999px;
	width: 220px;
	height: 38px;
	background: url("../images/magazine/title.svg") no-repeat top left;
	display: block;
}
#magazine .onepoint{
	background: url("../images/magazine/onepoint.gif") no-repeat top left;
	background-size:cover;
	width: 140px;
	height: 68px;
	position: absolute;
	top: -22px;
	right: 0;
}
.vol a,
.vol div{
	width: 100%;
	height: 62px;
	line-height: 62px;
	display: block;
	font-size: 1.24em;
	padding:  0 42px;
	margin-bottom: 13px;
	color: #fff;
	font-weight: bold;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	position: relative;
}
.vol a span,
.vol div span{
	padding-left: 14px;
	font-size: 0.86em;
}
.vol a:nth-child(4n+1) {
	background: #bad26f url("../images/common/icon_pdf.svg") no-repeat 96% center;
	background-size: 32px 32px
}
.vol a:nth-child(4n+2) {
	background: #efb5a4 url("../images/common/icon_pdf.svg") no-repeat 96% center;
	background-size: 32px 32px
}
.vol a:nth-child(4n+3) {
	background: #88bdde url("../images/common/icon_pdf.svg") no-repeat 96% center;
	background-size: 32px 32px
}
.vol a:nth-child(4n+4) {
	background: #e4a76a url("../images/common/icon_pdf.svg") no-repeat 96% center;
	background-size: 32px 32px
}
.vol div{
	background: #dad9d7
}

.vol a::after{
  position: absolute;
  top: 50%;
  left: 14px;
  content: '';
  margin-top: -5px;
  border: 7px solid transparent;
  border-top-width: 5px;
  border-bottom-width: 5px;
}
.vol a:nth-child(4n+1)::after {
  border-left-color: #7db528;
}
.vol a:nth-child(4n+2)::after {
  border-left-color: #db4340;
}
.vol a:nth-child(4n+3)::after {
  border-left-color: #3d9ac7;
}
.vol a:nth-child(4n+4)::after {
  border-left-color: #db4340;
}
.vol a:hover{
	opacity: 0.8;
}
	@media screen and (max-width: 480px) {
		.pagetitle_iroha span{
			margin: 0 auto;
		}
		#magazine .onepoint{
			position: relative;
			margin: 38px auto 0;
		}
		.vol a,
		.vol div{
			width: 100%;
			height: auto;
			line-height: 1.8;
			padding:  15px 35px;
		}
		.vol a span,
		.vol div span{
			padding-left: 0;
			font-size: 0.7em;
			display: block;
			width: 90%;
		}
	}
/* =================================
donor
================================= */
.donor_table{
	width: 100%;
}
.donor_table th,
.donor_table td{
	border: 1px solid #c9c9ca;
	padding: 7px 14px;
}
.donor_table tr:first-child th,
.donor_table tr:first-child td{
	background: #efefef;
	text-align: center;
	font-weight: bold;
}
.donor_table th{
	width: 24%;
	background: #efefef;
	font-weight: bold;
	vertical-align: middle;
}
.donor_table td{
	width: 38%;
	text-align: center;
	vertical-align: middle;
}
.komidashi_donor {
	color: #333;
	font-size: 1.07em;
	font-weight: bold;
	border-bottom: 1px solid #bcbcbc;
	margin-bottom: 20px;
	padding: 0 0 .75em 2.5em;
	background: url(../images/donor/icon-donor.png)no-repeat top left;
	background-size: 1.75em auto;
}


.donor_thumbnail{
	width: 100%;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
}
.donor_thumbnail .item-donor{
	width: 23%;
	line-height: 1.5;
	margin-bottom: 1em;
}
	@media screen and (max-width: 480px) {
		.donor_thumbnail .item-donor{
			width: 47.5%;
		}
	}
.donor-end{
	background: #f5f9fc;
	border: 1px solid #3db6e0;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	padding: 40px 28px;
}
.donor-end .donor-end-inner{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.donor-end .donor-end-inner div:nth-child(1){
	width: 45%;
}
.donor-end .donor-end-inner div:nth-child(2){
	width: 55%;
	text-align: center;
	color: #3db6e0;
}
	@media screen and (max-width: 480px) {
		.donor-end .donor-end-inner div:nth-child(1),
		.donor-end .donor-end-inner div:nth-child(2){
			width: 100%;
		}
		.donor-end .donor-end-inner div:nth-child(1){
			margin-bottom: 1.5em;
		}
	}

.donor-end .donor-end-inner div:nth-child(1) img{
	width: 88%;
	display: block;
	margin: 0 auto;
}

/* =================================
recruit 
================================= */
.recruit_table{
	width: 100%;
	display: table;
	border-width: 1px 1px 0 1px;
	border-color: #c9c9ca;
	border-style: solid;
}
.recruit_table:last-child{
	border-bottom: 1px solid #c9c9ca
}
.recruit_table .th,
.recruit_table .td{
	display: table-cell;
	padding: 14px 14px;
}
.recruit_table .th{
	width: 30%;
	background: #efefef;
	font-weight: bold;
	vertical-align: middle;
	border-right: 1px solid #c9c9ca;
    text-align: center;
}
.recruit_table .td{
	width: 70%;
	text-align: left;
	vertical-align: middle;
}
	@media screen and (max-width: 480px) {
		.recruit_table{
			width: 100%;
			display: block;
			border-width: 0;
		}
		.recruit_table:last-child{
			border-bottom: none
		}
		.recruit_table .th,
		.recruit_table .td{
			display: block;
			width: 100%;
		}
	}
/* =================================
キャンペーンなど
================================= */
.bgbox_campaign{
	background: #dae8f4;
	border:1px solid #34659f;
	border-radius: .75em;
	-moz-border-radius: .75em;
	-webkit-border-radius: .75em;
	padding: 1.25em;
}
.bgbox_campaign .tit_b{
	font-size: 1.15em;
	font-weight: bold;
	line-height: 1.4;
	color: #34659f;
	border-bottom: 1px dashed #34659f;
	padding-bottom: .75em;
	margin-bottom: .75em;
}
.bgbox_campaign .tit{
	font-size: 1.15em;
	font-weight: bold;
	line-height: 1.4;
	color: #34659f;
}

/* =================================
googlecalendar
================================= */
.googlecalendar iframe{
	width: 100%;
}

.googelfullcalendar{
	margin-top: 3.5em;
}
	@media screen and (max-width: 480px) {
		.googelfullcalendar{
			font-size: 0.9166em;
		}
	}

/* fullcaledar--------------- */
#loading {
	display: none;
	position: absolute;
	top: 10px;
	right: 10px;

}
/*イベントタイトル*/
div.fc-event-title {
	white-space: normal;
	font-weight: bold;
}
.holiday div.fc-event-title {
	font-size: .8em;
}
.fc-daygrid-event { 
	line-height: 1.5;
	border-radius: 0!important;
	margin-bottom: .225em;
}
/*テーブル*/
.fc-scrollgrid-section-header th {
	background: #e5e5e5;
}
.fc .fc-daygrid-day.fc-day-today{
	background-color: var(--fc-today-bg-color, rgba(255, 245, 60, .3))!important;
}

/*プライマリーカラー*/
.fc .fc-button-primary{
    background-color: #34659f!important;
    background-color: var(--fc-button-bg-color, #34659f)!important;
    border-color: var(--fc-button-border-color, #34659f)!important;
}
/*土日*/
th.fc-day-sat {
  background-color: #dae8f4;
}
th.fc-day-sun {
  background-color: #ffe6e8;
}
th.fc-day-sat .fc-col-header-cell-cushion {
  color: #046da7;
}
th.fc-day-sun .fc-col-header-cell-cushion{
  color: #e11e05;
}
td.fc-day-sat .fc-daygrid-day-number {
  color: #046da7;
}
td.fc-day-sun .fc-daygrid-day-number {
  color: #e11e05;
}
/*平日*/
.fc-daygrid-day-number {
  font-weight: 600;
  color: #333333;
}