@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@100;300;400;500;700;800;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@100;200;300;400;500;600;700;800;900&display=swap');




/********リセット********/
*{
	box-sizing:border-box;
	margin:0;
	padding:0;
	border:none;
	outline:none;
	color:inherit;
	font-size:inherit;
	font-weight:inherit;
	line-height:inherit;
	font-style:normal;
	text-decoration:none;
	word-break:break-all;
	word-wrap:break-word;
}
*:before,*:after{box-sizing:border-box;}
*:focus{outline:none;}
div{margin:0; padding:0; border:none; outline:none;}
h1,h2,h3,h4,h5,h6,strong,em,mark,b,small,sup,sub{vertical-align:unset; margin:0; padding:0; font-size:inherit; font-weight:inherit;}
p,span{margin:0; padding:0;}
a{margin:0; padding:0; outline:none; font-weight:bold; text-decoration:none;-webkit-tap-highlight-color: transparent;}
a:link{outline:none; text-decoration:none;}
a:hover,a *:hover{cursor:pointer;}
mark{background:transparent; color:currentColor;}
img{vertical-align:middle; margin:0; padding:0; border:none; outline:none;}
table,td,th{margin:0; padding:0; outline:none;}
hr{margin:0; padding:0;}
ul{margin:0; padding:0;}
li{list-style:none;}
form{margin:0; padding:0; border:none; outline:none;}
input{margin:0; padding:0; outline:none;}
textarea{display:block; margin:0; padding:0; outline:none;}




