@charset "utf-8";
.slicknav_menu {
	display: none;
}
@media screen and (max-width: 667px) {

	.box, .wrapper, .container, .top--area {
		width: 100%;
		padding: 0;
	}
	.container {
		padding: 3%;
	}
    .title--area {
        margin-bottom: 10px;
    }
    
    .global--nav ul li {
        width: 100%;
    }
    
    .slicknav_nav ul {
        margin: 0;
    }

	.main--area {
		float: none;
	}
	.page--inner {
		margin: 0;
		padding: 3%;
	}
	.page--inner > img {
		max-width: 100%;
		max-height: none;
	}

	.page > h2 {
		padding: 10px 10px 10px 20px;
		font-size: 18px;
	}


	.links {
		flex-direction: column;
		align-items: center;
	}
	.links > h2 {
		width: 100%;
		padding: 50px 0;
	}
	.links .link--container {
		width: 100%;
		margin: 10px 0 0;
	}


	.side--menu {
		float: none;
		width: 100%;
		display: none;
	}
	.side--menu ul {
		display: none;
	}
	.slicknav_menu {
		display: block;
		margin-bottom: 20px;
        background: #fdf0d6;
        border: 3px double #595757;
	}
	.slicknav_menu .slicknav_menutxt {
		text-shadow: none;
	}

	.slicknav_btn {
		width: 100%;
		background: none;
		text-shadow: none;
	}
	.slicknav_menu .slicknav_icon {
		float: right;
	}
	.slicknav_menu .slicknav_icon-bar {
		box-shadow: none;
        background: #595757;
	}

	.slicknav_parent a p {
		display: inline-block;
	}
    
    .slicknav_nav a {
        color: #595757;
    }
	.slicknav_nav .slicknav_row:hover {
		border-radius: 0;
		background: none;
        color: #595757;
        opacity: .7;
	}

	.slicknav_nav li ul li a {
		margin: 10px 0 20px;
		padding-bottom: 5px;
		transition: all .3s ease;
	}
	.slicknav_nav li ul li a:hover {
		color: #595757;
		border-radius: 0;
		background: none;
		opacity: .7;
	}
	.slicknav_nav li ul li img {
        float: left;
		width: 70px;
        margin: 0 10px 10px 0;
	}

	footer {
		flex-direction: column;
		align-items: center;
		padding: 3%;
	}
	footer .copy--area {
		width: 100%;
	}
	footer > ul {
		display: block;
		width: 100%;
	}
    footer > ul > li {
        width: 100%;
    }

	.pan--nav {
		margin: 0 0 20px;
	}

	.sns--container {
		display: block;
	}
	.sns--button {
		width: 100%;
		margin-bottom: 10px;
	}

	.global--nav ul {
		flex-direction: column;
		padding: 3%;
	}

    
    .top--button {
        max-width: 94%;
    }
    
    .title--area .site--title {
        padding: 20px 3% 0;
        width: 100%;
    }
    .title--area .site--title::before,
    .title--area .site--title::after {
        content: none;
    }
    
    .page--inner img {
        width: 100%;
    }
    
    .global--nav {
        display: none;
    }
    
    footer .wrapper > ul > li {
        float: none;
        margin: 0;
    }
    footer {
        margin-top: 100px;
        padding-bottom: 60px;
    }
    .title--area .catch--copy {
        width: 100%;
        padding: 3%;
    }
    
    .column-flex .page {
        width: 100%;
        margin-bottom: 30px;
    }
    .column-flex .page img {
        width: 100%;
        margin: 0 0 10px;
    }
    
    .more--btn a {
        display: block;
        width: 100%;
        text-align: center;
    }
    
    table {
        line-height: 1.2;
    }
    
    footer .wrapper > ul > li {
        width: 100%;
    }
    
    .bx-wrapper {
        margin-bottom: 20px;
    }

}