@charset "utf-8";

/* ===================================================================================================
   リセット
 =================================================================================================== */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{width:100%;height:auto;vertical-align:bottom}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}q:before,q:after{content:''}abbr,acronym{border:0}strong,em{font-weight:medium}figure{margin:0;padding:0}input:focus,textarea:focus,select:focus,button:focus{outline:none}input,button,textarea,select{color: #000;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;border:none;border-radius:0;outline:none;font-size:100%}

/* ===================================================================================================
   共通
 =================================================================================================== */
html.lock,body.lock{height:calc(var(--window-inner-height) - 1px);overflow:hidden;box-sizing:border-box}html{font-size:62.5%}body{font-size:1.6rem;font-family:ZenMaruGothic,"Yu Gothic Medium",YuGothic,-apple-system,BlinkMacSystemFont,Roboto,"Helvetica Neue",HelveticaNeue,Arial,Verdana,"游ゴシック体","游ゴシック Medium","游ゴシック","Yu Gothic",Meiryo,sans-serif;color:#000;font-weight:normal;line-height:1.8;letter-spacing:.1em;font-feature-settings:"palt";background:#fff}*{box-sizing:border-box}@media screen and (max-width:959px){body{font-size:1.5rem}}

/*  共通リンク色・別ウィンドウ
-----------------------------------------------------------*/
a,a:link,a:visited{color:#000;text-decoration:underline;transition: opacity .3s,text-decoration .3s}@media screen and (min-width:960px){a:hover,a:active{color:#000;text-decoration:none}}

/*  アイコン
-----------------------------------------------------------*/
.m-ico{font-style: normal;vertical-align: middle;font-weight:normal;}.m-ico:before{display: inline-flex;align-items: center;font-family:'Material Icons Round';content: attr(data-icon);line-height: 1;font-size: 100%;}

/*  ページトップ
-----------------------------------------------------------*/
.page-top{position:fixed;right:0;bottom:0;margin:0 auto;opacity:0;visibility:hidden;transition:opacity .3s,visibility .3s}.page-top a{display:flex;justify-content:center;align-items:center;margin-left:auto;padding:3px;color:#fff;line-height:1;font-size:3rem;text-decoration:none;background-color:rgba(0,0,0,.3)}.page-top.ac{visibility:visible;opacity:1}.page-top.absolute{position:absolute;bottom:100%}@media screen and (min-width:960px){.page-top{right:0;bottom:0}.page-top a{padding:10px}.page-top a:hover{opacity:.6}}

/*  パンくず
-----------------------------------------------------------*/
.breadcrumbs{padding:4px 10px;background:#f5f5f5;line-height:1}.breadcrumbs_wrapper{display:flex;align-items:center}.breadcrumbs_contents{display:block;width:100%}.breadcrumbs_item{display:inline-block;color:#6b6e71;font-size:1.2rem;line-height:2;vertical-align:middle}.breadcrumbs_item.-home{flex-shrink:0;margin-right:2.6666666667vw}.breadcrumbs_inner{margin-bottom:-10px;padding-bottom:10px;overflow-x:auto;white-space:nowrap;width:76vw}.breadcrumbs_item{display:inline-block;line-height:2;margin-right:2.6666666667vw}.breadcrumbs_item:not(:last-child):after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);display:inline-block;transform:rotate(-45deg);border:1px solid #999;border-top:none;border-left:none;vertical-align:middle;content:"";width:1.0666666667vw;height:1.0666666667vw;margin-top:-.7vw;margin-left:1.3333333333vw}a.breadcrumbs_anchor{font-weight:700}@media screen and (min-width:960px){.breadcrumbs{padding:8px 0}.breadcrumbs_wrapper{width:1400px;margin:0 auto}.breadcrumbs_item.-home,.breadcrumbs_item{margin-right:10px}.breadcrumbs_inner{width:inherit}.breadcrumbs_item:not(:last-child):after{width:4px;height:4px;margin-top:-3px;margin-left:4px}}@media screen and (max-width:959px){.breadcrumbs{position:sticky;left:0;top:0;z-index:1001;width:100%}}

/*  レイアウト
-----------------------------------------------------------*/
.inner{margin:0 auto;width:100%;max-width:1400px}@media screen and (min-width:960px){.inner{padding:0 5px}}@media screen and (max-width:959px){.pc-only{display:none}}@media screen and (min-width:960px){.sp-only{display:none}}

/* ===================================================================================================
   ヘッダー・ナビゲーション
 =================================================================================================== */
.hd{
	width: 100%;
}
.hd-inner{
	display: flex;
	justify-content: space-between;
	margin: 0 auto;
	width: 100%;
	max-width: 1400px;
}
.hd-ttl{
	padding: 10px 5px;
	width: 200px;
}

@media screen and (min-width: 960px) {
	.hd-ttl{
		padding: 10px 0;
		width: 300px;
	}
}
@media screen and (max-width: 959px) {
	.nv{
		position: fixed;
		left: 0;
		bottom: 0;
		z-index: 100;
		width: 100%;
		background: #000;
		transition: bottom .3s;
	}
	.nv-list_item span{
		display: none;
	}
	.fixednone .nv{
		bottom: -100px;
	}
}
.nv-list{
	display: flex;
}
.nv-list_item{
	position: relative;
	width: calc(100% / 4);
}
.nv-list_item:before{
	position: absolute;
	top: 0;
	content: "";
	width: 1px;
	height: 100%;
	background: #ccc;
}
.nv-list_item:first-child:before{
	display: none;
}
.nv-list_item > a{
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 8px 2px;
	height: 100%;
	color: #fff;
	line-height: 1.3;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
}
.nv-list_item-box{
	display: flex;
	flex-direction: column;
}
.nv-list_item-box:after{
	display: none;
}

.nv-list_item-box .m-ico{
	font-size: 2.5rem;
	line-height: 1;
}
.nv-list_item-box p{
	margin-top: 2px;
	line-height: 1;
}
@media screen and (max-width: 959px) {
	.nv-list_item-box p{
		font-size: 1.2rem;
	}
}
@media screen and (min-width: 960px) {
	.hd{
		border-bottom: solid 1px #f5f5f5;
		background-color:rgba(255,255,255,.8);
	}
	.nv{
		width: calc(100% - 400px);
		/*background-color: rgba(0,0,0,0.5);*/
	}
	.nv-list_item:before{
		top: 50%;
		margin-top: -20px;
		height: 40px;
	}
	.nv-list_item > a{
		padding: 5px;
		color: #000;
	}
	.nv-list_item > a:hover{
		opacity: .6;
	}
	.nv-list_item-box:after{
		display: block;
		content: attr(data-en);
		margin-top: 5px;
		font-size: 1.2rem;
		color: #aaa;
	}
	.nv-list_item-box p{
		margin-top: 5px;
		letter-spacing: .3em;
	}
	
	.fixed .hd{
		position: fixed;
		left: 0;
		z-index: 1000;
		box-shadow: 0 0 12px rgb(0 0 0 / 10%);
	}

	.fixed .nv-list_item > a{
		color: #000;
	}
}
.nv-link_ttl{
	font-size: 2.5rem;
	font-weight: bold;
}
.nv-link_txt{
	padding: 5px 10px;
	font-size: 1.4rem;
	border-radius: 50vw;
	background: #3d2502;
}



/* ===================================================================================================
   コンテンツレイアウト
 =================================================================================================== */
.contents{
	margin-top: 20px;
}
.sect{
	padding: 20px 0;
}
.page-sect{
	margin-top: 30px;
}
@media screen and (min-width: 960px) {
	.contents{
		margin: 20px auto;
		max-width: 1400px;
	}
	.contents:not(.-nocol){
		display: flex;
		justify-content: space-between;
	}
	.main{
		width: calc(100% - 400px);
	}
	.side{
		margin: 0 0 0 50px;
		padding: 0;
		width: 400px;
		background: none;
	}
	.sect{
		padding: 50px 0;
	}
}
@media screen and (min-width: 960px) and (max-width: 1600px) {
	.contents{
		padding: 0 5px;
	}
	.side{
		width: 300px;
	}
	.breadcrumbs{
		padding-left: 5px;
		padding-right: 5px;
	}
}

/*  サイドバー
-----------------------------------------------------------*/
@media screen and (max-width: 959px){
	.side{
		display: flex;
		flex-direction: column-reverse;
		margin-top: 30px;
		padding: 30px 10px;
		background: #f5f5f5;
	}
	.googleads-side{
		margin-top: 30px;
	}
}
.side-sect:not(:first-of-type){
	margin-top: 30px;
}
.side-sect_inner{
	margin-top: 10px;
}
.side-sect_ttl{
	letter-spacing: 0;
	font-size: 2.2rem;
	font-weight: bold;
}
@media screen and (min-width: 960px){
	.sidebar{
		position: sticky;
		top: 100px;
		margin-top: 50px;
		background: none;
	}
	.side_ttl{
		font-size: 2.2rem;
		font-weight: bold;
	}
}

/*  見出し
-----------------------------------------------------------*/
.page-subtitle{text-align:center;font-size:2rem;font-weight:bold}@media screen and (min-width:960px){.page-subtitle{font-size:3rem}}.ttl-main{display:flex;flex-direction:column;margin:0 10px;line-height:1.2;font-weight:700}.ttl-main:after{content:attr(data-en);font-size:2.5rem}@media screen and (min-width:960px){.ttl-main{margin:0;line-height:1.2}.ttl-main:after{font-size:3.5rem}}.ttl-sect{display:flex;justify-content:center;align-items:center;margin:0 10px;font-size:2.2rem;font-weight:700;line-height:1.2}.ttl-sect:after{content:"- "attr(data-en)" -";margin-left:10px;font-size:60%;font-weight:400}@media screen and (min-width:960px){.ttl-sect{margin:0;font-size:3rem}}.ttl-txt{font-size:2.2rem;font-weight:700;line-height:1.2}@media screen and (min-width:960px){.ttl-txt{padding-top:15px;font-size:3rem}}




/* リストマーク */
.list-dot li{position:relative;padding-left:1.2em}.list-dot li:before{position:absolute;left:0;top:0;content:"\30FB"}.list-pet li{position:relative;padding-left:1.2em}.list-pet li:before{position:absolute;left:0;top:2px;color:#3d2502;font-size:1rem;font-family:'Material Icons Round';content:"\e91d";display:inline-block}@media screen and (min-width:960px){.list-pet li:before{top:7px}}

/* ※マーク */
ul.kome li,p.kome{position:relative;padding-left:1.2em;font-size:1.1rem}ul.kome li:before,p.kome:before{position:absolute;left:0;top:0;content:"\203B"}@media screen and (min-width:960px){ul.kome li,p.kome{font-size:1.3rem}}




/* ===================================================================================================
   googleads
 =================================================================================================== */
.googleads, .googleads-top{
	margin-top: 50px;
}
.googleads-entry{
	margin-top: 30px;
}
@media screen and (max-width: 750px){
	.googleads, .googleads-top{
		margin-top: 25px;
	}
}



.googleads-footer{
	margin-top: 50px;
	background: #fff;
}
.googleads-footer_inner{
	margin: 0 auto;
	width: 100%;
	max-width: 800px;
}











/* ======================================
 SNS follow me!
======================================== */
.sns-panel{position:fixed;z-index:100;display:flex;flex-direction:column;padding:5px 0;border-radius:8px 0 0 8px;transition:bottom .3s}.sns-panel dt{margin-right:10px;color:#000;font-weight:700}.sns-panel li a{position:relative;display:block;width:30px;height:30px;border-radius:50%;background:#000;transition:all 0.4s ease}.sns-panel li a:before{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);content:"";display:inline-block;width:13px;height:13px}.sns-panel li.twitter a:before{background:url(/images/sns/twiiter_w.svg) center /100% auto no-repeat}.sns-panel li.insta a:before{background:url(/images/sns/instagram_w.svg) center /100% auto no-repeat}.sns-panel li.youtube a:before{background:url(/images/sns/youtube_w.svg) center /100% auto no-repeat}.sns-panel li.tiktok a:before{background:url(/images/sns/tiktok.svg) center /100% auto no-repeat}.sns-panel li span{display:none}@media screen and (max-width:959px){.sns-panel{left:5px;bottom:58px}.fixednone .sns-panel{bottom:-100px}.sns-panel ul{display:flex;justify-content:center}.sns-panel li:not(:first-child){margin-left:2px}.sns-panel img{width:100%;height:auto}}@media screen and (min-width:960px){.sns-panel{top:50%;right:0;justify-content:center;align-items:center;transform:translateY(-50%);padding:15px 5px;background-color:rgba(255,255,255,.5)}.sns-panel dt{margin:0 0 10px;font-size:1.3rem;writing-mode:vertical-rl;text-orientation:mixed}.sns-panel li:not(:first-child){margin-top:10px}.sns-panel li a:hover{opacity:.6}}





/*  琥大朗さんぽ 追尾
-----------------------------------------------------------*/
.today-fixed a{display:block;text-decoration:none}.today-fixed{position:fixed;right:5px;bottom:65px;z-index:100;width:80px;transition:bottom .3s}.today-fixed a{position:relative}.today-fixed a:before{position:absolute;left:-10px;top:-13px;content:"";display:inline-block;width:90px;height:44px;background:url(/_images/txt_walking.svg) center / 100% auto no-repeat;transform:scale(1.1)}.today-fixed_update{position:absolute;left:0;bottom:-3px;padding:2px 2px 5px;width:100%;color:#fff;line-height:1;text-align:center;font-size:1.2rem;letter-spacing:0;border-radius:5px;background:#000}.today-fixed_img{overflow:hidden;width:80px;height:80px;border-radius:50vw;border:solid 2px #000}.today-fixed_img figure{height:100%}.today-fixed_img img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;vertical-align:bottom}@media screen and (max-width:959px){.fixednone .today-fixed{bottom:-100px}}@media screen and (min-width:960px){.today-fixed{width:150px}.today-fixed_img{overflow:hidden;width:150px;height:150px}.today-fixed a:before{left:-8px;top:-17px;width:147px;height:70px;transform:scale(1.2)}.today-fixed_update{padding:5px 8px 8px;font-size: 1.3rem}}

/* ===================================================================================================
   ページ送り
 =================================================================================================== */
.paging,.content-nav{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;margin-top:30px}.link_page,.current_page,.paging_prev a,.paging_next a,.content-nav a{display:flex;justify-content:center;align-items:center;width:30px;height:30px;text-align:center;border:solid 1px #333;background:#fff;transition:all 0.4s ease}.current_page{color:#fff;font-weight:700;text-decoration:none;background:#333}@media screen and (min-width:960px){.paging,.content-nav{margin-top:50px;}.link_page:hover,.content-nav__next a:hover,.content-nav a:hover{opacity:.6;text-decoration:underline}.link_page,.current_page,.paging_prev a,.paging_next a,.content-nav a{width:40px;height:40px}}.paging_prev,.paging_next{display:block;}.paging_prev{margin-right:8px;}.paging_next{margin-left:8px;}.paging_next.content-nav a[rel="prev"],.content-nav a[rel="next"]{margin:0 -5px}.paging_prev a,.paging_next a,.content-nav a[rel="prev"],.content-nav a[rel="next"]{border:solid 1px #ddd;background:#f5f5f5}

/*  ブログランキング
-----------------------------------------------------------*/
.blogranking{margin:50px 0 0;padding-top:20px;border-top:solid 1px #ccc}.blogranking-list{display:flex;justify-content:center;margin-left:-10px}.blogranking-list_item{margin-left:10px}.blogranking-list_item img{width:auto; height:30px}@media screen and (min-width:960px){.blogranking{margin:50px 0 0;padding-top:0;border-top:none}.blogranking-list{justify-content:flex-start}.blogranking-list_item img{height:50px}.blogranking-list_item a:hover{opacity:.6}}


/*  Footer
-----------------------------------------------------------*/
.footer{position:relative;margin-top:30px}.footer-nav{background:#000}.footer-list{display:flex;justify-content:center}.footer-list_item a{color:#fff;text-decoration:none}.footer-copy{padding:15px 10px;text-align:center;font-size:1.3rem}@media screen and (max-width:959px){.footer-list_item{position:relative;width:calc(100% / 4)}.footer-list_item a{display:flex;flex-direction:column;padding:10px 2px;height:100%;color:#fff;line-height:1.3;font-size:1.2rem;font-weight:700;text-align:center;text-decoration:none}.footer-list_item:before{position:absolute;top:0;content:"";width:1px;height:100%;background:#ccc}.footer-list_item:first-child:before{display:none}.footer-list_item .m-ico{font-size:2.5rem}.footer-list_item span{display:none}}@media screen and (min-width:960px){.footer{margin-top:50px}.footer-nav{padding:20px}.footer-list_item{padding:0 30px}.footer-list_item:not(:first-child){border-left:solid 1px #555}.footer-list_item a:hover{opacity:.6}.footer-list_item .m-ico{margin-right:10px}.footer-copy{padding:20px;}}





.keywordsearch{
	margin-top: 30px;
	padding: 20px 10px;
	border-top: solid 1px #ccc;
}
.keywordsearch_ttl{
	text-align: center;
}
.keywordsearch-list{
	display: flex;
	flex-wrap: wrap;
	margin: 10px 0 0 -3px;
}
.keywordsearch-list_item{
	margin: 10px 0 0 3px;
}
.keywordsearch-list_item a{
	display: block;
	padding: 5px 10px;
	text-decoration: none;
	font-size: 1.2rem;
	border-radius: 50vw;
	background: #f5f5f5;
	transition: opacity .3s;
}
.keywordsearch-list_item a:before{
	content: "#";
}
.keywordsearch-list_item span{
	margin-left: 5px;
	font-size: 1.2rem;
}

@media screen and (min-width: 960px){
	.keywordsearch{
		margin-top: 50px;
		padding: 50px 0;
	}
		
	/* タグ */
	.side-nav_taglist{
		margin: 0 0 0 -5px;
	}
	.keywordsearch-list_item{
		margin: 10px 0 0 5px;
	}
	.keywordsearch-list_item a{
		padding: 8px 20px;
		font-size: 1.4rem;
	}
	.keywordsearch-list_item a:hover{
		opacity: .6;
	}
}
















/* =============================================================================
    JS
============================================================================= */

/* =============================================================================
    modal
============================================================================= */
@media screen and (max-width: 959px){
	html.lock, body.lock{
		height: calc(var(--window-inner-height) - 1px);
		overflow: hidden;
		box-sizing: border-box;
	}
}
@media screen and (min-width: 960px){
	body.lock {
		position: fixed;
		width: 100%;
		height: 100%;
		left: 0;
		overflow-y: scroll;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
}
.modal-wrap * {
    box-sizing: border-box;
}
.modal-wrap {
    z-index: 10001;
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.modal-content {
	display: none;
	position: fixed;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	padding: 10px 5px;
	width: 90%;
	background: #fff;
	transition: opacity 0.5s 0s ease;
	opacity: 0;
	border-radius: 3px;
}
.modal-content.is-animation{
	opacity: 1;
}
.modal-header{
	display: none;
}
@media screen and (max-width: 959px){
	.modal-content {
		height: 90%;
		height: calc(100% - 75px);
	}
	.modal-content-in{
		height: 100%;
		overflow-y: auto;
	}
	.modal-content-in::-webkit-scrollbar {
		background: #eee;
		width: 3px;
	}
	.modal-content-in::-webkit-scrollbar-thumb {
		background: #aaa;
	}
	body.lock .breadcrumbs{
		z-index: 0;
	}
	body.localfixed.lock .breadcrumbs{
		opacity: 0;
		transition: opacity 0.4s ease;
	}
}

@media screen and (min-width: 960px){
	.modal-wrap {
		overflow-y: auto;
	}
	.modal-content {
		display: none;
		position: fixed;
		left: 50%;
		top: 50%;
		transform: translate(-50%, -50%);
		margin: 30px auto;
		padding: 30px;
		width: 100%;
		max-width: 1200px;
		background: #fff;
		transition: opacity 0.5s 0s ease;
		opacity: 0;

	}
	.modal-wrap::-webkit-scrollbar {
		background: #ccc;
		width: 3px;
	}
	.modal-wrap::-webkit-scrollbar {
		width: 10px;
		margin-bottom: 30px;
	}
	.modal-wrap::-webkit-scrollbar-thumb {
		background: #aaa;
	}
}

.modal-overlay {
    z-index: 999;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	background: rgba(0, 0, 0, 0.6);
}
.modal-close-bot{
	text-align: center;
	padding: 20px;
}
.modal-close-bot span{
	display: inline-block;
	padding: 10px 20px;
	border: solid 1px #ccc;
}
.modal-close {
    position: absolute;
    right: -5px;
    top: -35px;
    font-size: 2.0rem;
    font-weight: bold;
    border-radius: 50%;
    width: 30px;
    height: 30px;
    border: 0;
    text-align: center;
    text-decoration: none;
    color: #fff;
    cursor: pointer;
    font-family: Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
@media screen and (min-width: 960px){
	.modal-close {
	    right: -30px;
	}
}
.modal-close:hover {
    text-decoration: none;
    color: #fff;
    opacity: .6;
    transition: all 0.4s ease;
}


@media  screen and (min-width: 760px) and (max-width: 1246px) {
	.-pc .modal-close {
		right: 0;
	}
}



/* =============================================================================
    Slider
============================================================================= */
.slider{display: none;}.slider.slick-initialized{display: block;}.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent;width:100%}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:none}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0);width:100%;height:100%}.slick-track{position:relative;top:0;left:0;display:block;margin-left:auto;margin-right:auto}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-prev,.slick-next{position:absolute;top:50%;display:block;width:50px;height:50px;margin-top:-25px;font-size:0;padding:0;cursor:pointer;border:none;outline:none;z-index:2;background-color:rgba(0,0,0,0.3)}.slick-prev.slick-disabled:before,.slick-next.slick-disabled:before{opacity:.25}.slick-prev:before,.slick-next:before{font-size:3rem;line-height:1;opacity:.75;color:#fff;font-family:'Material Icons Round'}.slick-prev{left:0}.slick-next{right:0}.slick-prev:before{content:"\e5e0"}.slick-next:before{content:"\e5e1"}.slick-dots{position:absolute;bottom:15px;display:flex;justify-content:center;width:100%}.slick-dots li{position:relative;display:inline-block;width:10px;height:10px;margin:0 5px;padding:0;cursor:pointer}.slick-dots li button{font-size:0;line-height:0;display:block;width:10px;height:10px;padding:5px;cursor:pointer;color:transparent;border:0;outline:none;background:transparent}.slick-dots li button:hover,.slick-dots li button:focus{outline:none}.slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1}.slick-dots li button:before{font-size:1rem;line-height:20px;position:absolute;top:0;left:0;content:'●';font-family:Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;text-align:center;opacity:.25;color:#000;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.slick-dots li.slick-active button:before{opacity:.75;color:#000}.slick-dots>li:first-child:last-child{display:none}