/********文字色プリセット********/
a{color:#018ad9;}
.orange{color:#ff6600;}
.red{color:#ed1b26;}
.yellow{color:#ffe100;}
.blue{color:#73a6e6;}
.sky{color:<br />
<b>Warning</b>:  Undefined variable $hexColor_sky in <b>/home/sites/www.boat-winners.com/html/css/common_css.php</b> on line <b>56</b><br />
;}
.white{color:#ffffff;}
.black{color:<br />
<b>Warning</b>:  Undefined variable $hexColor_brack in <b>/home/sites/www.boat-winners.com/html/css/common_css.php</b> on line <b>58</b><br />
;}
.gray{color:#a0a0a0;}
.dark_gray{color:#202020;}
.em_color_01{color:#ed1b26;}
.em_color_02{color:#73a6e6;}
.skyblue{color:#52dfff;}
.skylightblue{color:<br />
<b>Warning</b>:  Undefined variable $hexColor_skylightBlue in <b>/home/sites/www.boat-winners.com/html/css/common_css.php</b> on line <b>64</b><br />
;}
.gold{color: #e6b422;}
.purple{color: #8a04ff}
.pink{color: #ff86cc}




/********文字・行サイズプリセット********/
.s_small{font-size:10px;}
.small{font-size:12px;}
.b_small{font-size:14px;}
.normal{font-size:16px;}
.b_big{font-size:18px;}
.big{font-size:20px;}
.s_big{font-size:24px;}
.u_big{font-size:32px;}
.lh_def{line-height:1.68;}




/********その他プリセット********/
.floatLeft{float:left;}
.floatRight{float:right;}
.hidden{display:none;}
.hidden_v{visibility:hidden;}
.m_auto{margin:0 auto;}
.bold{font-weight:bold;}
.semiBold{text-shadow:0px 0px 0.8px rgba(0,0,0,0.32);}
.not_bold{font-weight:normal;}
.ta_center{text-align:center;}	/****ta＝text align****/
.ta_left{text-align:left;}	/****ta＝text align****/
.ta_right{text-align:right;}	/****ta＝text align****/
.underline{text-decoration:underline;}
.underline_bs{box-shadow:inset 0 -2px 0 0;}	/****bs＝box shadow****/
.hover_ul_bs:hover{box-shadow:inset 0 -2px 0 #ffffff,inset 0 -4px 0;}	/****ul＝under line、bs＝box shadow****/
.indent{text-indent:-9999px;}
.relative{position:relative;}
.absolute{position:absolute;}
.block{display:block;}
.inline_block{display:inline-block;}
.clear{clear:both;}
.t_shadow{text-shadow:1px 1px 0 rgba(0,0,0,0.08);}
.t_shadow_strong{text-shadow:1px 1px 0 rgba(0,0,0,0.16);}
.b_shadow{box-shadow:2px 2px 6px 0 rgba(0,0,0,0.12);}
.b_shadow_around{box-shadow:0 0 6px 0 rgba(0,0,0,0.12);}
.b_shadow_1px{box-shadow:1px 1px 0 rgba(0,0,0,0.08);}
.sage_1px{position:relative; top:1px;}
.sage_2px{position:relative; top:2px;}
.flip_h{transform:scale(-1.0,1.0);}
.flip_v{transform:scale(1.0,-1.0);}
.flip_hv{transform:scale(-1.0,-1.0);}




/********カスタムエレメント********/
flex{display:flex;}
space{display:block; height:0.8em;}	/****少し行間を空けたいとき****/
bs{display:inline-block; width:0.8em;}	/****感嘆符などの後ろにスペースをとりたいとき****/
align-left{display:block; text-align:left;}	/****簡潔に左寄せしたいとき****/
align-right{display:block; text-align:right;}	/****簡潔に右寄せしたいとき****/
align-center{display:block; text-align:center;}	/****簡潔に中央寄せしたいとき****/
ann{display:block; margin:8px 0 0 0; font-size:14px; text-align:right; opacity:0.48;}	/****注釈****/




/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/




/********アニメーション＞スクロールに伴うフェードイン(JQueryと併用)********/
.fadeIn{
	opacity:0;
	transform:translate(0,160px);
	transition:all 480ms cubic-bezier(0,1.0,0.64,1.0);
}

.fadeIn.scrollIn{
	opacity:1.0;
	transform:scale(1.0,1.0) translate(0,0) rotate(0);
}

.fadein{
	display: inline-block;
	opacity:0;
}

.fadein.scrollin{
	opacity:1;
	animation: fadeYin 1.3s ease;
}
	@keyframes fadeYin{
		0%{opacity:0; transform:translateY(-0.5em);}
		100%{opacity:1.0; transform:translateY(0);}
	}

/********アニメーション＞点滅********/
.blink{animation:blink 1.2s linear infinite;}
	@keyframes blink{
		0%{opacity:1.0;}
		64%{opacity:1.0;}
		76%{opacity:0;}
		88%{opacity:0;}
		100%{opacity:1.0;}
	}

.flicker{animation:flicker 2.4s linear infinite;}
	@keyframes flicker{
		0%{opacity:1.0;}
		40%{opacity:1.0;}
		60%{opacity:0.32;}
		100%{opacity:1.0;}
	}




/********アニメーション＞ゆらゆら(左右)********/
.swing_h{animation:swing_h 1.2s linear infinite;}
	@keyframes swing_h{
		0%{transform:translate(0,0);}
		25%{transform:translate(4px,0);}
		50%{transform:translate(0,0);}
		75%{transform:translate(-4px,0);}
		100%{transform:translate(0,0);}
	}




/********アニメーション＞ゆらゆら(上下)********/
.swing_v{animation:swing_v 1.2s linear infinite;}
	@keyframes swing_v{
		0%{transform:translate(0,0);}
		25%{transform:translate(0,4px);}
		50%{transform:translate(0,0);}
		75%{transform:translate(0,-4px);}
		100%{transform:translate(0,0);}
	}




/********アニメーション＞ふわふわ********/
.fluffy{animation:fluffy 1.2s linear infinite;}
	@keyframes fluffy{
		0%{transform:scale(1.0,1.0);}
		50%{transform:scale(1.04,1.04);}
		100%{transform:scale(1.0,1.0);}
	}




/********アニメーション＞跳ねる********/
.bounce{animation:bounce 1.6s linear infinite;}
	@keyframes bounce{
		0%{transform:translate(0,0);}
		72%{transform:translate(0,0);}
		76%{transform:translate(0,-12px);}
		84%{transform:translate(0,0);}
		92%{transform:translate(0,-12px);}
		100%{transform:translate(0,0);}
	}




/*■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■■*/




/********ボディ・コンテナ********/
html{overflow-x:hidden;}

body:not(#lp){
	position:relative;
	width:100%;
	background: #ffffff;
	font-family: YakuHanJP, 'Noto Sans JP',"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
	font-weight: 400;
	color: #000000;
	font-size: 14.6px;
	line-height: 1.7;
	letter-spacing: -0.2px;
	font-feature-settings:"pwid";
	max-width: 750px;
	margin: auto;
	overflow: hidden;
	word-break: break-all;
}

main#main{
	min-height: 65vh;
	padding: 0px 0px 24px 0px;
}

#member main#main{
	padding: 98px 0px 0 0px;
}

main#main > article{ padding: 1em 1.2em 2.5em 1.2em;}


.content{ padding: 24px 12px 32px;}
.content_m{ padding: 8px 12px 8px;}

.main_box{
	padding: 0.9em 0.9em 1em 0.9em;
	border:2px solid #7f7f7f;
	border-radius: 5px;
	box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);
}



/********ヘッダー********/

header{
	background: url(/images/LP/pat_01.png) repeat center / 250px, linear-gradient(200deg, rgba(255,158,214,1) 14%, rgba(16,160,234,1) 100%);
	height: 56px;
	display: flex;
	align-items: center;
	justify-content: left;
	width: 100%;
	box-shadow: 0px 0px 6px 0px rgba(0,0,0,0.4);
	/*padding: 3px 0;*/
}



header #logo{
	display: block;
	width: 100px;
	height: 50px;
	margin-left: 6px;
	text-indent:100%;
	white-space: nowrap;
	overflow: hidden;
	background:url(/images/logo.png) center center / cover no-repeat;
}


/********ヘッドライン********/
.headline{margin-bottom:24px;}
.headline p{color:;}
.headline p big{display:block; padding-bottom:6px; border-bottom:solid 2px; font-size:20px; font-weight:bold;}
.headline p small{display:block; margin:4px 0 0 0; font-size:10px; font-weight:normal;}




.headline_member{
	background: #ffffff;
	color:#10a0ea;
	padding: 1.8em 4px 1.5em 4px;
	margin-bottom: ;
	font-weight: 700;
	position: relative;
	font-size: 22px;
	line-height: 1.1;
	text-align: center;
	letter-spacing: 0px;
	font-family: var(--zen-font-family);
	font-style: var(--zen-font-style);
	font-weight: 700;
}


.headline_member div{ margin: 0 auto;}

.headline_member div span{
	display: none;
	margin-top: 3px;
	font-weight: 400;
	font-size: 10px;
	letter-spacing: 0.8px;
	font-family: YakuHanJP, 'Noto Sans JP',"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", "Hiragino Kaku Gothic ProN", "Hiragino Sans", sans-serif;
}




/********ヘッドライン(小)********/
.headline_small{
	display:block;
	margin-bottom: 20px;
	padding-bottom: 5px;
	border-bottom: solid 3px #bfe8ea;
	color:#ffffff;
	font-size: 20px;
	font-weight: bold;
}

.headline_small:nth-of-type(n+2){margin-top:48px;}
.headline + .headline_small{margin-top:0;}




/********的中実績*******/








/********フッター********/
footer{
	background: url(/images/LP/pat_01.png) repeat center / 500px, linear-gradient(193deg, rgba(255,158,214,1) 0%, rgba(16,160,234,1) 100%);
}
footer ul{
	padding: 1em 1.2em 2em 1.2em;
	margin: 0 auto;
	color: #ffffff;
	text-align: center;
}
footer ul li{
	border-bottom: 1px solid #f4f4f4;
	font-size: 14px;
}
footer ul li a {
  display: block;
  width: 100%;
  color: inherit;
  text-decoration: none;
	padding: 1.5em 0;

}
footer p{
	text-align: center;
	color: #ffffff;
	background: #027cc3;
	padding: 1.5em 0;
	font-size: 12px;
}




/********利用規約********/
.ul_rule{font-size:12px;}
.ul_rule li{}
.ul_rule li em{}
.ul_rule li p{}




/********プライバシーポリシー********/
.ul_privacy{font-size:12.8px;}
.ul_privacy li{}
.ul_privacy li em{}
.ul_privacy li p{}




/********特定商取引法に基づく表記********/
.table_tokusho{
	width:100%;
	border-collapse:collapse;
	font-size: 13px;
	color: #696969;
}

.table_tokusho th,
.table_tokusho td{
	line-height:1.3;
}

.table_tokusho th{
	color: ;
	font-weight:700;
	text-align:left;
	white-space:nowrap;
	padding-bottom: 1em;
	padding-top: 1em;
}

.table_tokusho td{
	border-bottom: dashed 1px #e3e6e0;
	padding-bottom: 1em;
}









/********モーダルウィンドウ********/
.modal_background.hidden{display:none !important;}

.modal_background{
	position:fixed; left:0; top:0;
	display:flex; justify-content:center; align-items:center;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.64);
	z-index:99989;
	animation:cssFadeIn 0.32s;
}
	@keyframes cssFadeIn{
		0%{opacity:0;}
		100%{opacity:1.0;}
	}

.modal{
	position:relative;
	width:calc(100% - 64px);
	padding: 15px;
	background:#ffffff;
	box-shadow:4px 4px 16px 0 rgba(0,0,0,0.32);
	z-index:99999;
}

.modal .close{
	position:absolute; right:8px; top: -12px;
	width:32px;
	height:32px;
	background:#a0a0a0;
	color:#ffffff;
	font-size:14.8px;
	font-weight:bold;
	line-height:32px;
	text-align:center;
	cursor:pointer;
	border-radius: 100%;
}

.modal .headline_modal,
.modal .headline_modal{
	display:block;
	margin-bottom:24px;
	padding-bottom:2px;
	border-bottom: double 6px #000000;
	font-size:15px;
	font-weight:bold;
	line-height:1.28;
}




/********ページネーション********/
ul.pagination{display:flex; justify-content:center; align-items:center; margin-top:32px;}
ul.pagination li{height:24px; margin:0 6px;}
ul.pagination li a{ width:100%; height:100%; color:#606060; font-size:20px; font-weight:normal; line-height:20px; letter-spacing:-0.8px;}
ul.pagination li.thisPage{border-bottom:solid 2px #606060;}
ul.pagination li.first{}
ul.pagination li.last{}
ul.pagination li.ellipsis{}
ul.pagination li.prev a:before,
ul.pagination li.next a:before{
	display:block;
	font-family:"Material Icons";
	font-size:16px;
	font-weight:normal;
}
ul.pagination li.prev a:before{content:"\e5e0";}
ul.pagination li.next a:before{content:"\e5e1";}
ul.pagination li a span{display:inline-block;}




/********前後ナビ********/
.prev_and_next{display:flex; justify-content:space-between; margin: 16px auto 16px;}
.prev_and_next a{display:inline-block; color: #606060;}
.prev_and_next a.prev span:before,
.prev_and_next a.next span:after{
	display:inline-block;
	vertical-align:middle;
	font-family:"Material Icons";
	font-size:16px;
	font-weight:normal;
	line-height:0;
	letter-spacing: 0.3px;
}

.prev_and_next a.prev span:before{margin: 0 0 0 0; content:"\e5e0";}
.prev_and_next a.next span:after{margin: -2px 0 0 3px; content:"\e5e1";}




/********標準リスト********/
.ul_def{}
.ul_def li{margin-top: 24px; color: #696969;}
.ul_def li:first-of-type{margin-top:0;}
.ul_def li em{
	display:inline-block;
	margin-bottom:10px;
	font-weight: bold;
	padding: ;
	line-height: 1.4;
}
.ul_def li p{line-height:1.5;}




/********標準テーブル********/
.table_def{width:100%; border-collapse:collapse; color: #000000;}
.table_def th,
.table_def td{padding:8px; border:solid 2px #000000; font-size:14px; line-height:1.28;}
.table_def th{background:rgba(0,0,0,0.1); font-weight:bold; text-align:center; white-space:nowrap;}
.table_def td{font-weight:normal; text-align:left; background:#ffffff;}




/********標準リンク********/
.link_def{
	display:flex; justify-content:center; align-items:center;
	margin: 0 auto;
	width: 100%;
	padding: 15px;
	background: #ff86cc;
	border-radius: 100px;
	color: #ffffff;
	font-size:15px;
	font-weight: 600;
	position: relative;
	border: 6px double #ffffff;
}

.link_def:before{
	content: "\e5cc";
	font-family: "Material Symbols Outlined";
	margin: 0px -2px 0px 0;
	display: inline-block;
	font-weight: 500;
	font-size: 24px;
	line-height: 1;
}

.link_def_mini{
	display:flex; justify-content:center; align-items:center;
	margin: 0 auto;
	width: 100%;
	padding: 10px 20px 12px;
	background: #a0a0a0;
	border-radius: 100px;
	color: #ffffff;
	font-size:14px;
	font-weight: 600;
	position: relative;
	border: 6px double #ffffff;
}

.link_def_mini:before{
	content: "\e5cc";
	font-family: "Material Symbols Outlined";
	margin:0px -2px -2px 0;
	display: inline-block;
	font-weight: 500;
	font-size: 18px;
	line-height: 1;
}



/********ダイアログ********/
.dialogBox{
	margin-bottom:24px;
	padding:32px 0;
	background: #ff86cc;
	color: #ffffff;
	font-size:16px;
	font-weight:bold;
	text-align:center;
}

.dialog_box_success{
	border: solid 3px #00b800;
	background: #ffffff;
	color: #00b800;
	padding: 1.5em;
	font-weight: 600;
	font-size: 16px;
	line-height: 1.6;
	text-align: center;
}

.dialog_box_error{
	border: solid 3px #ed1b26;
	background: #ffffff;
	color:#ed1b26;
	padding: 1.5em;
	font-weight: 600;
	font-size: 16px;
	line-height: 1.6;
	text-align: center;
}

.dialog_box_success span,
.dialog_box_error span{
	margin-right: 5px;
	display: inline-block;
	position: relative;
	top: 6px;
}

.caution{
	color: #ed1b26;
	margin: 0 0 16px 0;
}



/********その他********/




/********マージン・パディングプリセット********/
.mt0{margin-top:0;}
.mt2{margin-top:2px;}
.mt4{margin-top:4px;}
.mt6{margin-top:6px;}
.mt8{margin-top:8px;}
.mt10{margin-top:10px;}
.mt12{margin-top:12px;}
.mt16{margin-top:16px;}
.mt20{margin-top:20px;}
.mt24{margin-top:24px;}
.mt28{margin-top:28px;}
.mt32{margin-top:32px;}
.mt36{margin-top:36px;}
.mt40{margin-top:40px;}
.mt48{margin-top:40px;}
.mt56{margin-top:56px;}
.mt64{margin-top:64px;}
.mt80{margin-top:80px;}
.mt96{margin-top:96px;}
.mt128{margin-top:128px;}
.mb0{margin-bottom:0;}
.mb2{margin-bottom:2px;}
.mb4{margin-bottom:4px;}
.mb6{margin-bottom:6px;}
.mb8{margin-bottom:8px;}
.mb10{margin-bottom:10px;}
.mb12{margin-bottom:12px;}
.mb16{margin-bottom:16px;}
.mb20{margin-bottom:20px;}
.mb24{margin-bottom:24px;}
.mb28{margin-bottom:28px;}
.mb32{margin-bottom:32px;}
.mb36{margin-bottom:36px;}
.mb40{margin-bottom:40px;}
.mb48{margin-bottom:40px;}
.mb56{margin-bottom:56px;}
.mb64{margin-bottom:64px;}
.mb80{margin-bottom:80px;}
.mb96{margin-bottom:96px;}
.mb128{margin-bottom:128px;}
.ms0{margin-left:0; margin-right:0;}	/****ms＝margin side****/
.ms2{margin-left:2px; margin-right:2px;}
.ms4{margin-left:4px; margin-right:4px;}
.ms6{margin-left:6px; margin-right:6px;}
.ms8{margin-left:8px; margin-right:8px;}
.ms10{margin-left:10px; margin-right:10px;}
.ms12{margin-left:12px; margin-right:12px;}
.ms16{margin-left:16px; margin-right:16px;}
.ms20{margin-left:20px; margin-right:20px;}
.ms24{margin-left:24px; margin-right:24px;}
.ms28{margin-left:28px; margin-right:28px;}
.ms32{margin-left:32px; margin-right:32px;}
.ms36{margin-left:36px; margin-right:36px;}
.ms40{margin-left:40px; margin-right:40px;}
.ms48{margin-left:48px; margin-right:48px;}
.ms56{margin-left:56px; margin-right:56px;}
.ms64{margin-left:64px; margin-right:64px;}
.ms80{margin-left:80px; margin-right:80px;}
.ms96{margin-left:96px; margin-right:96px;}
.ms128{margin-left:128px; margin-right:128px;}
.ps0{padding-left:0; padding-right:0;}	/****ps＝padding side****/
.ps2{padding-left:2px; padding-right:2px;}
.ps4{padding-left:4px; padding-right:4px;}
.ps6{padding-left:6px; padding-right:6px;}
.ps8{padding-left:8px; padding-right:8px;}
.ps10{padding-left:10px; padding-right:10px;}
.ps12{padding-left:12px; padding-right:12px;}
.ps16{padding-left:16px; padding-right:16px;}
.ps20{padding-left:20px; padding-right:20px;}
.ps24{padding-left:24px; padding-right:24px;}
.ps28{padding-left:28px; padding-right:28px;}
.ps32{padding-left:32px; padding-right:32px;}
.ps36{padding-left:36px; padding-right:36px;}
.ps40{padding-left:40px; padding-right:40px;}
.ps48{padding-left:48px; padding-right:48px;}
.ps56{padding-left:56px; padding-right:56px;}
.ps64{padding-left:64px; padding-right:64px;}
.ps80{padding-left:80px; padding-right:80px;}
.ps96{padding-left:96px; padding-right:96px;}
.ps128{padding-left:128px; padding-right:128px;}
.pd0{padding:0;}
.pd2{padding:2px;}
.pd4{padding:4px;}
.pd6{padding:6px;}
.pd8{padding:8px;}
.pd10{padding:10px;}
.pd12{padding:12px;}
.pd16{padding:16px;}
.pd20{padding:20px;}
.pd24{padding:24px;}
.pd28{padding:28px;}
.pd32{padding:32px;}
.pd36{padding:36px;}
.pd40{padding:40px;}
.pd48{padding:48px;}
.pd56{padding:56px;}
.pd64{padding:64px;}
.pd80{padding:80px;}
.pd96{padding:96px;}
.pd128{padding:128px;}