@charset "UTF-8";

*{
	padding:0px;
	margin:0px;
}

html,body {
	height: 100%;
	font-size:1rem;

	/*
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	*/
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro','メイリオ', 'Meiryo', '游ゴシック', 'Yu Gothic', 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;

}


*, *:before, *:after
{
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

/***/
.bg-header
{
/*
	background-color:#733E1C;
	color:#fff !important;
*/
}

.navbar-toggler
{
	border-color:#000;
}

.wide_head_bar
{
	background-color:#436FD9;
	color:#ffffff;

	padding-top:5px;
	padding-bottom:5px;
}



.head_bar
{
	height:29px;
	width: 100vw;

}

.wrap_head_image
{

	background:url('../image/head_back.png') no-repeat center center;
	background-size: cover;

/*
	max-height:120px;
*/
}


.head_menu li
{
/*
  transition: background-color 2s;
*/
	transition: all 1s;
	border-bottom: 3px solid #fff;

}

.head_menu li:hover
{
/*
	background-color: #0f0;
*/
	transition: all 400ms;
	border-bottom:3px solid #004BB1;

}

.img_head_free_dial
{
	height:40px;
}


footer
{
	background-color:#F1F1F1;
}

.foot_menu a
{
/*
  transition: background-color 2s;
*/
	transition: all 1s;
	border-bottom: 3px solid #F1F1F1;

}

.foot_menu a:hover
{
/*
	background-color: #0f0;
*/
	transition: all 400ms;
	border-bottom:3px solid #004BB1;

}

.wrap_left_menu
{
	background-color:#E5F6FF;

}

.left_menu_title
{
	background-color:#436FD9;

	text-align:center;
	color:#fff;
	font-weight:bold;

	padding:10px;

	border-radius: 10px;

}

.left_menu_item ul
{
	margin-left:20px;
}

.left_menu_item li
{
	padding:5px;
	font-weight:bold;

}

.left_menu_item a
{
	text-decoration: none;

}


.wrap_page_title
{

	background-color:#436FD9;

	text-align:center;
	color:#fff;
	font-weight:bold;

	padding:1vw;

/*
	font-size:2.5vw;
	font-size: clamp(1rem, 2vw + 1rem, 2.25rem);
*/

	font-size: clamp(1rem, 1.5vw + 1rem, 2vw);

}


.wrap_page_msg
{
	padding:1vw;

}

.wrap_page_sub_title
{

	padding:0.5vw;

	font-size: clamp(0.8rem, 1.3vw + 1rem, 1.3vw);

	font-weight:bold;

	padding-left:1rem;

	border-left:5px solid #436FD9;

	margin-bottom:1rem;

}

.wrap_menu_info
{
	border:1px solid #999;

	padding:0.5rem;
/*
	font-size: clamp(0.8vw,1vw + 1rem, 1em);
	font-size: 0.8rem;
*/
	font-size: clamp(0.8rem,1vw, 1rem);

	color:#436FD9;

}

.wrap_menu_item_price
{
	font-size: clamp(1rem, 1.3vw + 1rem, 1.5vw);
}

.item_title
{
	font-weight:bold;
}
















.wrap_slider_item
{
	 position: relative;
}

header a , header a:hover
{
	color:#fff;
	text-decoration: none;
}

.slider_item
{
	color:#fff;
	text-decoration:none;

	position: absolute;
	bottom: 25px;
	left: 25px;
	font-size:2rem;

}

.slick-dots
{

}

.head_sub_title
{
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;

	padding-left:10px;
}

/**************/
.wrap_footer
{

	background:#733E1C url('../image/foot_back.png') no-repeat center center;
	background-size:cover;

	padding-top:40px;
	padding-bottom:40px;
}

.wrap_footer_address
{
	border:1px #fff solid;
	padding:15px;
	margin-bottom:1rem;
}
address
{
	margin-bottom:0;
}
.copylight
{
	
	color:#fff;
	font-size:1rem;
	background:#733E1C url('../image/foot_bar.png') center center;

/*
	background-size:cover;
*/

	padding:15px;

}

.wrap_address
{

	color:#fff;

}

.wrap_main_contents
{
	background-color:#FFF4EB;

}

main
{
	background-color:#FFF;
}


.left_menu
{
	margin-top:30px;
	margin-bottom:15px;
}
.left_menu > li 
{
	list-style: none;
}

ol, ul
{
	padding-left:0;
}

/******************************/
.wrap_contents_title
{
	padding:1rem;
	font-size:1.5rem;
	background-color:#DCDEA8;



}

.wrap_page_image
{
	position:  absolute;                    /* 要素の配置方法を指定 */
    width:  100%; 
	z-index:10;

}

.page_title_image
{
	width:100%;

	max-height:230px;
	object-fit: cover;
}

.wrap_page_title_str
{

	position:  absolute;                    /* 要素の配置方法を指定 */
    width:  100%;  

	height:100%;
	z-index:100;
	text-align:center;
}

.wrap_msg01
{
	text-align:center;

	font-size:1.5rem;
	margin:1rem;
}

.red
{
	color:red;
}