@charset "UTF-8";
/*==================================================
=			defalut			 =
==================================================*/
#kancolle2026-snf,#kancolle2026-snf div,#kancolle2026-snf span,#kancolle2026-snf object,#kancolle2026-snf iframe,#kancolle2026-snf h1,#kancolle2026-snf h2,#kancolle2026-snf h3,#kancolle2026-snf h4,#kancolle2026-snf h5,#kancolle2026-snf h6,#kancolle2026-snf p,#kancolle2026-snf blockquote,#kancolle2026-snf pre,#kancolle2026-snf abbr,#kancolle2026-snf address,#kancolle2026-snf cite,#kancolle2026-snf code,#kancolle2026-snf del,#kancolle2026-snf dfn,#kancolle2026-snf em,#kancolle2026-snf img,#kancolle2026-snf ins,#kancolle2026-snf kbd,#kancolle2026-snf q,#kancolle2026-snf samp,#kancolle2026-snf small,#kancolle2026-snf strong,#kancolle2026-snf sub,#kancolle2026-snf sup,#kancolle2026-snf var,#kancolle2026-snf b,#kancolle2026-snf i,#kancolle2026-snf dl,#kancolle2026-snf dt,#kancolle2026-snf dd,#kancolle2026-snf ol,#kancolle2026-snf ul,#kancolle2026-snf li,#kancolle2026-snf fieldset,#kancolle2026-snf form,#kancolle2026-snf label,#kancolle2026-snf legend,#kancolle2026-snf table,#kancolle2026-snf caption,#kancolle2026-snf tbody,#kancolle2026-snf tfoot,#kancolle2026-snf thead,#kancolle2026-snf tr,#kancolle2026-snf th,#kancolle2026-snf td,#kancolle2026-snf li,#kancolle2026-snf aside,#kancolle2026-snf dialog,#kancolle2026-snf figure,#kancolle2026-snf footer,#kancolle2026-snf header,#kancolle2026-snf hgroup,#kancolle2026-snf menu,#kancolle2026-snf nav,#kancolle2026-snf section,#kancolle2026-snf time,#kancolle2026-snf mark,#kancolle2026-snf audio,#kancolle2026-snf video{margin:0;padding:0;border:0;outline:0;font-weight:normal;vertical-align:baseline;background:transparent;}
#kancolle2026-snf{line-height:1;}#kancolle2026-snf li,#kancolle2026-snf aside,#kancolle2026-snf dialog,#kancolle2026-snf figure,#kancolle2026-snf footer,#kancolle2026-snf header,#kancolle2026-snf hgroup,#kancolle2026-snf nav,#kancolle2026-snf section{display:block;}#kancolle2026-snf nav ul{list-style:none;}#kancolle2026-snf blockquote,#kancolle2026-snf q{quotes:none;}#kancolle2026-snf blockquote:before,#kancolle2026-snf blockquote:after,#kancolle2026-snf q:before,#kancolle2026-snf q:after{content:'';content:none;}#kancolle2026-snf a{margin:0;padding:0;border:0;vertical-align:baseline;background:transparent;}#kancolle2026-snf ins{background-color:#ff9;color:#000;text-decoration:none;}#kancolle2026-snf mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;text-decoration:line-through;}#kancolle2026-snf abbr[title],#kancolle2026-snf dfn[title]{border-bottom:1px dotted #000;cursor:help;}#kancolle2026-snf table{border-collapse:collapse;border-spacing:0;}#kancolle2026-snf hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}#kancolle2026-snf input,#kancolle2026-snf select{vertical-align:middle;}#kancolle2026-snf img{vertical-align:bottom;}

#kancolle2026-snf .cf:before,#kancolle2026-snf .cf:after {content:"";display:table;}
#kancolle2026-snf .cf:after {clear:both;}
#kancolle2026-snf .cf {*zoom:1;}

#kancolle2026-snf img{
	image-rendering: -webkit-optimize-contrast;
	height: auto !important;
	width: auto!important;
	max-width: 100%!important;
}
#kancolle2026-snf a{
	transition: 0.3s;
	word-wrap:break-word;
}
#kancolle2026-snf a:hover{
	opacity:0.7;
	transition: all .3s;
}
#kancolle2026-snf p{
	line-height:1.3;
	text-align: left;
}

