@charset "utf-8";
@import url("reset.css");
@import url("option.css");
/* CSS Document */

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 640px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}

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

#wrapper{
	width: 100%;
}

header{
	width: 100%;
	height: 68px;
	border-bottom: solid 1px #000000;
	position: relative;
	z-index: 9999;
}

header h1{
	margin-left: 20px;
	position: absolute;
	float: left;
}

header h1 img.logo_top{
	-webkit-box-shadow: 4px 3px 3px 1px rgba(107,107,107,0.47);
	box-shadow: 4px 3px 3px 1px rgba(107,107,107,0.47);
}

header menu{
	float: right;
}

header menu ul{
}

header menu ul li{
	width: 95px;
	float: left;
}

header menu ul li a{
	display: block;
	text-align: center;

}

header menu ul li a:hover{
	background-color:#E5E5E5;
}

header menu ul li a img{
	padding-top: 40px;
}

.change_menu{
	display: none;
	z-index: 8888;
}
.change_menu menu{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.change_menu menu ul{
}

.change_menu menu ul li{
	width: 16.5%;
	float: left;
}

.change_menu menu ul li a{
	display: block;
	text-align: center;
}
.change_menu menu ul li a img{
	width: 100%;
	height: auto;
}

.change_menu menu ul li a:hover{
	background-color:#E5E5E5;
}

.change_menu menu ul li a img{
	padding-top: 0px;
}


#change{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	display: none;
}
#change h1{
	width: 100%;
	text-align: center;
	display: block;
	margin-bottom: 15px;
}
#change h1 p{
	margin: 10px 0px;
}



div.copy{
	display: block;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	position:absolute;
	top:33%;
	text-align: center;
	font-size: 15px;
	color: #FFFFFF;
	font-weight: bold;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	text-shadow: 2px 2px 2px rgba(0,0,0,1.00);
	letter-spacing: 0.1em;
	z-index: 7777;
}

.mv{
	width: 100%;
}
/*==============↓↓スライド↓↓ ==============*/
/* .viewer
------------------------- */
.viewer {
    margin: 0 auto;
    position: relative;
    overflow: hidden;
	border: 1px solid #CCC;
}
.viewer ul {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.viewer ul li {
	top: 0;
	left: 0;
	width: 100%;
	position: absolute;
}
.viewer ul li img {
    width: 100%;
}
/* =======================================
    ClearFixElements
======================================= */
.viewer ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
.viewer ul {
    display: inline-block;
    overflow: hidden;
}
#icon_box{
	width: 100%;
	max-width: 768px;
	margin-left: auto;
	margin-right: auto;
	display: none;
}
#icon_box div.icon_sub{
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
#icon_box div.icon_buttun{
	width: 16.6%;
	float: left;
}
#icon_box div.icon_buttun a{
	display: block;
}
#icon_box div.icon_buttun a img{
	width: 100%;
	height: auto;
}
#icon{
	width: 100%;
	position: absolute;
	top:40%;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	z-index: 8888;
}
#icon p{
}
#icon p img.icon_wed,#icon p img.icon_uchi,#icon p img.icon_vic,#icon p img.icon_lu,#icon p img.icon_co,#icon p img.icon_ko{
	margin-left: 10px;
	margin-right: 10px;
	-webkit-box-shadow: 2px 3px 7px rgba(0,0,0,0.69);
	box-shadow: 2px 3px 7px rgba(0,0,0,0.69);
	border-radius: 50px;
}
#icon p img.korona_ex{
	margin-left: 3px;
	margin-right: 3px;
	-webkit-box-shadow: 2px 3px 7px rgba(0,0,0,0.69);
	box-shadow: 2px 3px 7px rgba(0,0,0,0.69);
	border-radius: 7px;
}
#top_cnt{
	max-width: 800px;
	margin: 15px auto 0;
	clear:both;
}
#news{
	float:left;
	width:60%;
	margin-right:10px;
	margin-bottom:20px;
	border:1px solid #BABABA;
}
#news>h2 {
    background-color: #B40034;
    color: #FFFFFF;
    font-size: 140%;
    padding: 5px 0px 5px 10px;
	position: relative;
}
#news>h2>a{
	position:absolute;
	right:10px;
	font-size:.9em;
	background:#A67B39;
	padding:0 6px;
	border-radius:3px;
	color:#FFF;
}
#newsList{
	margin-left:18px;
}
#newsList>li{
	padding:4px 0 2px;
	font-size:1.1em;
	border-bottom:1px dashed #eaeaea;
}
#newsList>li:last-child{
	margin-bottom:10px;
}
.up_ymd{
	display:inline-block;
	margin-right:3%;
}
#newsList>li>span>a{
	text-decoration:underline;
	color:#0082CD;
}
#top_cnt1{
	float: right;
	margin-bottom: 10px;
}

