/****************************/
/**    　　　　　　　　　    **/
/**    全ページ共通ＣＳＳ    **/
/**    　　　　　　　　　    **/
/****************************/

:root {
	--color-black: #000;
	--color-white: #fff;
	--color-green: #006e35;
	--color-yellowgreen: #8fc31f;
	--color-lightgreen: #e8f1e1;
	--color-orange: #f39800;
	--color-lightorange: #fff2e5;
	--color-pink: #ee86b4;
	--color-lightgray: #cccccc;
	--color-gray: #555;

	}


/***** 初期値、リセットなど *****/

header, footer, nav, main, article, section {
	display:block;
	}

html, body, h1, h2, h3, h4, ul, ol, li, dl, dt, dd, div, p, span, nav, img, .wrapper, article, header, footer {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	font-family: 'M_PLUS_Rounded_1c';
	font-weight: 400;
	margin: 0;
	padding: 0;
	list-style: none;
	letter-spacing: 0.1vw;
	}

body {
	background:#e8f1e1;
	color: #000000;
	}

	

/****************************/
/**         ラッパー        **/
/****************************/



.wrapper {
	width: 100vw;
	height: auto;
	letter-spacing: 0.1vw;
	}



/***************************************************/
/**      左のメニューを表示、ボトムメニューを非表示      **/
/***************************************************/



header {
	position: fixed;
	width: 100%;
	height: 7vw;
	background: #fff;
	display: flex;
	justify-content: space-between;
	box-shadow: 0 0.1vw 1vw 0 #ccc;
	z-index: 100;
	}



/*---   ロゴ   ---*/

h1 {
	box-sizing: border-box;
	padding: 0.5% 0;
	flex-basis: 15%;
	display: flex;
	justify-content: center;
	align-items: center;
	}

h1 a {
	color: #000;
	height: 100%;
	font-size: 0.8vw;
	line-height: 0.7vw;
	letter-spacing: 0.1vw;
	text-decoration: none;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	}

h1 a .logo {
	width: auto;
	height: 95%;
	}

/*---   メニュー   ---*/

.navi {
	height: 100%;
	flex-basis: 55%;
	display: flex;
	justify-content: center;
	}

.navi ul {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	}

.navi ul li {
	width: 20%;
	height: 20%;
	padding: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	}

.navi ul li a {
	position: relative;
	color: #000;
	font-size: 1.2vw;
	width: auto;
	height: auto;
	text-decoration: none;
	}

.navi ul li a:hover {
	color: #ee86b4;
	text-shadow: 0.1vw 0.1vw 0.1vw #C7C7C7;
	transition: transform 0.8s;
	}

.navi ul li a::after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 2px;
	background: #ee86b4;
	bottom: -0.3vw;
	transform: scale(0, 1);
	transform-origin: right top;
	transition: transform 0.3s;
	}

.navi ul li a:hover::after {
	transform: scale(1, 1); 
	transform-origin: left top;
	}


/*---   ボトムメニューを非表示   ---*/

.navi_bottom {
	display: none;
	}

/*---   メニューお問い合わせ等   ---*/

.information_top {
	padding: 1% 0;
	flex-basis: 15%;
	text-align: left;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	}

.information_top p {
	font-size: 1vw;
	letter-spacing: 0.2vw;
	}

.information_top p a {
	color: var(--color-black);
	text-decoration: none;
	}

.information_top p strong {
	background: url(../image/share/tel.svg) left center / auto 90% no-repeat;
	padding: 3% 0 3% 18%;
	font-size: 1.2vw;
	}

.information_top p span {
	padding-left: 9%;
	letter-spacing: 0.1vw;
	}



/****************************/
/**    フッター             **/
/****************************/



footer {
	width: 100%;
	height: 40vw;
	background: #006e35;
	display: flex;
    flex-direction: column;
    align-items: center;
	}

.footer_content {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-evenly;
    align-items: space-around;
	}

.footer_content div {
	display: flex;
	flex-direction: column;
	}

.footer_content div div {
	height: 30%;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	align-items: center;
	}