#kancolle2026-snf {
	width: 100%;
	text-align:center;
	margin:0 auto;
	color:#000;
	font-family: "Noto Sans JP", serif, serif, Meiryo, sans-serif, "ヒラギノ角ゴ", "Hiragino Sans", "Hiragino Kaku Gothic ProN";
	font-weight: bold;
	position: relative;
	-webkit-font-smoothing: antialiased;
	box-sizing: border-box;
	line-height: 1.3;
	padding-bottom: 60px;
	z-index: 1;
	overflow-y: hidden;	
}
#kancolle2026-snf .anton {
  font-family: "Anton", sans-serif;
  font-weight: 400;
  font-style: normal;
}

#kancolle2026-snf .hov,a{
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;
}
#kancolle2026-snf .hov:hover{
	text-decoration: transparent;
	opacity:0.6;
}
#kancolle2026-snf .hov:active{
	cursor:pointer;
	text-decoration: transparent;
	opacity:0.6;
}
#kancolle2026-snf i{
	font-family: 'Font Awesome 5 Free';
	font-weight: 700;
}
#kancolle2026-snf section{
	position: relative;
}
#kancolle2026-snf .sp_img{
	display:none;
}
#kancolle2026-snf .tab_img{
	display:none;
}
#kancolle2026-snf .pc_img{
	display:block;
}
#kancolle2026-snf .wrapper{
	box-sizing: border-box;
	position: relative;
	width: 1060px;
	margin: 0 auto;
	display: block;
	padding: 0 15px;
}
#kancolle2026-snf section{
	box-sizing: border-box;
}
#kancolle2026-snf .flexbox{
	display: flex;
	justify-content: flex-start;
	align-items: flex-start;
	flex-wrap: wrap;
	box-sizing: border-box;
}
#kancolle2026-snf .flexbox-bt{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	box-sizing: border-box;
}
#kancolle2026-snf .ex{
	font-size: 14px!important;
	margin: 10px auto 0;
}
#kancolle2026-snf .common-h2{
	width: 100%;
	max-width: 300px;
	display: block;
	text-align: center;
	margin: 60px auto 0;
	position: relative;
}
#kancolle2026-snf .col-red{
	color: #CE1316;
}
#kancolle2026-snf .col-gre{
	color: #027C0C;
}


/*===============================================*=================================*==============================================================================================================*/
/*メイン*/
#kancolle2026-snf #main {
	padding: 30px 0 30px;
}
#kancolle2026-snf #main h1 img{ 
	width: 100%;
}
#kancolle2026-snf #main h1 img.maintitle{ 
	max-width: 900px!important;
}
#kancolle2026-snf #main h1 img.mainlogo{ 
	max-width: 900px!important;
  border: solid 1px #ccc;
  margin: 20px auto 0;
}
#kancolle2026-snf #main p{ 
	text-align: center;
  display: block;
  font-weight: 700;
  font-size: 26px;
  margin-top: 10px;
}
#kancolle2026-snf #main .lead01{
  font-size: 32px;
  font-weight: 900;
  color: #1B497F;
  margin-top: 5px;
}
#kancolle2026-snf #main .lead02{
  font-size: 28px;
  font-weight: 700;
  color: #7EFFFB;
  background-color: #1B497F;
  margin-top: 5px;
  padding: 5px 0;
}

/*menu*/
#kancolle2026-snf .menu .flexbox{
  background-color: #EFEFEF;
  padding: 20px 0 20px 40px;
  align-items: center;
  gap: 45px;
}
#kancolle2026-snf .menu .flexbox .anton{
  font-size: 40px;
  color: #454545;
}
#kancolle2026-snf .menu .flexbox ul{}

#kancolle2026-snf .menu .flexbox ul li a{
  display: inline-block;
  font-size: 18px;
  font-weight: 400;
  margin:5px 0;
  text-decoration: underline;
  color: #000;
}
#kancolle2026-snf .menu p{
  font-size: 14px;
  margin-top: 7px;
}

/*！！！！！プラン共通！！！！！*/

#kancolle2026-snf .planbox{
  margin-top: 30px;
  padding: 30px;
  box-sizing: border-box;
}
#kancolle2026-snf .planbox .plan-ex h2 img{
  margin: 0 auto;
}
#kancolle2026-snf .planbox .plan-ex .planlead{
  font-size: 16px;
  font-weight: 700;
  margin-top: 10px;
  text-align: center;
}
#kancolle2026-snf .planbox .plan-ex .plan-list{
  display: block;
}
#kancolle2026-snf .planbox .plan-ex .plan-list .flexbox-bt{
  gap: 20px;
  margin-top: 35px;
  display: block;
}
#kancolle2026-snf .planbox .plan-ex .plan-list .flexbox-bt div{
  /* text-align: left; */
	overflow: hidden;
    overflow-x: scroll;
}
#kancolle2026-snf .planbox .plan-ex .plan-list .flexbox-bt div h3{
  font-weight: 900;
  font-size: 30px;
  border-bottom: 2px solid;
  padding-bottom: 3px;
}
#kancolle2026-snf .planbox .plan-ex .plan-list .flexbox-bt div p{
  font-size: 16px;
	text-align: center;
  font-weight: 700;
  margin-top: 5px;
  line-height: 1.4;
}
#kancolle2026-snf .planbox .plan-ex .plan-list .flexbox-bt > img{
  width: calc(25% - 20px)!important;
}

