@charset "utf-8";

#suiginfes img{
	max-width: 100%;
	height: auto;
}
#suiginfes .clrTxt {
	text-indent:-10000px;
	text-decoration:none;
	overflow:hidden;
    position:absolute;
}
#suiginfes .sp_none{
	display: none;
}

#suiginfes {
	background: #2eb3b8;
	color: #252525;
	line-height: 1.7;
	position: relative;
	width: 100%;
	font-family: "Noto Sans JP", sans-serif;
}

#suiginfes .inner{
	width: 100%;
	padding-top: 3%;
	margin: 0 auto;
	/* background: #ffffff; */
}

#suiginfes a.btn{
	display: block;
	width: 100%;
	text-align: center;
	margin: 0 auto;
	padding: 5px 0;
	border-radius: 40px;
	background: #2eb3b8;
	color: #FFFFFF;
	font-size: 1.7rem;
	font-weight: bold;
}
#suiginfes a.btn i{
	margin-left: 5px;
}
#suiginfes a.btn:hover{
	opacity: .6;
	transition: .3s;
}

/*メインビジュアル*/
#suiginfes #header{
	background:#ffffff;
}
#suiginfes .main_image{
	width: 100%;
	display:block;
	margin:0 auto;
	/* padding: 5% 3%; */
	background: #ffffff;
}

/*概要*/
#suiginfes #overview {
	font-family: "Noto Serif JP", serif;
	font-weight: 900;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	padding: 1% 0;
	background:#ffffff;
}
#suiginfes #overview p{
	font-size: 4.5vw;
	background: #ffffffdb;
	/* padding:2%; */
	margin: 1% 4% 5%;
}
#suiginfes #overview .big{
	font-size: 6.5vw;
	color: #2eb3b8;
}
#suiginfes #shop ul.shop_list li:nth-child(even){
	/* background: #e7eaea; */
}
#suiginfes #overview .ph_list img{
	object-fit: cover;
	object-position: center center;
	width: 100%;
	height: 100%;
}
#suiginfes #ambassador{
	font-size: 1.9rem;
	font-weight: 900;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	padding: 1% 5% 8%;
	line-height: 1.9;
	background:#ffffff;
	text-align:center;
}
#suiginfes .ambassador_wrap{
	width: 100%;
	background: #8deadf;
	border-radius:15px;
	padding: 0 0 4%;
	margin: 5% auto;
	color:#000000;
	box-shadow: 8px 8px 0px 0px rgb(196 255 253);
}
#suiginfes .ambassador_image{
	width: 100%;
	padding: 5% 5% 0;
}
#suiginfes .ambassador_name{
	font-size: 7vw;
	padding-bottom: 2%;
}
#suiginfes .ambassador_name>span{
	font-size: 4vw;
}
#suiginfes .ambassador_schedule{
	display: block;
	width: 90%;
	margin: 0 auto;
	font-size: 2.1rem;
	color: #ffffff;
	background: #ff0000;
	border-radius: 200px;
}
#suiginfes .ambassador_schedule>span{
	font-size:1.8rem;
}
/*メニュー*/
#suiginfes #shop{
	background: #ffffff;
	position: relative;
}
#suiginfes #shop .shop_catch{
	font-size:7vw;
	font-weight: 900;
	text-align:center;
	padding: 5% 2%;
	color: #dd0303;
	background: #fff8c8;
}
#suiginfes #shop .shop_listtitle{
	font-size:5vw;
	font-weight: bold;
	text-align:center;
	padding: 5% 2% 1%;
	color: #2eb3b8;
}

#suiginfes #shop h2.shop_ttl{
	margin: 0 auto 0;
	padding: 6% 0 0;
	width: 90%;
}

#suiginfes #shop ul.shop_list li{
	/* display: flex; */
	padding: 7% 4% 7%;
	justify-content: space-around;
	align-items: center;
	border-top: 2px dotted #2eb3b8;
}
#suiginfes #shop ul.shop_list li .ph img{
	object-fit: contain;
	width: 100%;
	height: 100%;
	max-height: 85vw;
	vertical-align: bottom;
}

