*{-webkit-text-size-adjust:100%}
html{margin:0;padding:0;font-size:62.5%;}
body{
	font-family: BIZ UDPGothic,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","メイリオ",Meiryo,Helvetica,Arial,sans-serif;
	font-size:1.4rem;line-height:1.0em;letter-spacing:0em;color: #444;background:#fff;margin:0;padding:0;position:relative;word-wrap:break-word;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-smoothing:antialiased;
	overflow-x:hidden;
}
h1,h2,h3,h4,h5,h6,p,a,ul,li,ol,dl,dt,dd,table,tr,th,td,span,strong{line-height:1.0em;margin:0;padding:0;}
li{list-style-type:none;/* list-style-position:outside; */}
table{border-collapse:collapse}
img{vertical-align:bottom;height:auto;width: 100%;}
a{text-decoration:none;-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;-ms-transition:.4s;transition:.4s}
a:hover{text-decoration:none}
a img{border:none;-webkit-transition:.4s;-moz-transition:.4s;-o-transition:.4s;-ms-transition:.4s;transition:.4s}
a:hover img{opacity:1.0;_filter:alpha(opacity=100)}
:focus{outline:none !important}

.forPc{display:none}
.forSp{display:block}


/*------------------
全体要素
--------------------*/
.wrapper{
	width:100%;box-sizing:border-box;overflow:hidden;
	font-family: BIZ UDPGothic,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","メイリオ",Meiryo,Helvetica,Arial,sans-serif;

	background-color:#B80000;
	padding:0 20px;

}

.main_wrap{
	max-width: 1200px;margin: 0 auto;color:#FFF;
	width: fit-content;
	padding:1em;box-sizing:border-box;
	font-size:1.2em;line-height:1.8em;
	margin:1em auto;

	font-size:clamp(15px, 2vw, 25px);
}

.contents_wrap{padding:0 20px;/*background:url("https://025.teny.co.jp/theme/special/special_ramen2025/img/bg_suisai.webp") 100% 100% / 50% auto;background-attachment: fixed;*/}
/*
.contents_wrap{
	background-color:#fafafa;
}
*/
input,textarea,select,button{font-family:'Noto Sans JP', sans-serif;font-size:1.4rem;letter-spacing:0em;outline:none;margin:0;padding:0;border:none;box-sizing:border-box}
input[type=text],input[type=email],input[type=tel],input[type=password]{line-height:1.6em;background:#fff;padding:10px 15px;border-radius:0;width:100%}
.item_input{border-radius:0;border:1px solid #000;position:relative;box-sizing:border-box}

.forPc{display:block}
.forSp{display:none}
span.txbr{display: inline-block;}

input,textarea,select,button{font-size:1.4rem}
input[type=text],input[type=email],input[type=tel],input[type=password]{padding:10px 15px;}

#main_title {
	width:100%;margin:0 auto 0 auto;padding:0 0;
	/*
	background:url("https://025.teny.co.jp/theme/special/special_ramen2025/img/main_bg.webp") 50% 0 / cover;
	text-align:center;
	aspect-ratio: 5 / 3;*//*sp 5/5*/

}
#main_title_img {
	width:100%;
	margin:0 auto;max-width:1200px;border-radius:20px;
}

#main_text{

}
/*.instagram-media{
    min-width: 100% !important;
    margin: 0 -1px !important;
    border-right: none !important;
    border-left: none !important;
}
.main_title {height:500px; width:95%; margin:0 auto; padding:50px 0;border-radius:24px;margin-top:80px;background:url(https://025.teny.co.jp/theme/special/sakura/bg.jpg) #ccc;background-size:cover;background-position:bottom;text-align:center;}
.main_title_txt {width:50%;margin:10px auto;padding:20px;border:3px solid #ff7ac7;border-radius:24px;background:rgba(255,255,255,0.8);font-size:1.2em;line-height:1.4em;position:relative;z-index:9;}
*/

#sns_menu{
	display:block;
	width:30px;
	border-radius:10px 0 0 10px;
	position: fixed;
	bottom: 145px;
	right: 5px;
	transition: color 0.2s;
	z-index:99;
}

/*
#sns_menu img{
	border-radius:10px 0 0 10px;
}
*/

#pop_up_menu img{
	display:block;
	/*background-color:rgba(255,255,255,0.8);*/
	width:30px;
	/*background-color:#dbc206;*/
	/*border-radius:10px 0 0 10px;*/
	position: fixed;
	bottom: 10px;
	right: 5px;
	transition: color 0.2s;
	z-index:99;
}

#area_menu{
	display:block;
	color:#000;
	width:30px;
	/*padding:10px ;*/
	/*border-radius:10px 0 0 10px;*/
	position: fixed;
	bottom: 48px;
	right: 5px;
	transition: color 0.2s;
	z-index:99;cursor: pointer;writing-mode: vertical-rl;
}

