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

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

.contents_wrap{background:url("https://025.teny.co.jp/theme/special/sadotabi/img/bg_suisai.webp") 100% 100% / 50% auto;background-attachment: fixed;}
.contents_wrap_bg{background:url("https://025.teny.co.jp/theme/special/sadotabi/img/bg01.webp") 100% 100% / 50% auto;}
.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;/*sp 5/5*/

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

#main_text{
	width: fit-content;
	padding:1em;box-sizing:border-box;
	font-size:1.2em;line-height:1.8em;
	margin:1em auto;
}
/*.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: 110px;
	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:90%;max-width:1200px;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;}

/*------------------
各エリア紹介
--------------------*/
#two {position:relative;z-index:9;}

.n_area{padding:20px 20px 100px 20px; /*border-radius:24px;*/ 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:border-box; color:#1589bf;padding:50px 0;margin:50px auto 0 auto;
	border-image: url("https://025.teny.co.jp/theme/special/sadotabi/img/flame.webp") 200 fill / 200px / 30px;
}

.contents_wrap h2 {
	font-size:50px;font-weigth:bold;border:none;color:#02a9fc;text-align:center;
	font-family: "ta-kakugo-gf-01", sans-serif;
	font-weight: 400;
	font-style: normal;
}
.contents_wrap h2::first-letter { color:#ffb501;}


.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:#0d9bbf;padding:0.7em 0;
	border:2px solid #00aeff;
	border-radius:9999px;margin:auto auto 0 auto;background-color:#FFF;

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

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



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

/*
.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){
/*
	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:100%; margin:0;padding:0;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:90%;margin:2em auto;
	}


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

.inner{
	border-image: url("https://025.teny.co.jp/theme/special/sadotabi/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;
	}
}


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


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

.inner{
	border-image: url("https://025.teny.co.jp/theme/special/sadotabi/img/flame.webp") 200 fill / 100px / 30px;
}



}