#top_cnt1 .yoyaku{
	position:relative;
	text-align:center;
	background-color:#B40034;
	width: 125px;
	height: 25px;
	color: #FFFFFF;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 100%;
	line-height: 25px;
	float: left;
}
#top_cnt1 .calendar{
	position: relative;
	text-align: center;
	background-color: #FFF;
	width: 145px;
	height: 20px;
	color: #B40034;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 110%;
	clear: both;
	float: right;
	border-radius: 15px;
	border-color: #B40034;
	border-style: solid;
}

#top_cnt1 .tel{
	position: relative;
	color: #000000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 160%;
	float: right;
}

#top_cnt1 .tel a{
	display: block;
	margin-left: 10px;
}

#top_cnt1 .address{
	font-size: 95%;
	clear: both;
	float: right;
}

#top_cnt2{
	width: 100%;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 150%;
}
/*トップページコラボバナーここから*/
#top_cnt2 .corabo_wrapper {
	display: inline-flex;	
	gap:10px;
	width: 100%;
}
#top_cnt2 .corabo_banner {
	width: 50%;
	margin-bottom: 10px;
}
#top_cnt2 .corabo_banner img {
	width: 100%;
}
@media screen and (max-width:450px) {
	#top_cnt2 .corabo_wrapper {
	display: block;
	width: 100%;
	}
	#top_cnt2 .corabo_banner {
	width: 100%;
	}
}
/*トップページコラボバナーここまで*/

.banner{
	width: 100%;
	margin-bottom: 2%;
}
.banner img{
	width: 100%;
}

 .banner_outlink{
	display: flex;
	gap: 2%;
	justify-content: center;
	flex-wrap: wrap;
	list-style: none;
	margin-bottom:2%;
 }
 .banner_outlink_item{
	width:48.5%;
 }
.banner_outlink_item a img {
  display: block;
  max-width: 100%;
  height: auto;
}

.banner_half-box {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 15px;
}
.banner_half {
	width: 49%;
}
.banner_half img{
	width: 100%;
}

@media screen and (max-width:450px) {
	 .banner_outlink{
		flex-direction: column;
		align-items: center;
	}
	 .banner_outlink_item{
		width:100%;
	}
	.banner_outlink_item:first-child{
		margin-bottom:2%;
	}

	.banner_half-box {
		display: block;
		margin-bottom: 0px;
	}
	.banner_half {
		width: 100%;
		margin-bottom: 15px;
	}
}
/*トップページ忘新年会バナーここまで*/




@media screen and (max-width: 800px) {
#top_cnt,top_cnt1,top_cnt2,top_cnt3,top_cnt4{
	width:95%;
	margin:0 auto;
}
#news{
	float:none;
	width:100%;
	margin:0 auto 20px;
}
#top_cnt1{
	float: none;
	text-align:center;
}
.calendar{
	margin:10px auto 30px;
	float: none;
}
}

.topmenu{
	width: 100%;
	float: left;
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	margin:40px 0px;
}
.topmenu img{
}
div.cnt_teian{
	width: 100%;
	border-bottom: solid;
	border-width: 5px;
	border-color: #B40034;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
div.cnt_teian img{
	width: 19%;
	height: auto;
}

.s-party{
	width: 100%;
	border-bottom: solid;
	border-width: 5px;
	border-color: #B40034;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.s-party img{
	width: 100%;
}

div.cnt_teian2{
	width: 100%;
	padding-bottom: 3px;
	margin-bottom: 10px;
}
div.cnt_teian2 img{
	width: 100%;
	height: auto;
}

#plan #plan_mobile {
	width: 100%;
	height: auto;
}

