*{-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}

.small{font-size:0.5em;}

.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;
}

.main_wrap{
	max-width: 1200px;margin: 0 auto;
}

#main_day{
	padding:20px 0;text-align:center;color:#f776a3;font-weight: 300;font-family: Mochiy Pop P One, sans-serif;font-size:clamp(18px, 4vw, 50px);line-height:clamp(33px, 4vw, 65px);
}

.contents_wrap{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:120px auto 0 auto;
	background:url("https://025.teny.co.jp/theme/special/sadotabi/img/main_bg.webp") 50% 0 / cover;
	text-align:center;

	aspect-ratio: 5 / 3;

}
.main_title_img {
	width:50%;
	margin:0 auto;
	padding-top:5%;
}

*/

#main_text_wrap{
	width:100%;margin:0 auto;background-color:#e5f9ff;
/*
	background:
		url("https://025.teny.co.jp/theme/special/kome1t/img/tanbo.webp") repeat-x center bottom,
		url("https://025.teny.co.jp/theme/special/kome1t/img/bg01.webp") top center / contain,
		linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(229, 248, 255, 1) 30%),
		#E5F8FF;
*/
	border-top:5px solid #9ec8d3;
	background:
		url("https://025.teny.co.jp/theme/special/kome1t/img/tanbo.webp") repeat-x center bottom,
		url("https://025.teny.co.jp/theme/special/kome1t/img/bg01.webp") top center / contain,
		/*linear-gradient(180deg, rgba(255, 255, 255, 1) 0%, rgba(255, 232, 196, 1) 30%),*/
		#E5F8FF;

}
#main_text{
	padding:5% 0;text-align:center;color:#7a2f01;font-weight: 100;font-family: Mochiy Pop P One, sans-serif;font-size:clamp(18px, 4vw, 30px);line-height:clamp(43px, 4vw, 75px);
	text-shadow: 2px  2px 1px #FFF,
	-2px  2px 1px #FFF,
	2px -2px 1px #FFF,
	-2px -2px 1px #FFF,
	2px  0px 1px #FFF,
	0px  2px 1px #FFF,
	-2px  0px 1px #FFF,
	0px -2px 1px #FFF;
}

#main_title {width:95%;max-width:1200px;margin:100px auto 0 auto;}
.main_title_img {border-radius:24px;}

/*.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: 40px;
	right: 0;
	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;
	border-radius:10px 0 0 10px;
	position: fixed;
	bottom: 10px;
	right: 0;
	transition: color 0.2s;
	z-index:99;
}

#area_menu{
	display:block;
	background-color:#2d80bf;
	color:#FFF;
	width:30px;
	padding:10px ;
	border-radius:10px 0 0 10px;
	position: fixed;
	bottom: 50px;
	right: 0;
	transition: color 0.2s;
	z-index:99;cursor: pointer;
}

#area_menu_open{
	display:grid;
	place-content: center;
	background-color:#2d80bf;
	color:#FFF;
	width:150px;
	height:200px;
	right: -150px;

	padding:10px ;
	border-radius:10px 0 0 10px;
	position: fixed;
	bottom: 50px;

	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;
}
/*------------------
動画
--------------------*/

.movie{
	width:95%;padding:20px;max-width:1000px;margin:0px 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;}
*/

#pickup{
	width:100%;max-width:830px;padding:50px 0;margin:0 auto;
}
/*------------------
各エリア紹介
--------------------*/
/*
#two {position:relative;z-index:9;}
*/
.n_area{
	padding:20px;
	margin:0 auto 0 auto;width:95%;max-width:1000px;
}

/*
	.pink {}
	.white { background-color:rgba(255,255,255,1);color:#1589bf;}
*/
.inner{
	width:100%;box-sizing:margin:40px auto;
	background-color:#FFF;padding:30px 20px 20px 20px;box-sizing:border-box;border-radius:20px;

}

h2 {
	font-size:50px;
	font-size:clamp(18px, 4vw, 50px);line-height:clamp(33px, 4vw, 65px);

	font-weigth:bold;border:none;color:#417895;
	text-align:center;
	font-family: "ta-kakugo-gf-01", sans-serif;
	font-weight: 400;
	font-style: normal;
	margin:30px 0 20px 0;
}


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

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

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

.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{
	margin-top: 10px;margin-bottom:5px;
	font-weight: bold;
	font-size: 1.43em;
	line-height: 1.2em;
}


.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%);
}




.kuwashiku {
	display: block;
	width:100%;
	max-width:500px;
	text-align:center;color:#e81b04;padding:0.7em 0;
	border:2px solid #f7925b;
	border-radius:9999px;margin:auto auto 0 auto;background-color:#FFF;

	transition: color 0.2s ease-out;
	font-weight:bold;
}

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



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



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

/*------------------
プレゼント
--------------------*/
#pre_flex{
	display:flex;flex-wrap: wrap;justify-content: center;
	gap:20px;color:#8a5a37;font-weight:bold;font-size:1.2em;
	text-align:center;max-width:900px;margin:20px auto;
}