#area_menu_open{
	display:grid;
	place-content: center;
	background-color:#B80000;
	color:#FFF;
	width:150px;
	height:180px;
	right: -150px;

	padding:10px ;
	/*border-radius:10px 0 0 10px;*/
	position: fixed;
	bottom: 45px;

	border-top:5px solid #ead769;
	border-bottom:5px solid #ead769;
	border-left:5px solid #ead769;

	border-image: url("../img/flame.webp") 20 fill / 20px / 0px;


	transition: color 0.2s;
	z-index:100;/*cursor: pointer;*/
}

#area_menu_open a,#area_menu_open div{
	color:#FFF;
	line-height:2em;
	font-size:18px;
	text-align:left;
}
#area_menu_open div{
	text-align:right;font-size:1em;
}
#area_menu_open>div span{
	display:inline-block;
	transform: rotate(270deg);font-size:0.8em;
}

.area_menu_open_button{width:100%;cursor: pointer;}







/*------------------
動画
--------------------*/

.movie{
	width:90%;max-width:1000px;margin:50px auto 1em auto;
	cursor: pointer;transition: 0.2s;position: relative;
}
.movie:hover{
	opacity:0.5;
}
.movie_icon{
	width:20%;max-width:80px;
	position: absolute;
	top:50%;left: 50%;
	transform: translate(-50%,-50%);
}


.movie_shorts_wrap{
	display:flex;gap:10px;width:90%;margin:1em auto;
}

.movie_shorts {
	width: 100%;
	aspect-ratio: 9 / 16;
	overflow: hidden;
	position: relative;
}

.movie_shorts img.sm {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}




.instagram-media{
	background:#FFF;
	border:0;
	border-radius:3px;
	box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15);
	margin: 1px; max-width:540px; min-width:326px;
	padding:0; width:99.375%;
	width:-webkit-calc(100% - 2px);
	width:calc(100% - 2px);

	min-width: 100% !important;
	margin: 0 -1px !important;
	border-right: solid #000 0 !important;
	border-left:  solid #000 0 !important;
	box-sizing:border-box;
}

/*
.yt_movie {
	position: relative;
	padding-top: calc(9 / 15.7 * 90%);
}

.yt_movie iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
*/

/*------------------
エリアスクロールボタン
--------------------*/
#sado_link{
	display:grid;grid-template-columns:1fr 1fr;
	place-content: center;
	place-items: center;
	width:90%;max-width:1000px;margin:0 auto;
}


.sado_map{
	background-color:#FFF;border-radius:50%;padding:2%;margin:0 auto;
}

.niigata_area {
	display: grid;
	gap: 10px;
	grid-template-columns: 1fr 1fr;
	place-content: center;
	place-items: center;
	width:100%;
}

#area_txt{
	grid-column-start: 1;
	grid-column-end: 3;
	font-size:clamp(18px, 4vw, 25px);
	padding-bottom:1em;font-weight: bold;color:#32afff;
}

#another_link{
	width:90%;max-width:1000px;margin:0 auto;padding-bottom:80px;
}


#area_model{
	grid-column-start: 1;
	grid-column-end: 3;
}

/*------------------
エリアス横メニュー
--------------------*/
#slideR {
  z-index: 99;
  cursor: pointer;
  position: fixed;
  top: 40%;
  right: -140px;
  background: #0DCEA8;
  width: 180px;
  color: #fff;
  font-size: 16px;
}

/* 019 */
.niigata_area a {
    border-radius: 5px;
    position: relative;
    justify-content: space-around;
    align-items: center;
    margin: 0 auto;

	display: inline;
	padding: 1em;
	text-align: center;
	width:100%;
	color:#FFF;text-align:center;
	background-color:#1EA6E9;
	font-weight: bold;
	font-size:2em;
	font-size:clamp(18px, 2vw, 25px);
	transition: color 1s;
}
.niigata_area a:after {
  content: "";
  position: absolute;
  top: 50%;
  bottom: 0;
  right: 2rem;
  font-size: 90%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: right 0.3s;
  width: 6px;
  height: 6px;
  border-top: solid 2px currentColor;
  border-right: solid 2px currentColor;
  transform: translateY(-50%) rotate(135deg);
}
.niigata_area a:hover {
  background: #6bb6ff;
  color: #FFF;
}
.niigata_area a:hover:after {
  bottom: 1.4rem;
}