div.cnt_teian_half{
	width: 49%;
	padding-bottom: 3px;
	margin-bottom: 10px;
	position: relative;
	float: left;
}
div.cnt_teian_half img{
	width: 100%;
	height: auto;
}

div.cnt_teian_half_r{
	width: 49%;
	padding-bottom: 3px;
	margin-bottom: 10px;
	position: relative;
	float: right;
}
div.cnt_teian_half_r img{
	width: 100%;
	height: auto;
}
div.cnt_teian_half_mobile{
	width: 49%;
	padding-bottom: 3px;
	margin-bottom: 10px;
	position: relative;
	float: left;
}
div.cnt_teian_half_mobile img{
	width: 100%;
	height: auto;
}

div.cnt_teian_half_r_mobile{
	width: 49%;
	padding-bottom: 3px;
	margin-bottom: 10px;
	position: relative;
	float: right;
}
div.cnt_teian_half_r_mobile img{
	width: 100%;
	height: auto;
}

#lunch #lunch_mobile{
	width: 100%;
	height: auto;
}

div.cnt_lunch{
	width: 32%;
	padding-bottom: 3px;
	margin-bottom: 10px;
	position: relative;
	float: left;
}
div.cnt_lunch img{
	width: 100%;
	height: auto;
}

div.cnt_lunch_r{
	width: 32%;
	padding-bottom: 3px;
	margin-bottom: 10px;
	margin-left:2%;   
	position: relative;
	float: left;
}

div.cnt_lunch_r img{
	width: 100%;
	height: auto;
}

#top_cnt2 div.menu{
	padding: 10px 0px;
}
#top_cnt2 div.menu img{
	width: 100%;
	height: 100%;
}

#top_cnt2 div.service{
	padding: 10px 0px;
}
#top_cnt2 div.service img{
	width: 100%;
	height: 100%;
}

#cnt3{
	max-width: 800px;
	height: auto;
	margin: 0 auto;
}
#top_cnt3{
	width: 45%;
	margin: 0 auto;
	position: relative;
	float: left;
}

#top_cnt3 h2{
	background-color:#B40034;
	color: #FFFFFF;
	font-size: 140%;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	padding: 5px 0px 5px 10px;
	margin: 10px 0px 5px 0px;
}

#top_cnt3 p{
	padding: 10px;
	margin-bottom: 20px;
}

#top_cnt3 a.link{
	display: block;
	background-color:#B40034;
	padding: 10px;
	color: #FFFFFF;
	width: 70%;
	text-align: center;
	margin-top: 60px;
	margin-bottom: 30px;
}
.fb-page{
	width: 45%;
	height: 300px;
	margin-top: 10px;
	overflow: hidden;
	position: relative;
	float: right;
}

#top_cnt3 div.service_title{
	background-color:#B40034;
	color: #FFFFFF;
	font-size: 140%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	padding: 1px 0px 1px 10px;
	margin: 10px 0px 5px 0px;
}
#top_cnt3 div.service_title2{
	background-color:#B40034;
	color: #FFFFFF;
	font-size: 140%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	padding: 1px 0px 1px 10px;
	margin: 50px 0px 5px 0px;
}
.red{
	color: #B40034;
	font-weight: bold;
}
.map{
	width: 100%;
	height: auto;
}
.map iframe{
	width: 100%;
}


#top_cnt3 div#parking_service{
	width: 100%;
}

#top_cnt3 div.coffee_service{
	width: 100%;
}
#top_cnt3 div.party_service{
	width: 100%;
}
#top_cnt3 .coffee_left{
	width: 230px;
	height: auto;
	float: left;
}
#top_cnt3 .coffee_right{
	width: 100%;
}
#top_cnt3 .coffee_right img{
	float: right;
}
#top_cnt3 .lunchbox_left{
	width: 185px;
	height: auto;
	float: left;
}
#top_cnt3 .lunchbox_right{
	width: 100%;
}
#top_cnt3 .lunchbox_right img{
	float: right;
}
.small{
	font-size: 80%;
}


#common{
	max-width: 800px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-top: 25px;
}
#common div.info{
	height: auto;
	border-top: solid #B40034;
	border-bottom: solid #B40034;
	padding: 10px 0px;
	margin-bottom: 5px;
}

#common .contact{
	display: block;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	font-size: 120%;
	width: auto;
}

