@charset "UTF-8";

body {
	font-size:100%;
	font-family: 'Noto Sans JP', -apple-system, "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	font-weight:400;
		-webkit-text-size-adjust: 100%;
		-webkit-appearance: none;	/*button*/
	color:#111;
	margin:0;
}

div { box-sizing:border-box; }
img { display:block; max-width: 100%; height: auto; margin:0 auto; }
img.inline { display:inline; }
.nsbr { white-space:nowrap; }
.urlstr { word-break:break-all !important; word-wrap:break-word; overflow-wrap:break-word; }
.clearfix:after { content:""; display:block; height:0; clear:both; visibility:hidden; }
.mode_pc { display:block; }
.mode_sp { display:none; visibility:hidden; }
.serif { font-family: 'Noto Serif JP', serif; }
p { margin-top:0; margin-bottom:1em; }
p, ul, dl { line-height:1.8; }

.fserif { font-family: 'Noto Serif JP', "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif; font-weight:500; }

hr {
	border: 0; height: 0;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(255, 255, 255, 0.3);
	clear:both;
}

a.after_arrow:after {
	font-family: 'FontAwesome';
/*	content:' \f105';		/* > */
	content:'\20\f0da';		/* ▲ */
	font-size:1.2em;
}
a.before_arrow:before {
	font-family: 'FontAwesome';
/*	content:' \f105';		/* > */
	content:'\f0da\20';		/* ▲ */
	font-size:1.2em;
}
.pg_next:after {
	font-family: 'FontAwesome';
	content:'\20\f105';
	font-size:1.2em;
}
.pg_prev:before {
	font-family: 'FontAwesome';
	content:'\f104\20';
	font-size:1.2em;
}

#pages { max-width:100%; min-width:320px; margin:0 auto; background-color:#fff; }
#pagecontents { margin:0px auto; position:relative; }
.pagecontent { position:relative; max-width:1200px;  margin:0px auto; padding:0 10px; }

.row_contents { max-width:960px; padding:0 10px; margin:0 auto; }
.row_contents p { font-size:1rem; }

.fa-window-restore { font-weight:300; color:#666; }



/* ========== common page ========== */
#pageheader { padding-top:0; margin:0; /*font-family: 'Noto Serif JP', serif;*/ }


h1.pagetitle, h2.pagetitle { margin:0; padding:60px 0 40px 0;text-align:center; font-size:1.8rem; color:#B7690B; }

.img_header {
	height:320px;width:100%;
	background-image:url('../images/common/roundness_01.png'),url('../images/access/access_header.jpg');
	background-size:cover, cover;
	background-repeat:no-repeat, no-repeat;
	background-position:center top 280px,center center;
	position:relative;
}
.img_header + .pagecontent h1.pagetitle { padding-top:20px !important; }

ul.breadCrumb { margin:0; padding:2px 10px; background-color:rgba(255,255,255,0.7); font-size:0.8rem; border-radius:0 0 8px 0; }
ul.breadCrumb li { display:inline-block; }
ul.breadCrumb li:after { content: " > "; }
ul.breadCrumb li:last-child:after { content: ""; }
ul.breadCrumb li a { padding:2px; color:#007; display:inline-block; }

.img_header ul.breadCrumb { position:absolute; }

.page_link { margin:40px 10px; text-align:center; }
.page_link .skispec {
	display:inline-block; padding:16px 5px; width:50%; min-width:280px; box-sizing:border-box;
	color:#000; background-color:#D0FF00; border-radius:10px;
	font-size:100%; text-decoration:none;
}
.page_link .skispec:hover { box-shadow:0px 0px 8px 6px rgba(0,0,0,0.1) inset; }



.pagehead_info { background-color:#F5F5F5; border-bottom:1px #E5E5E5 solid; padding:5px; }
.pagehead_info p { margin:0; text-align:center; font-size:85%; line-height:1.6; }
.pagehead_info p a { color:inherit; }


.listedimg { position:relative; }
.listnew, .listnew_nv { position:absolute; top:0; left:0; }
.listnew img { max-width:40px; }
.listnew_nv img  { max-width:30px; }


.youtube_wrap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 2px;
	height: 0;
	overflow: hidden;
}

.youtube_wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.googlemap {
	font-size: 90%;
	padding-bottom:20px;
}
#fr_googlemap {
	width:100%;
	height:460px;
	margin-bottom:6px;
}

.linkbt { margin:20px 0; text-align:center }
.linkbt a {
	display:inline-block;
	position:relative;
	padding:5px 20px;
	text-decoration:none;
	background-color:#0099FF;
	color:#fff;
	border-radius:8px;
	z-index:0;
}
.linkbt a::before {
    position: absolute;
    z-index: -1;
    top: 0;
    left: -0.5%;
    width: 0;
    height: 100%;
    content: "";
    transition: .2s;
	border-radius: 8px;
    background-color:rgba(200,0,0,1);
}
.linkbt a:hover::before { width: 101%; }


.aboutinfo { display:flex; flex-wrap:wrap; justify-content:space-between; }
.aboutinfo div { flex:0 0 48%; }
.aboutinfo div dl { margin:0; line-height:1.6; }
.aboutinfo div dl dt { font-weight:700; color:#555; }
.aboutinfo div dl dd { margin-bottom:10px; }




/* ========== plug-in overwrite ========== */
#colorbox, #cboxContent, #cboxLoadedContent { box-sizing:content-box !important; }


/* ========== rwd table (fix) ========== */
.rwd_table, .rwd_table_fix { width:100%; margin-top:20px; border-collapse:collapse; }
.rwd_table caption, .rwd_table_fix caption { font-size:1.1rem; color:#003399; }
.rwd_table th, .rwd_table td, .rwd_table_fix th, .rwd_table_fix td { padding:6px 6px; border:1px #999 solid; line-height:1.5; vertical-align:top; }
.rwd_table th, .rwd_table_fix th { background-color:#eee; text-align:left; }
.rwd_table td, .rwd_table_fix td { background-color:#fff; text-align:left; }

/* ========== dl list ========== */
dl.dl_table { margin:0 0 40px 0;}
dl.dl_table dt { padding:4px 6px; background-color:#EEEEEE; line-height:1.8; box-sizing:border-box; margin:0; }
dl.dl_table dd { padding:4px 6px 16px 40px; line-height:1.8; box-sizing:border-box; margin:0; }

/* ========== news list ========== */
ul.news_list { margin:0; padding:0; list-style:none; }
ul.news_list li { border-bottom:1px #aaa solid; }
ul.news_list li>a, ul.news_list li>span { display:flex; padding:16px 0px; text-decoration:none; box-sizing:border-box; color:inherit; }
ul.news_list li a:hover { background-color:#ececec; }
ul.news_list li span.news_date { flex:0 0 10em; line-height:1.6; padding-left:30px; }
ul.news_list li span.news_title { flex:1 1 30em; line-height:1.6;  padding-right:30px; }

.pagenation { margin:40px 20px 20px 20px; display:flex; justify-content:center; font-size:0.9rem; }
.pagenation .pgn_prev { flex:0 1 30%; text-align:right; }
.pagenation .pgn_link { flex:1 0 30%; text-align:center; }
.pagenation .pgn_next { flex:0 1 30%; text-align:left; }
.pagenation .pgn_prev a, .pagenation .pgn_next a { text-decoration:none; }
.pagenation .pgn_prev a:hover, .pagenation .pgn_next a:hover { text-decoration:underline; }
.pgn_link a, .pgn_link .pgn_this {
	text-decoration: none;
	width:28px;height:28px;
	line-height:28px;
	display:inline-block;
	margin:0 5px; padding:0;
}
.pgn_link a { color: #000; padding:0; background-color:#ddd; border-radius:60px; }
.pgn_link a:hover { background-color:#cc0 }
.pgn_link .pgn_this { color: #fff; background-color:#c00; border-radius:6px; }
.pagenation .pgn_prev .pgn_dis, .pagenation .pgn_next .pgn_dis { color:#ddd; }

/* ========== news view ========== */
.w_img_txt_area { /*width:62%; float:right;*/ }
.news_mainimg_area { /*width:35%; float:left;*/ }
.news_view_date {
	font-size:1rem;
	display: block;
	text-align:left;
	padding:0 0 4px 0;
	margin:0 !important;
	line-height:1.3 !important;
}
.news_view_title {
	background-color:#e8e8e8;
	padding:8px;
	margin-bottom:24px !important;
	text-align:center;
	font-size:1.4rem;
	line-height:1.4em;
	color:#333;
}
.news_add_img { padding:10px 0; margin:0; text-align:center; font-size:90%; }
.news_txt_area { font-size:1.0rem; line-height:1.8; }
.news_view_footer { padding:80px 0 20px 0; text-align:center; }
.file_down { padding: 40px 0 40px 40px; text-align: left; }
/*
.news_cate1 { background:url('../../images/news_cate.png') 9em 4px no-repeat; }
.news_cate2 { background:url('../../images/news_cate.png') 9em -83px no-repeat; }
.news_cate3 { background:url('../../images/news_cate.png') 9em -170px no-repeat; }
*/

.ymd_ip { padding:0 6px; background-color:#DD223E; color:#ffffff; border-radius:4px; }
.kanripreview { text-align:center; color:red; margin-bottom:20px; }



.page_backbt { margin:80px 10px 40px 10px; }
.page_backbt a {
	display:block;
	width:200px;
	margin:0 auto;
	padding:10px 0;
	text-align: center;
	font-size:1.0rem;
	line-height:1;
	text-decoration:none;
	background-color:#C9CACA;
	border:1px #c9caca solid;
	border-radius:4px;
	color:#000;
}
.page_backbt a:hover { background-color:#666666; color:#fff; transition-duration:0.2s; }





/* ========== header ========== */
header {
	width:100%; position:relative; z-index:300; background-color:#F39C2E;
	background: linear-gradient(to bottom, rgba(243,156,46,1) 10%,rgba(243,156,46,0.7) 50%,rgba(243,156,46,1) 90%);
}
#header { max-width:1200px; margin:0 auto; display:flex; align-items:flex-end; padding-bottom:20px; position:relative; }
#header #header_logo { flex:0 0 240px; padding:20px 0 0 10px; }
#header #header_logo img { max-height:90px; }
#header nav { flex:1 1 900px; /*position:relative;*/ padding-right:20px; padding-bottom:5px; box-sizing:border-box; }

/* ---------- site navi ---------- */
nav .site_menu {
/*	position:relative;	*/
	padding:0;
	margin:0;
	list-style:none;
	display:flex;
	align-items:flex-end;
	justify-content:flex-end;
}
nav .site_menu li { /*position:relative;*/ }
nav .site_menu>li a, nav .site_menu>li span {
	display:block;
	position:relative;
	box-sizing:border-box;
	text-align:center;
	padding:8px 15px;
	margin-left:10px;
	text-decoration:none;
	font-size:0.95rem;
	cursor:pointer;
	color:#111;
	background-color:#fff;
	color:#000;
	border-radius:10px;
	z-index:0;
}
nav .site_menu>li a::before, .site_menu>li span::before {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    content: "";
    transition: .2s;
    border-radius: 10px;
    background-color:rgba(255,196,0,0.7);
}
nav .site_menu>li a:hover::before { width:100%; }
/*
nav .site_menu li a:hover, nav .site_menu>li span:hover {
	background-color:#CD760C;
	color:#fff !important;
}*/
nav .site_menu li.shoplink a { color:#f00; }






/* ========== footer ========== */
#footer { margin-top:120px; padding:30px 10px;background-color:#F39C2E; }
.footer_content { max-width:1200px; margin:0 auto; color:#111; display:flex; justify-content:space-between; }
.footer_content a { text-decoration:none; color:inherit; }
.ft_addr { flex:0 0 30%; font-size:0.9rem; text-align:center; }
.ft_addr p { margin:1.5em 0; }
.ft_navi { flex:0 0 15%; font-size:1rem; }
.ft_navi ul { margin:0; padding:0; list-style:none;}
.ft_navi ul li { margin-bottom:1.5em; }

.footer_contact a {
	display:block; padding:10px 0; margin:10px auto; max-width:300px; background-color:#fff;
	text-align:center; border:1px #fff solid; text-decoration:none; color:#B7690B; font-size:1.1rem;
}
.footer_contact a:hover { background-color:#B7690B; color:#fff; }

.footer_sns { display:flex; justify-content:center; margin-bottom:32px; }
.footer_sns div { padding:10px 15px; }
.footer_sns div img { max-height:40px; }

.footer_notice { max-width:1200px; margin:40px auto 0 auto; }
.ft_plink { margin:20px 0; text-align:center; }
.ft_plink li { display:inline-block; }
.ft_plink li a { display:block; text-decoration:none; padding:2px 20px; margin-bottom:16px; border-left:1px #111 solid; color:#111; font-size:0.9rem; }
.ft_plink a:hover { text-decoration:underline; }
.ft_plink li:last-child a { border-right:1px #111 solid; }
.ft_copy { text-align:center; font-size:0.9rem; color:#111; }

.ft_add_link a { display:inline-block; text-decoration:none; padding:0px 15px; border-left:1px #111 solid; color:#111; font-size:0.9rem; line-height:1.4; }
.ft_add_link a:last-child { border-right:1px #111 solid;}
.ft_add_link a:hover { text-decoration:underline; }


.sns { margin:30px auto 20px auto; text-align:center; }
.sns img { display:inline-block; height:40px; }

.pageTop { position:relative; z-index:200; }
.pageTop a {
	position: fixed;
	background:url('../images/common/pagetop_bt.png') left top no-repeat;
	background-size:contain;
	display: block;
	width: 60px;
	height: 60px;
	right:10px;
	bottom:10px;
	text-indent:-9999px;
	opacity:0.7;
}
.pageTop a:hover { opacity:1.0; }


/* # Tablet 768-960px
========================================================================================= */
@media only screen and (max-width: 960px) {

	.mode_pc { display:none; visibility:hidden; }
	.mode_sp { display:block !important; visibility:visible; }

	#pagecontents { padding-top:50px; }
	.pagecontent { padding:0 5px; }
	.row_contents p, .row_contents table, .row_contents ul, .row_contents dl { font-size:0.95rem; }
	


	/* ========== common page ========== */
	.header_img img { width:100%; height:160px; object-fit:cover; }


	/*-- news view--*/
	.news_mainimg_area, .news_txt_area {
		width:100%;
		float:none;
		word-break:break-all;
	}
	.news_mainimg_area {
		width:100%;
		float:none;
	}


	/* ========== rwd table ========== */
	.rwd_table th {
		box-sizing:border-box;
		display:block;
		clear:both;
		width:100%;
		border:none;
	}
	.rwd_table th a {
		box-sizing:border-box;
		color:inherit;
	}
	.rwd_table td {
		box-sizing:border-box;
		display:block;
		width:100%;
		float:left;
		text-align:left;
		padding:6px 4px 12px 20px !important;
		border:none;
	}

	/* ========== header ========== */
	header { position:fixed; z-index:500;  border-top:none; }

	#header { display:block; padding-bottom:0; }
	#header #header_logo { width:100%; padding:7px 0; }
	#header #header_logo img { height:36px; }

	#header.openmenu #header_logo {/* background-color:#fff;*/ }

	/* ---------- site navi ---------- */
	#sp_menu_bt {
		position:absolute;
		top:5px;
		right:5px;
		width:40px;
		height:40px;
		display:block;
		background-size:contain;
		border-radius:3px;
		cursor:pointer;
	}
	#sp_menu_bt span {
		width: 30px;
		height: 3px;
		border-radius:2px;
		display: block;
		background-color: #fff;
		position: absolute;
		left: 50%;
		top: 50%;
		margin-left: -15px;
		transition: all 0.3s; transform: rotate(0deg);
	}
	#sp_menu_bt .top { transform: translateY(-11px); }
	#sp_menu_bt .middle { transform: translateY(-1px); }
	#sp_menu_bt .bottom { transform: translateY(9px); }
	#sp_menu_bt.active .middle { background: rgba(255, 255, 255, 0); }
	#sp_menu_bt.active .top { transform: rotate(-45deg) translateY(0px); }
	#sp_menu_bt.active .bottom { transform: rotate(45deg) translateY(0px); }
	#sp_cart_bt {
		position:absolute;
		top:10px;
		right:5px;
		width:40px;
		height:40px;
		display:block;
	}
	#sp_cart_bt i { font-size:32px; color:#666; }


	#header nav {
		display:none;
		position:relative;
		width:100%;
		height:auto;
		left:0;
		top:0;
		padding:0;
		z-index:600;
		border-bottom:1px #666 solid;
		box-shadow:1px 6px 6px rgba(128,128,128,0.5);
	}
	nav .site_menu { display:block; width:100%; height:calc(100vh - 50px); overflow-y:scroll; background-color:#fff;  }
	nav .site_menu li {
		display:block;
		box-sizing:border-box;
		border-bottom:1px #ccc dotted;
	}
	nav .site_menu li a { margin:0; padding:20px 0; color:#000 !important; }
	nav .site_menu li a:hover { background-color:transparent; color:#000 !important; }

	nav .site_menu>li a:hover::before { width:0; }



	/* ========== footer ========== */
	.footer_content { flex-wrap:wrap; }
	.ft_addr { flex:0 0 100%; order:3; padding:20px 0; }
	.ft_navi { flex:0 0 100%; order:1; padding:20px 0; }
	.ft_contact { flex:0 0 100%; order:2; padding:20px 0; }
	.ft_navi ul { text-align:center; }
	.ft_navi ul li { display:inline-block; padding:0 15px }

}


/* # mobile -767px
========================================================================================= */
@media only screen and (max-width: 767px) {

	.img_header {
		height:200px;
		background-position:center top 160px,center center;
	}


	.page_title span { font-size:1.1rem; letter-spacing:0px; }

	.row_contents p, .row_contents table, .row_contents ul, .row_contents dl { font-size:0.9rem; }

	/* ========== common page ========== */
	.header_img img { width:100%; height:120px; object-fit:cover; }

	#fr_googlemap {
		height:240px;
	}


	.aboutinfo div { flex:0 0 100%; }
	.aboutinfo div.about_map { order:1; }
	.aboutinfo div.about_txt { order:2; }



	/* ========== dl list ========== */
	dl.dl_table dd { padding:4px 0px 16px 0px; }

	/* ========== news list ========== */
	ul.news_list li { border-bottom:1px #ccc solid; }
	ul.news_list li>a, ul.news_list li>span { display:block; }
	ul.news_list li span.news_date, ul.news_list li span.news_title { display:block; padding-left:0; }
	ul.news_list li span.news_title { padding-left:16px; padding-right:0; }
	.pagenation { margin:40px 0px 20px 0px; font-size:0.8rem; }
	.pagenation .pgn_prev { flex:0 0 15%; text-align:left; }
	.pagenation .pgn_link { flex:1 1 70%; text-align:center; }
	.pagenation .pgn_next { flex:0 0 15%; text-align:right; }
	.pgn_link a, .pgn_link .pmove_navi_this { width:20px;height:20px; line-height:20px;  }


	/* ========== news view ========== */
	.news_txt_area { font-size:0.9rem; line-height:1.8; }



	/* ========== footer ========== */
	.footer_menulist .menucols { width:100%; float:none; }
	.menucols ul { padding:0; }
	.menucols ul li span { background-color:#7C7195;border-bottom:1px #5A516C solid; }

	.ft_plink { margin:20px 0 60px 0; text-align:center; padding:0; }
	.ft_plink li { display:block; padding:0; }
	.ft_plink li a { border:none; border-right:none !important; border-bottom:1px #fff solid; padding:20px 0px; margin:0; }

}