/*------------------
お知らせ、夜桜バナー
--------------------*/
#one { position:relative; z-index:9;width: 95%;margin:20px auto 0 auto; }
/*
.info{
	display:grid;gap:10px;grid-template-columns:auto 1fr;width:100%;max-width:600px;margin:2em auto 1em auto;
	background: rgba(255,255,255,0.8);
}

#info_ttl h2 {
	color:#19386A;
	font-size:29px;
	position: relative;
	display: inline-block;
}

#info_ttl h2:before {
	position: absolute;
	content: attr(data-sub);
	top: 2em;
	left: 50%;
	transform: translateX(-50%);
	color:#aaa;
	font-size:13px;
}

.info_inner{border-top: 2px solid #CCCCCC;}
.info_new p{background-color: #cf4332;color: #fff;padding: 5px 4px;font-size: 14px;margin-bottom: 2px;display:inline-block;}
.info_text{border-bottom: 2px solid #CCCCCC;color: #19386A;padding:10px;line-height:1.6em;font-size:15px;}

*/
.pickup {width:95%;max-width:900px;margin: 50px auto 0;}
.pickup_banner {border-radius:18px;}

#present{
	margin:20px auto 0 auto;box-sizing:border-box;width:100%;max-width:1000px;border-radius:20px;text-align:center;
	font-size:clamp(18px, 4vw, 25px);
}
#main_menu{display:grid;grid-template-columns:1fr 1fr 1fr;gap:15px;width:100%;max-width:1200px;margin:0 auto;font-size:clamp(15px, 3vw, 20px);}
#main_menu a{
color:#000;background-color:#FFF;border-radius:20px;padding:15% 5%;text-align:center;font-weight:bold;

display:grid;
place-content: center;
place-items: center;
}

.pr_big_txt{
	text-align:center;font-size:1.2em;font-size:clamp(15px, 3vw, 3em);line-height:clamp(20px, 4vw, 1.8em);font-weight:bold;color:#000;padding-top:20px;
}
.pr_big_txt span{font-weight:bold;}
/*------------------
各エリア紹介
--------------------*/

#two {position:relative;z-index:9;}

.n_area{padding:40px 0 0px 0px; /*border-radius:24px;*/ margin:0 auto 0 auto;width:95%;max-width:1200px;}
/*.pink {}
.white { background-color:rgba(255,255,255,1);color:#1589bf;}
*/
.inner{
	width:100%;box-sizing:border-box; color:#FFF;padding:0;margin:20px auto 0 auto;
	/*border-image: url("https://025.teny.co.jp/theme/special/special_ramen2025/img/flame.webp") 200 fill / 200px / 30px;*/
}

.contents_wrap h2 {
	font-size:50px;font-weigth:bold;border:none;color:#FFF;text-align:center;
	font-family: "ta-kakugo-gf-01", sans-serif;
	font-weight: 400;
	font-style: normal;
	max-width:800px;margin:20px auto 20px auto;
}

.features {
	display: grid;
	grid-template-columns:1fr 1fr 1fr;
	margin:0 auto;
	gap:2em 1.4em;
	width:100%;
	padding:0 0;
}

.features article {
	display: flex;
	flex-direction: column;
}

.features article a.photo{
	width:100%;
	aspect-ratio: 10 / 6.7;padding-bottom:5px;
}

.features article a.long_img{
	width:100%;
	aspect-ratio: 10 / 10;
}


.features article img{
	border-radius: 5px;object-fit: cover; width: 100%; height: 100%;
}
p.spot{
	font-weight: bold;
	font-size: 1.43em;
	line-height: 1.5em;
}





.and_more a{
	background: #eee;
	border-radius: 3px;
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto 50px auto;
	max-width: 500px;
	color: #313131;
	transition: 0.3s ease-in-out;
	font-weight: bold;
	box-shadow: 3px 3px 0 #00AEFF;
	border-radius: 9999px;
	font-size:1.5em;padding:20px;box-sizing:border-box;
	width:90%;
}
.and_more a:hover {
	background-color: #cee5ef;
	box-shadow: 0 0 0;
	transform: translate(3px, 3px);
}
.and_more a:after {
	position: absolute;
	top: 50%;
	right: 20px;
	transition: 0.2s ease-in-out;
	content: "→";
	transform: translateY(-50%);
}


.pr_kuwashiku{
	width:100%;display:block;
	background-color:#f24e4e;color:#FFF;
	border-radius:20px;padding:20px;
	box-sizing:border-box;margin: 0 auto;
	text-align:center;font-weight:bold;font-size:1.2em;
}

.kuwashiku {
	/*
	display: block;
	width:100%;
	max-width:500px;
	text-align:center;color:#0d9bbf;padding:0.7em 0;
	border:2px solid #00aeff;
	border-radius:9999px;margin:auto auto 0 auto;background-color:#FFF;
	font-weight:bold;
	*/
	transition: color 0.2s ease-out;cursor: pointer;
	display:block;background-color:#FFF;text-align:center;font-size:1.2em;border:1px solid #000;width:100%;max-width:500px;border-radius:9999px;
	padding:20px 20px;box-sizing:border-box;margin:0 auto;color:#000;
}

