@charset "UTF-8";
/*
	BASE
*******************************/

/*
font-family: "M PLUS 1p", sans-serif;
font-family: "Lato", sans-serif;
font-family: "Gothic A1", sans-serif;
font-family: "Zen Kaku Gothic New", sans-serif;
*/
* {
	font-family: "Lato", "Zen Kaku Gothic New", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo,'Hiragino Kaku Gothic Pro',Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;
	padding: 0;
	font-style: normal;
	font-weight:500;
	box-sizing:border-box;
	font-feature-settings: "palt";
	line-height:1;
}

html {
	font-size:62.5%;
	line-height:1;
	body {
		font-size:1.6rem;
		background-color: #FFFFFF;
		img {
			-webkit-backface-visibility: hidden;
			vertical-align:bottom;
			line-height:0;
			max-width: 100%;
			height: auto;
		}
		p,th,td,dt,dd,li,h1,h2,h3,h4,h5,h6,label {
			color:#333333;
		}
		a {
			color:#333333;
			text-decoration:none;
			outline:none;
			border:none;
			img {
				outline:none;
				border:none;
				-webkit-backface-visibility: hidden;
			}
		}
		area {
			border:none;
			outline:none;
		}
		.clear { clear:both;}
	}
}

:root {
	--color_main: #ffaa00;
	--color_sub: #ffcc00;
	--color_txt: #000000;
	--color_txt2: #FFFFFF;
}

/*//////////////////////////////////////////////////////////////////////////*/

/*
	BASE LAYOUT
******************/

#main {
	.wrap {
		.contents {
			max-width:1100px;
			width: calc(100% - 60px);
			margin:0 auto;
			box-sizing:border-box;
			position: relative;
		}
	}
}

.nolink {
	opacity: .66;
	pointer-events: none;
}

@media ( hover:hover) {

	a {
		transition:.3s;
		&::before,&::after {
		transition:.3s;
		}
	}
	.home {
		#fv {
			h1 {
				a {
					&:hover {
						color:#007572;
						&::after {
							transform:rotate(360deg);
						}
					}
				}
			}
		}
		a {
			&.btn,&.menu_btn {
				&:hover {
					transform:scale(1.02);
					box-shadow:-8px -8px 16px rgba(0,0,0,.06),
						10px 10px 20px rgba(0,0,0,.1)!important;
				}
			}
		}
		.posts {
			a {
				&:hover {
					transform:scale(1.02);
					filter:brightness(1.1);
				}
			}
		}
		#information {
			a {
				&:hover {
					transform:scale(1.02);
					box-shadow:-8px -8px 16px rgba(0,0,0,.06),
						10px 10px 20px rgba(0,0,0,.1)!important;
					filter:hue-rotate(-20deg);
				}
			}
		}
	}
	.contents {
		a {
			&.btn2,&.good {
				&:hover {
					transform:scale(1.02);
					box-shadow:-8px -8px 16px rgba(0,0,0,.06),
						10px 10px 20px rgba(0,0,0,.1)!important;
				}
			}
		}
	}
	
}

@media screen and (max-width:1024px){

}

@media screen and (max-width:768px){

/*
	Contents LAYOUT
******************/

#main {
	.wrap {
		.contents {
			width: calc(100% - 40px);
		}
	}
}
	
}


@media screen and (max-width:768px) {
    .pcOnly {
    	display:none !important;
    }
}
@media screen and (min-width:769px) {
    .spOnly {
    	display:none !important;
    }
}