@charset "utf-8";
/* CSS Document */

/*
Theme Name: ドッグカフェ
Theme URI:
Description:
Version: Ver.1.0
Author: UG
Author URI:
Tags:
*/


/* --- 全体共通CSS --- */
div, span, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, small, strong,
b, i, dl, dt, dd, ol, ul, li, tr, th, td {
	font-size: 18px;
	line-height: 1.8em;
	color: #333333;
}


/* --- 全体共通CSS END --- */





/* --- 全体共通CSS --- */
.wrap {
	position: relative;
	margin: 0 auto;
	width: 1120px;
	height: 100%;
}




/* --- 全体共通CSS END --- */



/* --- 背景設定 --- */
#container {
	position: relative;
	width: 100%;
	min-width: 1120px;
	height: auto;
	clear: both;
}
#container > .wrap {
	width: auto;
}

#header {
	background: rgba(193,50,57,0.70);
	position: relative;
	width: 100%;
	height: 100px;
	margin-bottom: -100px;
	z-index: 10000;
}


#mainimage_index {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
}
#mainimage_index > .wrap {
	width: auto;
}


#mainimage {
	position: relative;
	background: #c13239;
	width: 100%;
	height: 100px;
	margin-bottom: 70px;
}
#mainimage > .wrap {
	width: auto;
}


#content {
	position: relative;
	width: 100%;
	height: auto;
}
#content > .wrap {
	width: auto;
}



#footer {
	background: #c13239;
	position: relative;
	width: auto;
	height: 750px;
}

/* --- 背景設定 END --- */



/* --- ヘッダー設定 --- */
#logo {
	position: relative;
	top: 35px;
	left: 0;
}


#h_img1  {
	position: absolute;
	bottom: 15px;
	right: 20px;
	z-index: 3000;
}


/* --- ヘッダー設定 END --- */




/* --- ナビ設定 --- */
#menu-icon1 {
	position: fixed;
	top: 20px;
	right: 100px;
	z-index: 3000;
}
#menu-icon1 img {
	width: 100%;
	height: auto;
}

#nav_back_img {
	position: absolute;
	bottom: 25px;
	right: 30px;
}


#nav_sp1 {
	position: fixed;
	top: 70px;
	right: 100px;
	background: rgba(193,50,57,0.70);
	width: 420px;
	padding: 50px 0 80px 20px;
	clear: both;
	z-index: 2000;
	display: none; /* visibility will be toggled with jquery */
	border: solid 1px rgba(255,255,255,0.70);
}
#nav_sp1 li {
	width: auto;
	text-align: left;
	line-height: 50px;
	font-size: 26px;
	color: #fff;
	font-weight: bold;
	clear: both;
	float: none;
	padding: 10px 20px;
}


#nav_sp1 a,
#nav_sp1 ul a {
	color: #0053d7;
	font: inherit;
	background: none;
	display: inline;
	padding: 0;
	font-size: 30px;
	border: none;
}
#nav_sp1 a:hover,
#nav_sp1 ul a:hover {
	background: none;
}


/* --- ナビ設定 END --- */



/* --- メインイメージ設定 --- */
.bx-wrapper {
	background: none !important;
}
.bx-viewport {
	background: none !important;
}

#jq_box {
	position: relative;
	width: auto;
	height: auto;
}

#mainimg_index1 {
	position: relative;
	background: url(images/mainimg_index1.png) no-repeat center;
	width: 100%;
	height: 900px;
}
#mainimg_index2 {
	position: relative;
	background: url(images/mainimg_index2_202008.png) no-repeat center;
	width: 100%;
	height: 900px;
}
#mainimg_index3 {
	position: relative;
	background: url(images/mainimg_index3_20200807.png) no-repeat center;
	width: 100%;
	height: 900px;
}
#mainimg_index4 {
	position: relative;
	background: url(images/mainimg_index4_202008.png) no-repeat center;
	width: 100%;
	height: 900px;
}
#mainimg_index5 {
	position: relative;
	background: url(images/mainimg_index5.png) no-repeat center;
	width: 100%;
	height: 900px;
}
#mainimg_index6 {
	position: relative;
	background: url(images/mainimg_index6.png) no-repeat center;
	width: 100%;
	height: 900px;
}


#mainimg_sub {
	position: relative;
	width: 100%;
	height: 450px;
}



/* --- メインイメージ設定 END --- */




/* --- コンテンツ設定 --- */
.main {
	position: relative;
	width: auto;
	height: auto;
}


#top_text1 {
	background: url(images/t_main_back.png) center no-repeat;
	text-align: center;
	padding: 130px 0;
}

#top_calender {
    text-align: center;
    padding: 0 0 130px;
}

.boder1 {
	border-bottom: solid 1px #c13239;
}


.cont_box1 {
	position: relative;
}
.cont_box1 .box1 {
	position: relative;
	width: 560px;
	float: left;
}
.cont_box1 .box2 {
	position: relative;
	margin-left: 560px;
}


.cont_box2 {
	position: relative;
}
.cont_box2 .box1 {
	position: relative;
	width: 560px;
	float: right;
}
.cont_box2 .box2 {
	position: relative;
	margin-right: 560px;
}

