/*
Theme Name: kinder
*/


@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Material+Icons');
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);

* {
    box-sizing: border-box;
    list-style: none;
}
body {
    margin: 0;
    padding: 0;
	overflow-x: hidden;
	font-family: Arial, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
}
a:-webkit-any-link {
	text-decoration:none;
}
.pc {display:block;}
.sp {display:none;}
header {
    display: flex;
	justify-content: space-between;
    max-width: 1200px;
    width: 100%;
    margin: auto;
    padding: 18px 10px;
}
.logo {
	width: 80px;
}
ul {padding: 0;}

.bg_silver {background: #F7F7F7;}

nav {
	max-width: 1200px;
    width: 100%;
}
nav ul {
    display: flex;
    margin: auto;
	/* height: 46px; */
}
nav li {
    list-style: none;
	width: 20%;
}

nav li a {
    color: #fff;
    font-weight: bold;
    text-decoration: none;
    display: block;
    text-align: center;
	line-height: 46px;
}

nav li a:hover {
    background: #666666;
    transition-duration: 0.5s;
}
.hamburger-menu {
	display:none;
	margin-left:auto;
}
.hamburger-menu:hover {
	cursor:pointer;
}

.MV {
	background: rgb(237, 237, 237);
	height: 300px;
	display: flex;
	justify-content: center;
	align-items: center;
}
main {
	width: 100%;
	max-width: 1200px;
	margin: auto;
}
h2 {
	margin: 0 0 80px;
	text-align:center;
	font-size: 2.2em;
}

/* 新着コンテンツ */
#new_contents a {
	color: #000;
}
#new_contents a:hover {
	opacity: .7;
	transition: 0.3s;
}
#new_contents .head_line {
	max-width:800px;
	width: 100%;
	margin:auto;
	background: #fff;
	padding:20px;
}
#new_contents .head_line .latest {
	display:flex;
	height: 190px;
	border-bottom: #e8e8e8 solid 1px;
	padding: 8px 8px 15px;
}

.link_btn {
	text-align:center;
	margin-top: 50px;
}
.link_btn a {
	padding: 8px 22px;
	border-radius: 100vh;
	background: #1e7bf1;
	color:#fff;
	font-size: 0.9em;
}
.link_btn a:hover {
	opacity:.7;
	transition:0.3s;
}
footer {
	background: #333;
	color: #fff;
	padding: 100px 10px;
	text-align:center;
}
.post_thumb {
	position:relative;
}




/* 以下タブレット設定 */
@media screen and (max-width: 1156px) {

}

/* 以下スマホ設定 */
@media screen and (max-width: 950px) {
.pc {display:none;}
.sp {display:block;}
nav {
	position:fixed;
	top:0;
	bottom:0;
	width:75%;
	height:100vh;
	right: -1000px;
	transition: 0.3s;
	z-index:9999;
}
nav.active {
display:block;
right:0;
transition: 0.3s;
}
nav ul {
	display:block;
}
nav ul li {
	width:100%;
	border-bottom: 1px solid #fff;
}
nav ul a {
	text-align:left;
	padding-left: 15px;
}
.hamburger-menu {
	display:block;
}
.hamburger-menu .material-symbols-outlined{
	font-size:40px;
}
.menu-close .material-symbols-outlined {
	font-size:40px;
	line-height:60px;
}
.menu-close {
	height:60px;
	text-align:right;
	padding-right:10px;
	color: #fff;
	cursor:pointer;
}
.top_header .logo {
	width: 100px;
	padding-top: 10px
}
.top_header .catch_copy {
	font-size:0.8em;
}
h2 {
	margin: 0 0 40px;
	font-size: 2em;
}

}