#common div.riserve{
	display: block;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}

#common .yoyaku{
	text-align:center;
	background-color:#B40034;
	width: 170px;
	height: 25px;
	color: #FFFFFF;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 120%;
	margin-left: auto;
	margin-right: auto;
}
#common .tel{
	color: F000000;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
#common .tel a{
	font-size: 200%;
	margin-left: auto;
	margin-right: auto;
}
#common .address{
	text-align: center;
}
#common .address p{
	font-size: 95%;
}
#common .word{
	padding: 5px;
}


#info2{
	max-width: 660px;
	height: 85px;
	background-color:#FFBFC0;
	padding: 10px 70px;
	margin: 10px auto;
	position: relative;
}
#info2 .parking{
	width: 26%;
	border-left: solid 5px #B40034;
	border-right: solid 5px #B40034;
	padding: 12px 5px;
	text-align: center;
	font-weight: bold;
	color: #B40034;
	float: left;
}
#info2 p{
	width: 70%;
	float: right;
}
#info2 a.link{
	display: block;
	margin: 5px 0px 0px 10px;
	background-color:#B40034;
	color: #FFFFFF;
	width: 200px;
	text-align: center;
	float: left;
}

#info2 div.parking_mini{
	display: none;
}

#info2 a.link2{
	display: block;
	margin: 0 auto;
	background-color:#B40034;
	color: #FFFFFF;
	width: 200px;
	text-align: center;
	float: none;
	font-size: 90%;
	display: none;
}

#bannerbox{
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}
#bannerbox #banner {
	width: 100%;
	text-align: center;
}

#bannerbox #banner p img{
	margin-left: 3px;
	margin-right: 3px;
	margin-bottom: 10px;
}

footer{
	width: 100%;
}

footer div.top{
	width: 100%;
	height: 30px;
	background-color: #B40034;
	display: block;
	clear: both;
}

footer #center{
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
footer #center div.foot_logo{
	width: 100%;
	text-align: center;
}

footer #center div.foot_logo a{
	display: block;
	margin: 15px 10px 10px 10px;
	position: relative;
	float: left;
}
footer #center div.foot_logo2 a{
	display: block;
	margin: 15px 10px 10px 10px;
	text-align: center;
}
footer #center div.foot_logo img{
	width: 100%;
	margin: 10px 0px 10px 0px;
	}

footer #center div.foot_info{
	position: relative;
	float: right;
	height: auto;
	text-align: left;
	display: block;
	margin-bottom: 5px;
}
footer #center div.foot_info2{
	height: auto;
	text-align: center;
	display: block;
	margin-bottom: 5px;
}

footer div.under{
	width: 100%;
	height: 30px;
	line-height: 30px;
	background-color: #B40034;
	margin: 20px 0px 0px 0px;
	text-align: center;
	color: #FFFFFF;
	clear: both;
}

footer .up{
	position: fixed;
	right: 20px;
	bottom: 10px;
	z-index: 100;
}
footer .up img{
	-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.62);
	box-shadow: 2px 2px 3px rgba(0,0,0,0.62);
	
}

.close{
	position: relative;
	text-align: center;
	font-size: 25px;
	margin: 30px;
}

.instagallery{
position: relative;
display: inline-block;
padding: 10px;
}

#instafeed{
margin: 0 auto;
text-align: center;
padding: 10px;
}

.insta{
	background-color: #FFFFFF;
	width: 200px;
	color: black;
	padding: 5px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 110%;
	margin: 0 auto;
	text-align: center;
	border-radius: 20px;
	border: solid;
	border-color: #B40034;
}

#gallery_title{
	background-color: #B40034;
	margin-top: 30px;
	margin-bottom: 10px;
	height: 70px;
	padding: 15px 0px;
	-webkit-box-shadow: 0px 7px 11px #AAAAAA;
	box-shadow: 0px 7px 11px #AAAAAA;
}
#gallery_title .gallery_font{
	color: #FFFFFF;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, "serif";
	font-size: 200%;
	text-align: center;
}
#gallery_title .gallery_font2{
	color: #FFFFFF;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, "serif";
	font-size: 140%;
	text-align: center;
}

.closeinfo_title{
	width: 80%;
	text-align: center;
	margin: 20px auto 0 auto;
	font-size: 200%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-weight: bold;
}