.cont_box3 {
	position: relative;
}
.cont_box3 .box1 {
	position: relative;
	width: 560px;
	float: left;
}
.cont_box3 .box2 {
	position: relative;
	margin-left: 560px;
}


#menu_box {
	position: relative;
	padding-bottom: 60px;
}
#menu_box .cont_box1 {
	background: #b28147;
}
#menu_box .cont_box1 .box2 {
	padding: 120px;
	padding-bottom: 0;
}
#menu_box .cont_box1 .box2 .title1 {
	text-align: center;
	margin-bottom: 80px;
}
#menu_box .cont_box1 .box2 .table {
	width: 300px;
	margin: 0 auto;
}
#menu_box .cont_box1 .box2 .table td {
	font-size: 20px;
	color: #fff;
	padding-bottom: 15px;
}
#menu_box .cont_box1 .box2 .table .tt:before {
	content: "□";
	font-size: 20px;
	color: #fff;
	padding-right: 5px;
}



#info_box {
	position: relative;
	padding: 60px 0;
}
#info_box .title {
	position: relative;
	background: #796a56;
	padding: 40px 0 25px 0;
	text-align: center;
	margin-bottom: 20px;
}
.info_box .img {
	margin-bottom: 20px;
}
.info_box .title1 {
	min-height: 40px;
	text-align: center;
	border: solid 5px #796a56;
	border-top: none;
	border-bottom: none;
	margin-bottom: 20px;
}
.info_box .text1 {
	text-align: center;
	margin-bottom: 20px;
}



#price_box {
	position: relative;
	padding-top: 60px;
	padding-bottom: 60px;
}
#price_box .cont_box1 {
	background: #ea5516;
}
#price_box .cont_box2 {
	background: #ea5516;
}
#price_box .cont_box3 {
	background: #ea5516;
}
#price_box .table {
	width: 400px;
	margin: 0 auto;
	margin-bottom: 30px;
}
#price_box .table td {
	font-size: 20px;
	color: #fff;
	padding-bottom: 15px;
}
#price_box .table .tt:before {
	content: "□";
	font-size: 20px;
	color: #fff;
	padding-right: 5px;
}
#price_box .s_box1 {
	padding-top: 210px;
}
#price_box .s_box2 {
	padding-top: 25px;
}
#price_box .s_box3 {
	padding-top: 50px;
}

#price_box .title1 {
	text-align: center;
	margin-bottom: 100px;
}
#price_box .title2 {
	text-align: center;
	margin-bottom: 35px;
}
#price_box .text1 {
	color: #fff;
	line-height: 2.0em;
	text-align: center;
}

#price_box .texts1 {
	text-align: center !important;
	font-size: .95em !important;
}


#sample_box {
}
#sample_box .title2 {
	color: #ea5516;
	font-size: 20px;
}
#sample_box .title2:before {
	content: "■■■";
	color: #ea5516;
	font-size: 20px;
	margin-right: 20px;
}
#sample_box .title2:after {
	content: "■■■";
	color: #ea5516;
	font-size: 20px;
	margin-left: 20px;
}
#sample_box .text2 {
	text-align: center;
}



#party_box {
	position: relative;
	padding-top: 60px;
	padding-bottom: 60px;
}
#party_box .cont_box1 {
	background: #f39700;
}
#party_box .cont_box1 .box2 {
	padding: 0 40px;
	padding-top: 160px;
	padding-bottom: 0;
}
#party_box .cont_box1 .box2 .title1 {
	text-align: center;
	margin-bottom: 70px;
}
#party_box .cont_box1 .box2 .text1 {
	font-size: 17px;
	line-height: 2.8em;
	text-align: center;
	color: #fff;
}



#menber_box {
	position: relative;
	padding: 60px 0;
	padding-bottom: 170px;
}
#menber_box .title {
	position: relative;
	background: #c13239;
	padding: 40px 0 25px 0;
	text-align: center;
	margin-bottom: 60px;
}
#menber_box .text1 {
	line-height: 2.5em;
	text-align: center;
	margin-bottom: 40px;
}



#sns_box {
	position: relative;
	padding: 60px 0;
}
#sns_box .title {
	position: relative;
	background: #956135;
	padding: 40px 0 25px 0;
	text-align: center;
	margin-bottom: 60px;
}



/* --- コンテンツ設定 END --- */





/* --- フッター設定 --- */
#map {
	position: absolute;
	top: 60px;
	left: 0;
	width: 465px;
	height: 380px;
}

#f_info_box {
	position: absolute;
	top: 100px;
	top: 70px;
	left: 540px;
}
#f_info_box .text1 {
	font-size: 24px;
	font-size: 23px;
	line-height: 1.6em;
	color: #fff;
	margin-bottom: 25px;
}

#f_logo {
	position: absolute;
	top: 530px;
	width: 100%;
	text-align: center;
}

#f_nav {
	position: absolute;
	top: 645px;
	margin: 0 120px;
}
#f_nav li {
	font-size: 16px;
	color: #fff;
	float: left;
}
#f_nav li a {
	font-size: 16px;
	letter-spacing: -1px;
	color: #fff;
	padding: 0 15px;
}
#f_nav li a:hover {
	color: #fff;
	text-decoration: underline;
}

