@charset "utf-8";
/* CSS Document */
.nav_li {
	display:inline-flex;
	/*border-left: solid 1px #fbfbfb;*/
	letter-spacing: 2px;
	line-height: 50px;
	text-align: center;
	border-left: solid 1px;
	width: 250px;
}

.nav_li a{
	text-decoration: none;
	width: 100%;
	display: inline-block;
	color: #fff;
}
.nav_li a:hover{
	background: linear-gradient(70deg, #81632d, #e1c083, #c09a53);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent
}
.nav_ul {
	padding: 0;
}

.herder_flex {
	display: flex;
	justify-content: center;
	margin: 0 auto;
}
.hrader_flex a{
	text-align: none;
	color: #fff;
}

.rogo {
	width: 8%;
	margin: auto 10px;
}

h1 {
	vertical-align: middle;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}



.header_btn {
	position: relative;
	text-align: center;
	background: linear-gradient(70deg, #81632d, #e1c083, #c09a53);
	transition: none;
	text-decoration: none;
	border-radius: 4px;
	box-shadow: 0 3px 0 #5f4921;
	display: block;
	letter-spacing:2px;
	width: 15%;
	margin: auto;
}
.header_btn:hover{
	top:3px;
	box-shadow: none;
}
.header_btn a{
	text-decoration: none;
	color: #fff;
	display: inline-block;
	width: 100%;
	padding: 15px 0;
}


.header_btn_sp2 {
	position: relative;
	text-align: center;
	background: linear-gradient(70deg, #81632d, #e1c083, #c09a53);
	transition: none;
	text-decoration: none;
	border-radius: 4px;
	box-shadow: 0 3px 0 #5f4921;
	display: block;
	width: 60%;
	margin: 20px auto 0;
	font-weight: bold;
}
.header_btn_sp2:hover{
	top:3px;
	box-shadow: none;
}
.header_btn_sp2 a{
	text-decoration: none;
	color: #fff;
	display: inline-block;
	width: 100%;
	padding: 15px 0;
}



.menu_img {
	width: 25%;
	vertical-align: middle;
}

.line {
	width: 10%;
}

.footer_rogo {
	width: 5%;
	margin: auto 0;
}

.footer_p {
	vertical-align: middle;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	font-size: 2em;
	padding: 0 5px;
}



.top_p {
	font-family: YuMincho, 'Yu Mincho', 'Hiragino Mincho ProN', 'serif';
	text-align: left;
	font-size: 3em;
	position: absolute;
	top: 50%;
	left: 50px;
	transform: translateY(-50%);
	color: #06101d;
	font-weight: bold;
	text-shadow: 2px 2px 3px #fff;
}

.top_img_text {
	font-size: 1.5em;
	display: inline-block;
}



.header_p {
	background-color: #fff;
	color: #06101d;
	font-size: .7em;
	padding: 5px;
	border-radius: 8px;
	margin: auto;
	text-align: center;
}

.header_right {
	margin: auto 0 auto auto;
	width: 250px;
}

.phone {
	font-size: 1.5em;
	font-style: italic;
	font-weight: bold;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	margin: 0;
	text-align: center;
}

.time {
	font-size: .7em;
	margin: 0;
	text-align: center;
}

.header_flex2 {
	display: flex;
	justify-content: center;
}

.copyright {
	font-size: .8em;
	margin: 0 auto 7px;
	padding: 0;
	text-align: center;
}



.border_right {
	border-right:solid 1px;
}



.header_nav {
	text-align: center;
	width: 100%;
	margin: auto;
}

.footer_nav {
	text-align: center;
	margin: auto
}

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


.menu-btn {
    position: fixed;
    top: 0;
    left: 0;
    display: flex;
    height: 50px;
    width: 50px;
    justify-content: center;
    align-items: center;
    z-index: 90;
    background: linear-gradient(70deg, #81632d, #e1c083, #c09a53);
}
.menu-btn span,
.menu-btn span:before,
.menu-btn span:after {
    content: '';
    display: block;
    height: 3px;
    width: 25px;
    border-radius: 3px;
    background-color: #ffffff;
    position: absolute;
}
.menu-btn span:before {
    bottom: 8px;
}
.menu-btn span:after {
    top: 8px;
}


#menu-btn-check:checked ~ .menu-btn span {
    background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
}
#menu-btn-check:checked ~ .menu-btn span::before {
    bottom: 0;
    transform: rotate(45deg);
}
#menu-btn-check:checked ~ .menu-btn span::after {
    top: 0;
    transform: rotate(-45deg);
}
#menu-btn-check {
    display: none;
}
.menu-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;/*左開きにするか右開きにするか*/
    z-index: 80;
    background: linear-gradient(70deg, #354065, #06101d);
}
.menu-content ul {
    padding: 0 10px;
}
.menu-content ul li {
    border-bottom: solid 1px #ffffff;
    list-style: none;
}
.menu-content ul li a {
    display: block;
    width: 100%;
    font-size: 15px;
    box-sizing: border-box;
    color:#ffffff;
    text-decoration: none;
    padding: 9px 15px 10px 0;
    position: relative;
}
.menu-content ul li a::before {
    content: "";
    width: 7px;
    height: 7px;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    transform: rotate(45deg);
    position: absolute;
    right: 11px;
    top: 16px;
}

.menu-content {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 100%;/*leftの値を変更してメニューを画面外へ*/
    z-index: 80;
    background-color: #3584bb;
    transition: all 0.5s;/*アニメーション設定*/
}

#menu-btn-check:checked ~ .menu-content {
    right: 0;/*メニューを画面内へ*/
}
.rogo_sp {
	width: 10%;
	margin: auto 10px;
}



.header_p_sp {
	background-color: #fff;
	color: #06101d;
	padding: 5px;
	border-radius: 8px;
	margin: 20px auto;
	text-align: center;
	width: 70%;
}



.phone_sp {
	font-style: italic;
	font-weight: bold;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
	margin: 0;
	text-align: center;
	font-size: 1.8em;
}

.time_sp {
	margin: 0;
	text-align: center;
}

.top_img_sp {
	background-image: url("../image/top_img_sp.jpg");
	background-repeat: no-repeat;
	height: 100vh;
	background-position: bottom;
	background-size: cover;
	position: relative;
}

.top_p_sp {
	font-family: YuMincho, 'Yu Mincho', 'Hiragino Mincho ProN', 'serif';
	text-align: left;
	font-size: 1.8em;
	position: absolute;
	top: 50%;
	left: 15px;
	transform: translateY(-50%);
	color: #06101d;
	font-weight: bold;
	text-shadow: 2px 2px 3px #fff;
}

.footer_nav_sp {
	text-align: center;
	margin: auto;
	display: flex;
}

.nav_li_sp {
	display:inline-flex;
	/*border-left: solid 1px #fbfbfb;*/
	width: 40%;
	letter-spacing: 2px;
	line-height: 50px;
	text-align: center;
	color: #fff;
	border: solid 1px;
}
.footer_nav_sp a{
	text-decoration: none;
	color: #fff;
}



.footer_rogo_sp {
	width: 10%;
	margin: auto 5px
}

.nav_p_sp {
	width: 50%;
	margin: auto;
	border-right: solid 1px;
	padding: 5px 0;
}

.border_none {
	border-right: none;
}

.frame {
	width: 1280px;
	margin: auto;
}

.header_flex {
	display: flex;
	justify-content: center;
	position: relative;
	margin-top: 10px;
}

.hrader_rogo {
	margin: auto;
	position: absolute;
}