/*point共通*/
#kancolle2026-snf .planbox .plan-point h2{
  margin-top: 40px;
  font-size: 22px;
  font-weight: 900;
  text-align: left;
  border-bottom: 2px solid;
}
#kancolle2026-snf .planbox .plan-point h2 .anton{
  font-size: 80px;
  padding-right: 15px;
}


/*！！basicplan！！*/
#kancolle2026-snf #basic.planbox{
  background-color: #FFF6F6;
}
/*！！optional！！*/
#kancolle2026-snf #optional.planbox{
  background-color: #f7fcf8;
}



/*部屋タイプ*/
#kancolle2026-snf .roomtipe h1{
  margin-top: 30px;
  font-weight: 900;
}
#kancolle2026-snf .roomtipe h2{
  margin-top: 10px;
  font-weight: 700;
  font-size: 22px;
}
#kancolle2026-snf .roomtipe .rooomlist{
  text-align: left;
}


/*プラン一覧グリッド*/
#kancolle2026-snf .gridlist {
  margin-top: 30px;
}
#kancolle2026-snf .gridlist .plan{
  margin-top: 10px;
}

/* 画像調整 */
#kancolle2026-snf .ph01{
  margin: 20px auto;
}
/*======================================

画面サイズ750px以下

======================================*/
@media screen and (max-width: 750px){
	#kancolle2026-snf .pc_img{
		display:none!important;
	}
	#kancolle2026-snf .sp_img{
		display:block;
	}
	#kancolle2026-snf .tab_img{
		display:block;
	}
	#kancolle2026-snf{
		min-width: auto;
	}
	#kancolle2026-snf .wrapper{
		width: 100%;
		padding: 0 6% ;
		box-sizing: border-box;
	}
	#kancolle2026-snf .ex{
		font-size: 13px!important;
		margin: 10px auto 0;
	}
	#kancolle2026-snf .common-h2{
		max-width: 200px;
		margin: 30px auto 0;
		padding: 0;
	}

	/*メイン*/
#kancolle2026-snf #main {
	padding: 20px 0 20px;
}
#kancolle2026-snf #main h1 img{
  width: 100%!important;
}
#kancolle2026-snf #main p{ 
  font-size: 18px;
}
#kancolle2026-snf #main .lead01{
  font-size: 26px;
}
#kancolle2026-snf #main .lead02{
  font-size: 22px;
}

/*menu*/
#kancolle2026-snf .menu .flexbox{
  display: block;
  padding: 25px;
}
#kancolle2026-snf .menu .flexbox .anton{
  font-size: 28px;
}

#kancolle2026-snf .menu .flexbox ul li a{
  display: inline;
  overflow-wrap: anywhere;
  font-size: 16px;
}

/*！！！！！プラン共通！！！！！*/

#kancolle2026-snf .planbox{
  margin-top: 25px;
  padding: 20px;
}
#kancolle2026-snf .planbox .plan-ex .planlead{
  text-align: left;
}
#kancolle2026-snf .planbox .plan-ex .plan-list{
  display: block;
}
#kancolle2026-snf .planbox .plan-ex .plan-list .flexbox-bt{
  margin-top: 25px;
}
#kancolle2026-snf .planbox .plan-ex .plan-list .flexbox-bt div h3{
  font-size: 20px;
  text-align: left;
}


/*！！basicplan！！*/
#kancolle2026-snf #basic.planbox{
  background-color: #FFF6F6;
}
/*！！optional！！*/
#kancolle2026-snf #optional.planbox{
  background-color: #f7fcf8;
}

/*プラン一覧グリッド*/
#kancolle2026-snf .gridlist {
  margin-top: 20px;
}
#kancolle2026-snf .gridlist .plan{
  margin-top: 10px;
}

}
/*======================================

画面サイズ480px以下

======================================*/
@media screen and (max-width: 480px){
	#kancolle2026-snf .sp_img{
		display:block;
	}
	#kancolle2026-snf .sp_img.tab_img{
		display:block;
	}
	#kancolle2026-snf .tab_img{
		display:none;
	}
	#kancolle2026-snf .pc_img{
		display: none!important;
	}




}