.footer_content div div p {
	color: #ee86b4;
	width: 100%;
	height: 20%;
	border-bottom: solid 0.1vw #ee86b4;
	font-size: 1vw;
	display: flex;
	flex-direction: column;
	justify-content: center;
	}

.footer_content div div ul {
	width: 75%;
	height: 70%;
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: space-evenly;
	}

.footer_content div div ul li {
	font-size: 1.2vw;
	}

.footer_content div div ul li a {
	color: #fff;
	text-decoration: none;
	}

.footer_title {
	flex-basis: 25%;
	justify-content: center;
	align-items: center;
	}

.footer_title img {
	width: 80%;
	}

.footer_title p {
	color: #fff;
	font-size: 1.4vw;
	}

.address {
	flex-basis: 30%;
	justify-content: space-evenly;
	}

.address_group p{
	width: 100%;
	}

.link {
	flex-basis: 15%;
	justify-content: space-evenly;
	}

.link_list {
	background: url(../image/share/rink_yajirushi.svg) right center / auto 75% no-repeat;
	}

/*---   コピーライトの文字   ---*/

.under {
	color: #006e35;
	background: #fff;
	width: 100%;
	height: 10%;
	padding: 1% 0;
	font-size: 0.8vw;
	display: flex;
        justify-content: center;
	align-items: center;
	}



@media (max-width: 960px){



header {
	height: 15vw;
	background: rgba(255, 255, 255, 0.7);
	box-shadow: none;
	}

/*---   ロゴ   ---*/

h1 {
	flex-basis: 25%;
	padding: 0 0 2% 1%;
	}

h1 a {
	width: 100%;
	height: 100%;
	font-size: 1.9vw;
	}

h1 a .logo {
	height: 90%;
	}

/*---   メニュー   ---*/

.navi {
	display: none;
	}

.navi_bottom {
	position: fixed;
	display: block;
	bottom: 0;
	width: 100vw;
	height: auto;
	background: #006e35;
	z-index: 1000;
	}

.navi_bottom ul {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: space-around;
	}

.navi_bottom ul li {
	width: auto;
	height: 19vw;
	display: flex;
	justify-content: center;
	align-items: center;
	}

.navi_bottom ul li a {
	color: #fff;
    width: 100%;
    height: 90%;
	font-size: 3vw;
    text-decoration: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
	}

.navi_bottom ul li a small {
    font-size: 2.5vw;
	}



/*---   メニューお問い合わせ等   ---*/

.information_top {
	padding: 1% 0;
	flex-basis: 33%;
	}

.information_top p {
	font-size: 2.6vw;
	}

.information_top p strong {
	font-size: 3vw;
	background: url(../image/share/tel.svg) left center / auto 80% no-repeat;
	text-align: right;
	}

.information_top p span {
	padding-left: 15%;
	text-align: left;
	}



/****************************/
/**    フッター             **/
/****************************/



footer {
	height: auto;
	margin-bottom: 19vw;
	}

.footer_content {
	width: 100%;
	margin-top: 10%;
	flex-wrap: wrap;
	justify-content: space-around;
	}

.footer_content div div {
	height: auto;
	}

.footer_content div div p {
	height: auto;
	font-size: 3vw;
	border-bottom: solid 0.3vw #ee86b4;
	}

.footer_content div div ul {
	width: 90%;
	height: auto;
	padding-top: 3%;
	line-height: 8vw;
	}

.footer_content div div ul li {
	font-size: 3vw;
	letter-spacing: 0.2vw;
	}

.footer_title {
	order: 2;
	flex-basis: 100%;
	height: 50vw;
	background: var(--color-white);
	}

.footer_title img {
	width: 37%;
	}

.footer_title p {
	color: var(--color-black);
	font-size: 3vw;
	}

.address {
	order: 1;
	flex-basis: 90%;
	height: 100vw;
	}

.link {
	order: 3;
	flex-basis: 90%;
	height: 80vw;
	padding: 7% 0;
	}



/*---   コピーライトの文字   ---*/

.under {
	height: auto;
	padding: 5% 0;
	font-size: 2vw;
	}

}