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

.pc { display:none; }
.sp { display:block; }

body {
	background-image: url("../images/ment/back_white.jpg");
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
	padding-bottom: 80px;
	min-width: 360px;
}

header {
	padding-top: 5px;
    background-image: url(../images/ment/header_sp.png);
    /* height: 134px; */
	/* background-position: center; */
	/* background-repeat: no-repeat; */
	height: 100px;
    background-repeat: no-repeat;
    background-position: bottom;
}

section {
	max-width: 1020px;
	margin: 0 auto;
}

h1 {
	font-size: 10px;
	margin: 0 15px;
	font-family: YuGo◆Bold-83pv-RKSJ-H,"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
	color: #6F6F70;
}

.header_bottom {
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
}

.header_left {
	display: flex;
    align-items: center;
	margin-left: 15px
}

.header_left_img {
	width: 40px;
}

.header_left_box {
	font-family: SeibiAi◆,"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
	color: #6F6F70;
	text-align: center;
	/* margin-left: 10px; */
	display: flex;
    align-items: center;
}

.header_left_box p:nth-child(1){
	font-size: 14px;
}

.header_left_box p:nth-child(2){
	font-size: 22px;
    margin-left: 10px;
}

.header_left_img img {
	width: 90%;
}

.header_right {
	width: 300px;
    margin-right: 10px;
	color: #727171;
}

.header_right_top {
	display: flex;
	border-bottom: 1px dashed #f3982f;
}

.header_right_top_left {
	margin-left: 5px;
}

.header_right_top_left_box {
	display: flex;
	align-items: center;
}

.header_right_top_left p:nth-child(1){
	font-size: 16px;
    color: #f3982f;
    margin: 0 10px;
}

.header_right_top_left_box p:nth-child(2){
	font-size: 26px;
    letter-spacing: 1px;
	margin-bottom: 3px;
}

.header_right_top_right {
	width: 40px;
    text-align: center;
}

.header_right_top_right p img {
	margin-top: 8px;
}

.header_right_bottom {
	text-align: center;
}

.header_back {
	background-image: url("../images/ment/header_bottom02.png");
}

.to_top {
    width: 65%;
    margin-left: 20px;
}


.top_web_reserve {
	width: 100%;
	margin: 10px 0;
}

.top_web_reserve a:hover {
	opacity: 1;
	transition: none;
}

.top_web_reserve img {
	width: 100%;
}

.footer_info {
	width: 92%;
    margin: 20px auto 0;
	display: flex;
	justify-content: space-between;
	flex-direction: column;
}

.info_left_top {
	border-bottom: 1px dashed #f3982f;
	padding-bottom: 10px;
}

.info_left_top01 {
	display: flex;
    align-items: center;
	justify-content: center;
}

.info_left_img_ander {
	line-height: 1.2;
	text-align: center;
    margin-left: 20px;
	color: #6f6f70;
	font-family: SeibiAi◆,"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
	font-family: SeibiAi◆,"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
}

.info_left_img_ander p:nth-child(1){
	font-size: 18px;
	letter-spacing: 1px;
}

.info_left_img_ander p:nth-child(2){
	font-size: 30px;
	letter-spacing: 3px;
}

.info_right_bottom_wrap p img {
	width: 100%;
}

.info_left_top02 {
	font-family: kozuka-gothic-pr6n, sans-serif,"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
    color: #727171;
	letter-spacing: 2px;
	margin-top: 5px;
	margin-left: 10px;
}

.info_left_bottom {
	padding: 10px;
	font-family: kozuka-gothic-pr6n, sans-serif,"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
}

.info_left_bottom  p:nth-child(1){
	color: #6b6b6b;
	font-size: 21px;
}

.info_left_bottom p:nth-child(2),.info_left_bottom p:nth-child(3),.info_left_bottom p:nth-child(4){
	font-size: 15px;
	color: #727171;
}

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

.info_right_bottom_wrap {
	position: relative;
	color: #727171;
    letter-spacing:1px;
    font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
	max-width: 400px;
    margin: 0 auto;
}

.info_right_bottom_wrap p:nth-child(2){
	position: absolute;
	top: 31px;
	left: 6px;
}

.info_right_bottom_wrap p:nth-child(3){
	position: absolute;
	top: 31px;
	left: 55px;
}

.info_right_bottom_wrap p:nth-child(4){
	position: absolute;
	top: 60px;
	left: -5px;
}

.info_right_bottom_wrap p:nth-child(5){
	position: absolute;
	top: 60px;
	left: 55px;
}

.info_right_bottom_wrap p:nth-child(6){
	margin: 2px 0 0 8px;
}
.info_right_bottom_wrap p:nth-child(6) .icon {
	width:  18px;
	height: 18px;
	object-fit: cover;
}
.info_right_bottom_wrap p:nth-child(6) span {
		letter-spacing: .003em;
		font-size: 15px;
}

.info_right_bottom .schedule {
	width: 100%;
}

.info_right_bottom .schedule img {
	width: 100%;
}

.footer_bottom {
	position: relative;
}



footer .info_right_top {
	display: block;
	text-align: center;
}

footer .header_right_top_left_box {
	justify-content: center;
}

footer .header_right_top_right {
	width: 100%;
	margin: 0 0 30px;
}

footer .header_right_top_right a:hover {
	opacity: 1;
	transition: none;
}

.map {
	margin: 20px 0 0;
    height: 372px;
	position: relative;
}

.map iframe {
	width: 100%;
    height: 100%;
}

.footer_last {
	position: absolute;
	bottom: -15px;
	width: 100%;
}

.copyright {
	position: relative;
	font-size: 14px;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
	color: #231815;
	text-align: center;
	bottom: 60px;
	margin-bottom: -45px;
	margin-top: 5px;
}