.closeinfo{
	width: 70%;
	text-align: center;
	margin: 15px auto 50px auto;
	font-size: 120%;
}

/*-------------定休日バナー--------------*/
#holiday, #holiday-sp{
	width: 100%;
	margin-bottom: 10px;
	border: solid 2px #B40034;
}
#holiday img, #holiday-sp img{
	width: 100%;
}
/*-------------パーティー入口バナー--------------*/
.party_enter {
	position: fixed;
	z-index: 9999;
	width: 200px;
	height: auto;
	transition : 0.4s;
	filter: drop-shadow(3px 3px 5px rgba(0,0,0,0.3));
}
.yure {
    animation-name:yure;   /* アニメーション名の指定 */
    animation-delay:0s;   /* アニメーションの開始時間指定 */
    animation-duration: 3s;   /* アニメーション動作時間の指定 */
    animation-timing-function: ease-in-out;  /* アニメーションの動き指定（徐々に早く）*/
    animation-iteration-count: infinite; 
}
@keyframes yure {
  0% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-20px);
  }
  100% {
    transform: translateY(0);
  }
}

.party_enter img {
	width: 100%;
}
.party_enter:hover {
	opacity: 0.6;
	transition : 0.4s;
}
.party_enter_sp {
	display: none;
}
@media screen and (min-width: 641px) {
	.party_enter {
		top: 110px;
		right: 30px;
	}
	
}
/*-------------あいスタマーク--------------*/
.aista {
	position: absolute;
	z-index: 9999;
	bottom: 30px;
	left: 30px;
	width: 160px;
}
.aista img {
	width: 100%;
}
@media screen and (max-width: 768px) {
	.aista {
		display: none;
	}
}
/*-------------トップ下予約誘導ボタン--------------*/

.yoyaku-lead {
	background: #f6ecde;
	display: block;
	padding: 15px 50px;
	border-radius: 50px;
	text-align: center;
	margin: 0 auto;
}
.yoyaku-lead img{
	height: 15px;
	margin-right: 5px;
	margin-bottom: 6px;
}
.yoyaku-lead p {
	justify-content: center;
	display: flex;
	vertical-align: middle;
	font-size: 0.9rem;
	color: #B40034;
	font-weight: 900;
	font-family: 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, 'sans-serif'
}
.yoyaku-lead p:after {
	content: "";
	margin-left: 10px;
	width: 10px;
	height: 10px;
	border-right: solid 3px #B40034;
	border-bottom: solid 3px #B40034;
	transform: rotate(45deg);
}
@media screen and (max-width: 800px) {
	.yoyaku-lead {
		max-width: 50%;
		padding: 15px 10px;
	}
}
@media screen and (max-width: 640px) {
	.yoyaku-lead {
		max-width: 80%;
		padding: 15px 10px;
	}
}
/* =======================================
    Footer お問合せ
======================================= */
.info-cnt {
	display: flex;
	justify-content:space-between;
	margin:20px 20px 0px 20px;
}
.info-cnt li {
	width: 47%;
	
}
.info-cnt a {
	display: flex;
	height: 40px;
	align-items: center;
	padding: 0 30px;
	justify-content: center;
	background: #B40034;
	border-radius: 30px;
	border: solid 2px #B40034;
	color: #FFFFFF;
	font-size: 1.1rem;
	font-weight: 800;
	font-family: 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, 'sans-serif'
}
.hover-img {
	display: none;
}
.info-cnt a:hover {
	background: #FFFFFF;
	color: #B40034; 
	
}
.info-cnt a:hover .img {
	display: none;
}
.info-cnt a:hover .hover-img {
	display: block;
}
.img, .hover-img {
	height: 45%;
	margin-right: 10px;
}
.info-cnt p {	
	width: 90%;
	margin: 0 auto;
	margin-top: 10px;
}

@media screen and (max-width: 640px) {
	.info-cnt {
		margin: 0;
		display: block;
	}
	.info-cnt li {
		width: 70%;
		margin: 0 auto;
		margin-top: 20px;
	}
	.info-cnt a {
		height: 30px;
		font-size: 1rem;
	}
}
@media screen and (max-width: 420px) {
	.info-cnt li {
		width: 90%;
}