#suiginfes #shop ul.shop_list li .ph {
    /* width: 42%; */
    border-radius: 10px;
    overflow: hidden;
    background: #c8e2e1;
    margin-bottom: 1.4em;
}
#suiginfes #shop ul.shop_list li .shop_info{
	width: 100%;
	font-weight: bold;
	line-height: 3.0rem;
}
#suiginfes #shop ul.shop_list li .shop_info .mean_name{
	font-size: 6.5vw;
	margin-bottom: 2%;
	color: #2eb3b8;
}

#suiginfes #shop ul.shop_list li .shop_info .mean_name span {
    display: inline-block;
    font-size: 50%;
    font-weight: normal;
    line-height: 1.4;
    margin-top: 2%;
}
#suiginfes #shop ul.shop_list li .shop_info .shop_name{
	line-height: 3rem;
	font-size: 5.5vw;
	margin-bottom: 1%;
}
#suiginfes #shop ul.shop_list li .shop_info .shop_name span{
	display: block;
	/* color: #00a390; */
	font-size: 4.5vw;
}
#suiginfes #shop .catchcopy {
	background:#00a3904d;
	color:#000000;
	font-weight:bold;
	padding: 2%;
	margin:8px 0;
	border-radius: 5px;
}

#suiginfes #shop ul.shop_list li .shop_info .shop_address{
	font-size: 1.6rem;
	margin-bottom: 3%;
	line-height: 1.4;
	font-weight: normal;
}

/*すすきの通信*/
#suiginfes #susukino_tv{
	text-align: center;
	padding: 2% 5% 6%;
}
#suiginfes #susukino_tv p{
	line-height: 2.8rem;
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 5%;
}

#suiginfes #susukino_tv .other {
    max-width: 375px;
    margin: 0 auto;
    align-content: space-between;
    margin-bottom: 1em;
}

#suiginfes #susukino_tv .other li {
    line-height: 1.4;
    text-align: left;
    font-size: 1.6rem;
    margin-bottom: 0.8em;
}

#suiginfes #susukino_tv .other li:first-of-type {
    width: 100%;
    text-align: center;
    margin-bottom: 1.3em;
}

#suiginfes #susukino_tv .other li span {
    font-size: 70%;
}
#suiginfes #susukino_tv p span{
	font-size: 1.7rem;
	font-weight: bold;
	color: #2eb3b8;
}
#suiginfes #susukino_tv a.btn{
	padding: 10px 0;
	font-size: 2rem;
}

/*当たるキャンペーン*/
#suiginfes #cp{
	position: relative;
	border: solid #FFFFFF 2px;
	margin: 3% 0;
	padding: 3% 3%;
	display: flex;
	justify-content: center;
	flex-direction: column;
}
#suiginfes #cp a.btn{
	margin-top: 4%;
	display: block;
	background: #FFED36;
	color: #252525;
	/* width: 45%; */
	height: 2.7em;
	padding: 10px 0;
	font-size: 2rem;
}
/*#suiginfes #cp a.btn:first-of-type{
    line-height: 85%;
}*/
#suiginfes #cp a.btn span{
    font-weight: normal;
    font-size: 0.6em;
}
#suiginfes #eventinfo{
	background:#f5f5f5;
	padding: 5% 0;
	margin-bottom: 3%;
}
#suiginfes .info_title{
	text-align:center;
	font-size:5.5vw;
	font-weight:bold;
	color:#2eb3b8;
}
#suiginfes .infotable_wrap{
	margin:0 auto;
	font-size:4.5vw;
}
#suiginfes .table_title{
	display:block;
	border:4px solid #f5f5f5;
	background:#2eb3b8;
	color:#ffffff;
	width: 100%;
	vertical-align:middle;
}
#suiginfes .table_text{
	display:block;
	padding: 2%;
	width: 100%;
	border:4px solid #f5f5f5;
	background:#ffffff;
}
#suiginfes .table_text_annotation{
	padding: 2%;
	width: 100%;
	text-align: start;
	text-indent: -1em;
	border:4px solid #f5f5f5;
	background:#ffffff;
}
#suiginfes .table_text_annotation p{
	text-align: start;
	text-indent: -1em;
	padding-left: 1em;
}
/*シンボル*/

#suiginfes .gyozalogo{
    width: 50%;
}
#footer {
	margin:0 !important;
}