address {
	position: absolute;
	bottom: 20px;
	width: 100% !important;
	width: auto;
	text-align: center;
	color: #fff;
}


.toTop {
	position: fixed;
	bottom: 100px;
	right: 50px;
}



/* --- フッター設定 END --- */




/* --- 下層 設定 --- */
.midashi1 {
	background: #c13239;
	font-size: 34px;
	color: #fff;
	text-align: center;
	margin-bottom: 70px;
}
.midashi2 {
	font-size: 25px;
	color: #c13239;
	margin-bottom: 30px;
}


.privay_box {
	margin-bottom: 50px;
}
.privay_box .list {
	padding-left: 40px;
}
.privay_box .list li {
	margin-bottom: 20px;
}
.privay_box .title1 {
	font-size: 18px;
	color: #c13239;
	font-weight: bold;
	padding-left: 40px;
	margin-bottom: 20px;
}
.privay_box .text1 {
	margin-bottom: 10px;
}
.privay_box .text1:before {
	content: "※";
	color: #c13239;
	margin-right: 5px;
}




/* --- 下層 設定 END --- */

/* add20200914
--------------------------------------------------*/


td .info_box .text_bikou{
	font-size: 16px;
        text-align:center;
       color:#c13239;
}

td .info_subtitle_914{
	font-size: 16px;
        text-align:center;
        margin-bottom:10px;
color:#817460
;
}
td .info_text_914{
	font-size: 16px;
        text-align:center;
        margin-bottom:10px;
}

.info_box .title1 {
    margin-bottom: 0px;
}
#menu_box .cont_box1 .box2_0915 {
    padding: 62px;
}
#menu_box .cont_box1 .box2 .title1 {
    margin-bottom: 30px;
}
#menu_box .cont_box1 .box2 div{
        text-align:center;
    margin-bottom: 25px;
}
#menu_box .cont_box1 .box2 p{
    color:#fff;
}

#menber_box {
    padding-bottom: 60px;
}

#menber_box .title {
    margin-bottom: 40px;
}

#menber_box .content_member{
    display: flex;
    flex-wrap:wrap;
    justify-content:flex-start;
    align-items:flex-end;
}
#menber_box .content_member_box{
    width:50%;
}


#menber_box .content_member_box h2{
        text-align:center;
        font-size:20px;
        margin:0 0 5px 0px;
}
#menber_box .content_member_box div{
        margin:0 10px 10px 35px;
}
#menber_box .content_member_box div p{
        text-align: justify;
    text-justify: inter-ideograph;
}

#menber_box .content_member_box p{
        margin:0 0px 0px 35px;
}

#menber_box .content_member_box p.bikou{
        text-align:center;
        font-size:16px;
}
#price_box .s_box2 {
    padding-top: 11px;
}


div#tel_sp {
    display: none;
}
p.add_text_center {
    text-align: center;
    font-size: 30px;
}
.sp_br {
  display: none;
}
p.add_text_center.add_text_center_s {
    font-size: 24px;
}
tr.btn_kiyaku {
    position: relative;
    height: 110px;
}
tr.btn_kiyaku td {
    position: absolute;
    width: 100%;
}
tr.btn_kiyaku td a {
    width: 700px;
    background: #fff;
    display: block;
    margin: 0 auto;
    text-align: center;
    padding: 15px;
    border-radius: 10px;
    border: 2px solid #333;
    color: #333;
    font-size: 26px;
    transition: .3s;
}
tr.btn_kiyaku td a:hover {
    border: 2px solid #c02b38;
    color: #c02b38;
}

/* --- 2021/04/06追加分 --- */
#price_box .s_box2add210406 {
padding-top: 95px;
}  
/* --- 2021/04/12追加分 --- */
.info_box.add210412 {
    width: 540px;
}
.anime.shampoo_price {
    width: 850px;
    margin: 0 auto;
}
/* --- 2021/04/19追加分 --- */
#price_box .s_box1.add210419{
    padding-top: 80px; 
}
#price_box .s_box1.add210419 .title1 {
    margin-bottom: 20px;
}

#price_box .s_box1.add210419 p.text1 {
    padding: 5px 20px;
line-height: 1.8em;
    font-size: 17px;
font-weight: 600;
}

#price_box .s_box1.add210419 p.text1.add210421{
    padding-bottom: 20px;
}
#price_box .s_box1.add210419 p.text1.add210421-2 {
        padding-top: 20px;
}

#price_box .s_box1.add210419 p.text1.add210420{
    font-size: 16px;
text-align:left;
font-weight: 100;
}

/* --- 2021/11/07追加分 --- */
.recruit{
    padding: 60px 0;
}
/* --- 2022/02/02追加分 --- */
.add20220202{
 display:flex; 
}
.add20220202 img{
 width: 50%;
}
/* --- 2023/09/26追加分 --- */
.add20230926 img:first-child{
 width: 40%;
}
.add20230926 img:last-child{
 width: 60%;
}