.kuwashiku:hover {
	background-color:#fffcdb;
}

/*------------------
PR
--------------------*/
.pr_wrap{
	border:1px solid #000;background-color:#FFF;border-1px solid #000;padding:20px;box-sizing:border-box;
}

.pr{
	display:inline-block;border:1px solid #A00;padding:5px 10px;color:#A00;box-sizing:border-box;
}

.pr_grid{
	padding-top:20px;display:grid;grid-template-columns:1fr 1fr;line-height:1.8em;gap:14px;text-align:center;
}

.pre_big{
	font-size: 1.2em;font-size:clamp(15px, 2vw, 25px);font-weight:bold;padding:15px 0;
}

.pre_big span{font-weight:bold;}
.pr_wrap > div time{
	display:block;padding-bottom:15px;
}


.niigata {width:50%;margin:30px auto;position:relative;z-index:9;}

p.area{
	margin-top: 10px;margin-bottom:5px;
	color: #FFF;
	font-weight: bold;
	font-size: 1.2em;
}

p.item {
	font-weight: bold;
	color:#FFF;
	font-size: 1.1em;
	line-height: 1.6em;
	padding-bottom:1em;
}
/*
.pink p.item{color: #142d77;}
.white p.item{color: #fff074;}
*/

/*
.area_left{
	font-size:2em;font-weight:bold;
	background: url("https://025.teny.co.jp/theme/special/natsuyasumi/img/hana.svg") no-repeat 0 0 / 50px auto;
	padding-left:45px;
	min-height:48px;

	display: flex;
	flex-flow: column;
	justify-content: center;
	gap:8px 0;
	margin-bottom:1em;margin-top:0.5em;
}
*/


/*------------------
夜桜エリア
--------------------*/
/*.dark_pink{background-color:#813d78;}
.dark_pink p.spot {color:#FFF;}
.dark_pink p.item {color:#FFF;}*/


/*------------------
footer改変
--------------------*/
.l_footer{
	margin-top:0 !important;
}

@media (max-width: 768px){

	.wrapper{
		margin:0 auto;padding:0;
	}



	#main_title {width:100%; margin:0;padding:0;border-radius:0;}
	#main_title_img{border-radius:0;}
	/*
	#main_title {height:400px; width:100%; padding:30px 0;border-radius:0px;margin-top:0px;background:url(https://025.teny.co.jp/theme/special/sakura/bg.jpg) #ccc;background-size:cover;background-position:bottom;text-align:center;}
	.main_title_txt {width:90%;}
	*/


	/*------------------
	エリアスクロールボタン
	--------------------*/
	/*#area_map{display:grid;grid-template-columns:1fr;}*/

	#sado_link{
		grid-template-columns:1fr;
		width:90%;
	}


	.sado_map{
		max-width:500px;margin:0 auto;
	}

	.niigata_area {
		width:90%;margin:0 auto;
	}

	.niigata_area a{
		display: inline;
		padding: 1em;
		text-align: center;
		width:100%;
		color:#FFF;text-align:center;
		background-color:#1EA6E9;
		font-weight: bold;
		font-size:2em;
		font-size:clamp(13px, 2vw, 25px);
		transition: color 0.2s;
	}

	.niigata_area a:hover{
		color: #fffa7f;
	}



	.contents_wrap h2 {
		font-size:40px;
	}

	.features {
		grid-template-columns:1fr;padding:0;width:100%;margin:0em auto;
	}


	/*------------------
	各エリア紹介
	--------------------*/
	/*
	.inner{
		border-image: url("https://025.teny.co.jp/theme/special/special_ramen2025/img/flame.webp") 200 fill / 150px / 30px;
	}
	*/

	/*------------------
	お知らせ、夜桜バナー
	--------------------*/
	.info {display: block;width: 100%;}
	#info_ttl {text-align:center;}
	.info_inner{margin-top:2em;}
	.info_text{padding:10px 0;}


	.niigata {width:100%;}

	.features {
		grid-template-columns:1fr 1fr;
	}



	/*------------------
	PR
	--------------------*/
	.pr_grid{
		grid-template-columns:1fr;
	}


	.pre_big{
		font-size: 1.2em;line-heght:1.8em;font-size:clamp(15px, 4vw, 35px);font-weight:bold;padding:15px 0;
	}





#sns_menu{
	width:25px;
	bottom: 121px;
}


#pop_up_menu img{
	width:25px;
}

#area_menu{
	width:25px;
	bottom: 40px;

}

}


@media (max-width: 450px){
	.features {
		grid-template-columns:1fr;padding:0;width:90%;margin:0 auto;
	}


	/*------------------
	各エリア紹介
	--------------------*/
	/*.inner{
		border-image: url("https://025.teny.co.jp/theme/special/special_ramen2025/img/flame.webp") 200 fill / 100px / 30px;
	}*/




}