#pre_flex > div > img{
	padding-bottom:1em;
}

#pre_flex > div{
	flex: 0 0 calc(30% - 10px);
}

/*------------------
キャンペーン
--------------------*/
#camp{
	display:block;border:1px solid #000;border-radius:9999px;background-color:#FFF;
	margin:2em auto 1em auto;width:fit-content;color:#000;
	font-size:1.2em;font-weight:bold;padding:20px;
}

#camp:hover{
	background-color:#fff8e5;
}

.camp_grid{
	width:100%;max-width:550px;margin:0 auto 1em auto;border:solid #000 1px;padding:20px;
	background-color:#FFF;line-height:1.8em;
	display:grid;grid-template-columns:auto 40px 70px;gap:20px;align-items: center;
	color:#000;
}

a.camp_grid:hover{
	background-color:#fff8e5;
}

.camp_link{
	display:grid;grid-template-columns:40px 1fr;align-items: center;

	width:100%;max-width:500px;gap:10px;
	border:1px solid #000;background-color:#FFF;border-radius:9999px;
	margin:30px auto;width:fit-content;color:#000;
	padding:20px 30px;border:1px solid #000;font-size:1.2em;
}

.camp_link:hover{
	background-color:#fff8e5;
}

/*
.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;
}
*/

/*------------------
JA
--------------------*/

#ja_pc{}

#ja_sp{
	display:none;

	width:100%;max-width:700px;margin:0 auto;

	border-top:60px solid #ead769;
	border-bottom:100px solid #ead769;
	border-left:50px solid #ead769;
	border-right:50px solid #ead769;

	border-image: url("https://025.teny.co.jp/theme/special/kome1t/img/ja_bg.webp") 100 100 100 fill / 100px / 0px ;

	line-height:1.8em;
	font-size:clamp(13px, 3vw, 15px);line-height:clamp(23px, 4vw, 33px);
	font-family: "Noto Serif JP", serif;
}



/*------------------
レシピ
--------------------*/

.recipe_grid{
	display:grid;grid-template-columns:1fr 1fr;gap:10px;
}
#recipe_bg{
	border-top:5px solid #f7925b;
	/*background:
		url(https://025.teny.co.jp/theme/special/kome1t/img/tanbo.webp) repeat-x center bottom ,
		url(https://025.teny.co.jp/theme/special/kome1t/img/bg01.webp) top center / contain,
		linear-gradient(180deg,rgba(255, 180, 156, 1) 0%, rgba(255, 238, 191, 1) 46%, rgba(255, 255, 255, 1) 100%),
		#ffeebf;*/

	background:
		url(https://025.teny.co.jp/theme/special/kome1t/img/tanbo.webp) repeat-x center bottom ,
		url(https://025.teny.co.jp/theme/special/kome1t/img/bg01.webp) top center / contain,
		#ffeebf;


}

#recipe_oishiku{
	width:50%;max-width:450px;margin:1em auto;
}

.recipe_inner{
	border:4px solid #E95503;margin-top:90px;
}
#recipe_logo{
	margin: -100px 0 0;
}
/*------------------
夜桜エリア
--------------------*/
/*.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){
/*
	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%
	}
*/
	.wrapper{
		margin:0 auto;
	}



	#main_title {width:95%;padding:0;border-radius:0;margin:1em auto 0 auto;}

	/*
	#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%;}
	*/

#pickup{
	width:95%;margin:0 auto;
	padding:30px 0 0 0;
}

	/*------------------
	エリアスクロールボタン
	--------------------*/
	/*#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;
}




h2 {
	font-size:40px;
	font-size:clamp(2em, 4vw, 4em);
}

/*
.contents_wrap h2 {
	font-size:40px;
	font-size:clamp(2em, 4vw, 4em);
	padding:1em 0;
}
*/
.features {
	grid-template-columns:1fr;padding:0;width:90%;margin:2em auto;
}


/*------------------
各エリア紹介
--------------------*/


	/*------------------
	お知らせ、夜桜バナー
	--------------------*/
	.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;
	}
}

@media (max-width: 640px){
	.recipe_inner{
		margin-top:70px;
	}
	#recipe_logo{
		margin: -80px 0 0;
	}




	#ja_pc{display:none;}

	#ja_sp{
		display:block;
	}

}

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


.camp_grid{
	grid-template-columns:1fr;
	grid-template-rows:auto auto auto;
	grid-auto-flow: row;
	gap:5px;
}


.r_arrow{
	width:30px;margin:0 auto;transform: rotate( 90deg );
}

.insta_icon{
	width:70px;margin:0 auto;
}


/*
.recipe_inner{
	border:4px solid #E95503;margin-top:40px;
}
#recipe_logo{
	margin: -50px 0 0;
}
*/
.recipe_inner{
	border:4px solid #E95503;margin-top:15%;
}
#recipe_logo{
	margin: -25% 0 0;
}


}