.copyright p {
	position: relative;
    top: 10px;
}

.footer_bottom_img p img {
	width: 100%;
	position: relative;
    top: 10px;
	height: 70px;
	display: none;
}


.firstview {
	background-image: url("../images/ment/back_yellow.jpg");
		height: 250px;
	position: relative;
    bottom: 15px;
    z-index: -1;
    text-align: center;
	width: 100%;
}

.yobou img {
	width: 55%;
    position: absolute;
    left: 0;
    top: -60px;
    -webkit-backface-visibility: hidden;
}

.yobou02 img {
	width: 60%;
    position: absolute;
    right: 0;
    top: 110px;
    z-index: 1;
	max-width: 215px;
    -webkit-backface-visibility: hidden;
	max-width: 215px;
}

.yobou03 img {
	width: 40%;
    position: absolute;
    right: 20px;
    -webkit-backface-visibility: hidden;
}

.top {
	background-image: url("../images/ment/first_view_bottom.png");
	background-size: cover;
    width: 100%;
    height: 50px;
    position: absolute;
    top: 291px;
    background-position: 72px 0;
}

.glonav_list {
	display: flex;
    justify-content: center;
	align-items: center;
}

.glonav_item,.glonav_item01,.glonav_item02,.glonav_item03,.glonav_item04  {
	margin: 10px 30px;
}

 .nav {
    font-size: 17px;
    padding-right: 20px;
  }

  ul {
    /* display: flex; */
    justify-content: space-evenly;
    margin-bottom: 0;
    /* height: 100%; */
     -webkit-overflow-scrolling: touch;
  }

  li {

    padding: 7px;
    /* border-bottom: 2px solid white; */

  }

  a {
    text-decoration: none;
    color: black;
  }

  .nav_cont {
    text-align: center;
  }

  .header_contact p {
    margin: 0;
  }


.content_show {
  font-size: 16px;
  padding-right: 0;
  position: fixed;
  top: 0;
  z-index: 1001;
	background: #fff;
	overflow: auto;
	left: -100%;
	width: 100%;
    height: 100%;
	background-image: url("../images/ment/back_white.jpg");
}

.content_show ul {
  font-size: 20px;
  line-height: 2.5;
}

.menu_01 {
  text-align: center;
    margin: 30px auto 0;
}

.menu_01 a img {
  width: 15%;
  display: flex;
  margin: 0 auto;
}

.menu_02,.menu_03,.menu_05,.menu_06,.menu_07,.nav02_sp{
  	border-bottom: 1px dashed #4c4b4c;
    text-align: left;
    margin: 0 20px;
}

.menu_04 {
	margin: 0 20px;
}

.menu_02 ,.menu_05 {
	border-top: 1px dashed #4c4b4c;
	margin-top: 20px;
}

.menu_02 a,.menu_03 a,.menu_04 ,.menu_05 a,.menu_06 a,.menu_07 a {
	display: flex;
	justify-content: space-between;
	color: #4c4b4c;
}

.menu_02 a img,.menu_03 a img,.menu_04 a img,.menu_05 a img,.menu_06 a img,.menu_07 a img{
    margin-right: 10px;
    margin-bottom: -10px;
}

.menu_04_02 {
	margin-left: 50px;
	line-height: 2!important;
}

.menu_04_02 .list a {
	color: #4c4b4c;
}

#navbtn{
	display: block;
    z-index: 1001;
    position: fixed;
    right: -3px;
    top: 27px;
    width: 15%;
    height: 64px;
    border: none;
    outline: none;
    background: transparent;
}

#navbtn:hover{ cursor:pointer; }

#navbtn span{
	position:absolute;
	left: 10px;
    width: 30px;
	height: 2px;
    background:#edb625;

}

#navbtn span:nth-child(1){top:20px; transition:all 0.3s;}
#navbtn span:nth-child(2){top:32px; transition:all 0.3s;}
#navbtn span:nth-child(3){top:44px; transition:all 0.3s;}

#navbtn.menu span:nth-child(2){ width:0%; left:50%; background:#edb625; }
#navbtn.menu span:nth-child(1){ top:33px; transform:rotate(45deg); background:#edb625; }
#navbtn.menu span:nth-child(3){ top:33px; transform:rotate(-45deg); background:#edb625; }


.bottomline {
    position: fixed;
    left: 0;
    bottom: 0;
    display: flex!important;
    align-items: center;
    width: 100%;
    background: #edb625;
    z-index: 1000;
    justify-content: center;
}

.bottomline_item {
    margin: 2px 7px 0;
}

.header_right_top_left_box a {
    display: flex;
    align-items: baseline;
}

.footer_bottom_img {
	background-image: url("../images/ment/footer_bottom.png");
	height: 75px;
    background-position: -331px 0px;
}

.toggle {
	display: none;
	text-align: center;
}




@media screen and (min-width: 414px) and (max-width: 767px){

	.info_right_bottom_wrap p:nth-child(2){
		position: absolute;
    	top: 38px;/*36px;*/
   		left: 10px;
	}

	.info_right_bottom_wrap p:nth-child(3){
		position: absolute;
    	top: 38px;/*36px;*/
    	left: 62px;
	}

	.info_right_bottom_wrap p:nth-child(4){
		position: absolute;
		top: 72px;/*68px;*/
    	left: 0px;
	}

	.info_right_bottom_wrap p:nth-child(5){
		position: absolute;
		top: 72px;/*68px;*/
    	left: 63px;
	}
}


.sp_web_reserve {
	position: fixed;
	right: 0;
	bottom: 72px;
	width: 80px;
	height: 79px;
}

.sp_web_reserve a:hover {
	opacity: 1;
	transition: none;
}

.sp_web_reserve img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}