@charset "utf-8";
/* CSS Document */

nav.NavMenu.active {
    transform: translateX(0%);
      position: fixed;
}

body{
	font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO","sans-serif";
	font-weight: 600;
	font-style: normal;
	letter-spacing: 0;
	color: #333;
}

content{
	padding: 0 0 100px 0;
}


main{
	padding: 0 0 100px 0;
}

a:hover{
	text-decoration: underline;
}

header {
    padding: 0;
}

header .logo {
    text-align: center;
    font-size: 33px;
    color: #ff7bac;
	margin-top: 10px;
}

header .logo img{
	max-width: 40%;	
}

header nav ul{
	display: none;
}

header .box .language{
	display: none;
}

header .box a{
    text-decoration: none;
	}

header .box a:hover{
    text-decoration: none;
	opacity: 0.8;
	}

header nav ul a{
    text-decoration: none;
}

header nav ul a:hover{
    text-decoration: none;
		opacity: 0.7;
}

footer{
	border-top:double 3px #000;
	background-color: #ccc;
}

footer nav ul li{
	padding: 20px;
}

footer .copy{
	color: #fff;
	background-color: #000;
	text-align: center;
	padding: 20px;
}




@media (min-width: 746px) {
	header .box{
		display: flex;
		margin: 0 auto 20px auto;
	}
}

@media (min-width: 1200px) {
header {
    padding: 0;
}	
	
	header .box{
		display: flex;
		max-width: 1200px;
		margin: 0 auto 20px auto;
	}
	
	header .box .language{
		display: flex;
		width: 100%;
		justify-content:center;
	}
	
	header .box .language li{
		margin-right: 30px;
	}
	
	header .box .language li:last-child{
		margin-right: 0;
	}
	
	header nav ul{
		display: flex;
		justify-content: space-around;
		padding: 20px;
	}
	
	footer nav ul{
		display: flex;
		justify-content: space-around;
	}
}

/*藤井追加分*/

.wrapper footer {
    height: auto;
    text-align: center;
    background-color: #fde7f0;
		    border-top: none;
}


@media screen and (min-width: 751px){
	item_panel {
    display: block !important;
    margin-bottom: 100px;
    height: 100% !important;
}
}	

@media screen and (max-width: 645px){
.wrapper footer {
    height: auto;
    text-align: center;
    background-color: #fde7f0;
		    border-top: none;
}
footer nav ul li {
    padding: 8px;
}
	
body .Toggle {
    position: fixed;
    right: 5px;
    padding: 6px 40px;
    width: auto;
    top: 0px;
	    background-color: #fff;
}	
}