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

.categorymainImg img{ vertical-align: top;}


#nenDonav{ background-color: #f26519;}
#nenDonav ul{ display: flex; flex-wrap: wrap; width: 100%; max-width: 1000px; margin: 0 auto; vertical-align: top;}
#nenDonav ul li{ width: 16%;}
#nenDonav ul li a{ display: block; width: 100%; height: 45px;}
#nenDonav ul li a img{ vertical-align: top;}
.nenDObtn01{background-image: url("https://agatsuma.co.jp/new_img/product/nen-do/menu01off_pc.jpg"); background-size: contain; background-position: center; background-repeat: no-repeat; border-left: #fff 1px solid;}
.nenDObtn01:hover{
	background-image: url("https://agatsuma.co.jp/new_img/product/nen-do/menu01on_pc.png") ,url("https://agatsuma.co.jp/new_img/product/nen-do/menuOnbg_pc.jpg");
	background-repeat: no-repeat , repeat-x;
	background-size: contain;
	background-position: center , left;
	border-left: #fff 1px solid;
}
.nenDObtn02{background-image: url("https://agatsuma.co.jp/new_img/product/nen-do/menu02off_pc.jpg"); background-size: contain; background-position: center; background-repeat: no-repeat; border-left: #fff 1px solid;}
.nenDObtn02:hover{ 
	background-image: url("https://agatsuma.co.jp/new_img/product/nen-do/menu02on_pc.png")  ,url("https://agatsuma.co.jp/new_img/product/nen-do/menuOnbg_pc.jpg");
	background-repeat: no-repeat , repeat-x;
	background-size: contain;
	background-position: center , left;
	border-left: #fff 1px solid;}
.nenDObtn03{background-image: url("https://agatsuma.co.jp/new_img/product/nen-do/menu03off_pc.jpg"); background-size: contain; background-position: center; background-repeat: no-repeat; border-left: #fff 1px solid;}
.nenDObtn03:hover{ 
	background-image: url("https://agatsuma.co.jp/new_img/product/nen-do/menu03on_pc.png") ,url("https://agatsuma.co.jp/new_img/product/nen-do/menuOnbg_pc.jpg");
	background-repeat: no-repeat , repeat-x;
	background-size: contain;
	background-position: center , left;
	border-left: #fff 1px solid;}
.nenDObtn04{background-image: url("https://agatsuma.co.jp/new_img/product/nen-do/menu04off_pc.jpg"); background-size: contain; background-position: center; background-repeat: no-repeat; border-left: #fff 1px solid; border-right: #fff 1px solid;}
.nenDObtn04:hover{ 
	background-image: url("https://agatsuma.co.jp/new_img/product/nen-do/menu04on_pc.png") ,url("https://agatsuma.co.jp/new_img/product/nen-do/menuOnbg_pc.jpg");
	background-repeat: no-repeat , repeat-x;
	background-size: contain;
	background-position: center , left;
	border-left: #fff 1px solid;
	border-right: #fff 1px solid;
}
.nenDObtn05{background-image: url("https://agatsuma.co.jp/new_img/product/nen-do/menu05off_pc.jpg"); background-size: contain; background-position: center; background-repeat: no-repeat; border-left: #fff 1px solid; border-right: #fff 1px solid;}
.nenDObtn05:hover{ 
	background-image: url("https://agatsuma.co.jp/new_img/product/nen-do/menu05on_pc.png") ,url("https://agatsuma.co.jp/new_img/product/nen-do/menuOnbg_pc.jpg");
	background-repeat: no-repeat , repeat-x;
	background-size: contain;
	background-position: center , left;
	border-left: #fff 1px solid;
	border-right: #fff 1px solid;
}
.nenDObtn06{background-image: url("https://agatsuma.co.jp/new_img/product/nen-do/menu06off_pc.jpg"); background-size: contain; background-position: center; background-repeat: no-repeat; border-left: #fff 1px solid; border-right: #fff 1px solid;}
.nenDObtn06:hover{ 
	background-image: url("https://agatsuma.co.jp/new_img/product/nen-do/menu06on_pc.png") ,url("https://agatsuma.co.jp/new_img/product/nen-do/menuOnbg_pc.jpg");
	background-repeat: no-repeat , repeat-x;
	background-size: contain;
	background-position: center , left;
	border-left: #fff 1px solid;
	border-right: #fff 1px solid;
}


.marginAuto{
	margin:0 auto;
    display: block;
    text-align: center;
}

.nendoTitleBg{
background: #006dbb; /* Old browsers */
background: -moz-linear-gradient(top, #006dbb 62%, #0098d7 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #006dbb 62%,#0098d7 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #006dbb 62%,#0098d7 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#006dbb', endColorstr='#0098d7',GradientType=0 ); /* IE6-9 */
}
.productCategoryTitle {
	display: flex;
    padding: 0.6em;
    width: 100%;
    max-width:845px;
	border-radius:30px;
	margin: 5.3333rem auto 4rem ;
}
.productCategoryTitle p {
	display: block;
	text-align: center; 
	font-family: "Rounded Mplus 1c";
    font-weight: 500;
    font-size: 2.9333rem;
    color: #fff;
	margin: 0 auto;
}
.what_btn{
	display: block;
	text-align: center;
}
.what_btn_inner{
	display: inline-block;
   	padding: 1.6em 0.8rem; 
    width: 100%;
    max-width: 330px;
	border-radius:15px;
	margin: 2.6667rem 1.3333rem 1.3333rem 1.3333rem;

	
}

.komugi{
	background: #FFA509!important; 

}


.okome{
	background: #88C23D; 
}


 .nakama{
		background: #006dbb; 
}

	
.what_btn_inner p{
	font-size:2.2667rem;
	color:white;
	font-weight:500;
	text-align: center;
	font-family: "Rounded Mplus 1c";	
} 
.what_btn_inner a{
	color:white;
	text-decoration: none;
}
.nendoWhat{
	display: block;
    padding: 0.6em 0.6em 4.6em 0.6em ;
    width: 100%;
    max-width: 845px;
	height:100%;
	background-color:#ffffff;
	border:solid 15px #0000ff;
	border-radius:30px;
	border-width: solid 2px;
	border-color: #F0A82E;
	margin: 1.3333rem auto 2.6667rem ;
		text-align: center;
	font-family: "Rounded Mplus 1c";
}

.nendo_what{
		display: flex;
   padding: 0.6em; 
    width: 100%;
    max-width: 600px;
	border-radius:30px;
	margin: 5.3333rem auto 4rem ;
	background: #006dbb; /* Old browsers */
background: -moz-linear-gradient(top, #EB9869 32%, #DA7334 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #EB9869 32%,#DA7334 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #EB9869 32%,#DA7334 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EB9869', endColorstr='#DA7334',GradientType=0 ); 
}
.nendo_what2{
		display: flex;
   padding: 0.6em; 
    width: 100%;
    max-width: 600px;
	border-radius:30px;
	margin: 5.3333rem auto 4rem ;
	background: #006dbb; /* Old browsers */
background: -moz-linear-gradient(top, #2FC93F 32%,#008138 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #2FC93F 32%,#008138 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #2FC93F 32%,#008138 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EB9869', endColorstr='#DA7334',GradientType=0 ); 
}


.nendo_what p{
	display: block;
	text-align: center; 
	font-family: "Rounded Mplus 1c";
    font-weight: 700;
    font-size: 2.4rem;
    color: #fff;
	margin: 0 auto;
}
.nendo_what2 p{
	display: block;
	text-align: center; 
	font-family: "Rounded Mplus 1c";
    font-weight: 700;
    font-size: 2.4rem;
    color: #fff;
	margin: 0 auto;
}

.what_img img{
	width:100%;
}

.nendo_teacher{		
	width:100%;
	max-width:740px;
	height:200px;
	margin: 1em auto -2em auto;
	font-family: "Rounded Mplus 1c";
}

.teacher_img{
	display:block;
	float:left;
}

.teacher_img p{
	font-size:0.9333rem;
	line-height: 1.3333rem;
}
.teacher_name{
	display: block;	

}

.teacher_name h4{
	font-size:2.6667rem;
	color:#EEA700;
	display: flex;


}

.teacher_name p{
	display:block;
	font-weight:800;
	text-align: left;
	line-height: 1.8667rem;
	padding-left:2.6667rem;
	margin: 1.3333rem auto;
}


/*----------Q&A---------*/

.label_wrap{
	display: block;
	width:100%;
	max-width: 750px;
	margin: 0 auto;}

.faq-check{
    display: none;
}

.faq_question{
	font-size:2.6667rem;
 	 color: #FF7C00;
	text-shadow: 1px 2px 4px red;
	
}
.faq-label{
	margin:0 auto 1.3333rem auto;
	display: flex;
	width:100%;
	vertical-align: middle;
	height:20px;
	max-width:780px;
	color:#000000;
  	text-indent:4rem;
	font-family: "Rounded Mplus 1c";
}
.faq-label p{
		text-decoration: underline;
		vertical-align: bottom;
	font-weight: 600;
	font-size:1.6rem;
	text-indent: 1.3333rem;
}
.faq_btn::after{

}
.faq-check:checked  ~ .faq_btn ::after {
display: none;
}


.faq-content{
	margin: 0 auto;
	width:100%;
	text-align: left;
	max-width:590px;
	height:1.8667rem;
	display: flex;
	font-weight: 400;
	font-size:1.4667rem;
	color:#000000;
	font-family: "Rounded Mplus 1c";
    opacity: 0;    
	transition: .5s;
    visibility: hidden;
	
}
.faq-check:checked + .faq-label + .faq-content{
    height: 16rem;
	line-height: 2.6667rem;
    opacity: 1;
    padding: 10px 0;
    visibility: visible;
}

.kingdomglink{
z-index: -2;
}
.kingdomlink a img:hover{
	transform: scale(1.05);
	transition-duration: 0.3s;
	overflow: hidden;
}


/*---------------------------------------------------------768-------------*/

@media screen and (max-width:768px) {
	.productCategoryTitle{ width: 90%;}
	#Items{ width: 90%; display: flex; flex-wrap: wrap;justify-content: space-between; margin-bottom: 3%;}
	.ItemBlk{  width: 30%; margin: 1.3333rem 1%;}
	.nendoList li{ width: 42%;}
	
	#twitter-widget-0{ height: 311px!important;}
	.newBlk{  width: 30%; margin: 1.3333rem 1%;}
	.teacher_name p{
		font-size:1.2rem;
	}
.what_btn{
	width:100%;
	display: inline-block;
	text-align: center;
}
.what_btn_inner{
	display: inline-block;
   	padding: 1.2em 0.8rem; 
    width: 100%;
    max-width: 280px;
	border-radius:15px;
	margin: 2.6667rem 1.3333rem 0 1.3333rem;

	
}
.what_btn_inner p{
	font-size:2.1333rem;
} 
/*----------Q&A---------*/

.label_wrap{
	display: block;
	width:100%;
	max-width: 750px;
	margin: 0 auto;}

.faq-check{
    display: none;
}

.faq_question{
	display: block;
	font-size:2.4rem;
 	color: #FF7C00;
	line-height: 2.6667rem;
	text-shadow: 1px 2px 4px red;
	padding-bottom: 2.6667rem;
}
.faq-label{
	margin:0 auto 1.3333rem auto;
	display: flex;
	width:100%;
	vertical-align: middle;
	height:20px;
	max-width:780px;
	color:#000000;
  	text-indent:2.6667rem;
	font-family: "Rounded Mplus 1c";
}
.faq-label p{
		text-decoration: underline;
		vertical-align: bottom;
	font-weight: 600;
	font-size:1.4667rem;
	text-indent: 1.3333rem;
}
.faq_btn::after{

}
.faq-check:checked  ~ .faq_btn ::after {
display: none;
}


.faq-content{
	max-width:500px;
	
}
.faq-check:checked + .faq-label + .faq-content{
    height: 8rem;
    opacity: 1;
    padding: 10px 0;
    visibility: visible;
}




	
}
/*------------------------------------------------------640px----------*/
@media screen and (max-width:640px) {

	#nenDonav ul li{ width: 50%;}
	.nenDObtn01{ border-bottom: #fff 1px solid;}
	.nenDObtn01:hover{border-bottom: #fff 1px solid;}
	.nenDObtn02{ border-bottom: #fff 1px solid;}
	.nenDObtn02:hover{border-bottom: #fff 1px solid;}
	.nenDObtn03{ border-bottom: #fff 1px solid;}
	.nenDObtn03:hover{border-bottom: #fff 1px solid;}
	.nenDObtn04{ border-right: none; border-bottom: #fff 1px solid;}
	.nenDObtn04:hover{ border-right: none; border-bottom: #fff 1px solid;}
	
	.marginAuto{padding:0 20px;}
	.nendoImg{width:100%;}
	.nendoList{padding:0 20px;}
	.nendoList li{margin-right:0;}
	.nendoList li:first-child{margin-bottom:17px;}
	.nendoTitleBg{margin:4rem auto 2.6667rem !important;}
	
	/**/
	#Items {
    margin: auto;
    margin-bottom: 2.6667rem;
    flex-wrap: wrap;
    text-align: center;
    width: 94%!important;
	}
	.ItemBlk {
    width: 46.2%!important;
    margin: 1.3333rem 0.4rem 0!important;
	}
	.nendoList li{ width: 100%;}
	.newBlk{ width: 44.4%;}
	

	.nendoInfoFrame{ font-size: 1.6rem; padding: 14px 0 12px;}
	.nendoTwitterFrame p{ font-size: 1.6rem; padding: 0px 0 12px;}
	
.what_btn{
	width:100%;
	display: inline-block;
	text-align: center;
}
.what_btn_inner{
	display: inline-block;
   	padding: 1.2em 0.8rem; 
    width: 100%;
    max-width: 240px;
	border-radius:15px;
	margin: 2.6667rem 1.3333rem 0 1.3333rem;

	
}
.what_btn_inner p{
	font-size:1.8667rem;
} 
	.nendo_what p{
	display: block;
	text-align: center; 
	font-family: "Rounded Mplus 1c";
    font-weight: 700;
    font-size: 1.8667rem;
    color: #fff;
	margin: 0 auto;
	}
	
	
.nendo_teacher{		
	width:100%;
	max-width:640px;
	height:240px;
	margin: 1em auto -3em auto;
	font-family: "Rounded Mplus 1c";
}

.teacher_img{
	display:block;
	float:left;
	padding:0 0.6667rem;
}

.teacher_img p{
	font-size:0.9333rem;
	line-height: 1.3333rem;
}
.teacher_name{
	display: block;	
}

.teacher_name h4{
	font-size:2.6667rem;
	color:#EEA700;
	font-family: "Rounded Mplus 1c";
	display: flex;
}

.teacher_name p{
	display:block;
	font-weight:800;
	text-align: left;
	line-height: 1.6rem;
	padding-left:1.3333rem;
	margin: 1.3333rem auto 1.3333rem 1.3333rem;
	
}
.faq-label{

	max-width:640px;
  	text-indent:0rem;

}
	
	.label_wrap{
		max-width:640px;
	}
.faq-label p{
	font-size:1.3333rem;
}
.faq-content{
	max-width:540px;
	font-size:1.0667rem;
	color:#000000;

}
.faq-check:checked + .faq-label + .faq-content{
    height: 8rem;
}

.nendo_what{
		display: flex;
   padding: 0.7em; 
    width: 100%;
    max-width: 600px;
	border-radius:30px;
	margin: 2.6667rem auto 4rem ;
	background: #006dbb; /* Old browsers */
background: -moz-linear-gradient(top, #EB9869 32%, #DA7334 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #EB9869 32%,#DA7334 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #EB9869 32%,#DA7334 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EB9869', endColorstr='#DA7334',GradientType=0 ); 
}
		
}

/*---------------------------------------------------560--------*/

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

.what_btn_inner{
	display: inline-block;
   	padding: 1.2em 0.8rem; 
    width: 100%;
    max-width: 200px;

	margin: 2.6667rem 1.3333rem 0 1.3333rem;

	
}
.what_btn_inner p{
	font-size:1.3333rem;
} 
.label_wrap{
		max-width:560px;
	}
.faq-label p{
	font-size:1.0667rem;
}
.faq-check:checked + .faq-label + .faq-content{
    height: 9.3333rem;
}

}


/*---------------------------------------------480------*/
@media screen and (max-width:480px) {
.productCategoryTitle p {  font-size: 1.8667rem; }

.what_btn_inner{
	padding: 1.2em 0.5333rem; 
    width: 100%;
    max-width: 180px;
	margin: 0.6667rem 1.3333rem 0 1.3333rem;	
}	
	.what_btn_inner p{
		font-size:1.2rem;
	}	

.nendo_what p{
font-size:1.6rem;
	}
	
.nendo_teacher{		
	width:100%;
	max-width:468px;
	min-height:450px;
	margin: 1em auto -3em auto;
	font-family: "Rounded Mplus 1c";
}

.teacher_img{
	display:block;
	width:100%;
}

.teacher_img p{
	font-size:0.9333rem;
	line-height: 1.3333rem;
	margin-bottom:1.3333rem;
}
.teacher_name{
	display: block;	
}
.teacher_name h4{
	font-size:2.6667rem;
	color:#EEA700;
	font-family: "Rounded Mplus 1c";
	display:block;
}

.teacher_name p{
	display:block;
	font-weight:800;
	text-align: left;
	line-height: 1.6rem;
	padding-left:0;

}

/*----------Q&A---------*/

.label_wrap{
	max-width: 480px;
}

.faq-label{
	font-size:0.8133rem;
  	text-indent:1em;
	
}

.faq-label p{
font-size:0.9333rem;		
text-indent: 0.6667rem;		
		
	}
.faq-content{
	max-width:480px;
	font-size:0.9333rem;
	color:#000000;

}

}


@media screen and (max-width:380px) {
.productCategoryTitle p {  font-size: 1.8667rem; }
	
.what_btn_inner{
	padding: 1.2em 0.5333rem; 
    width: 100%;
    max-width: 140px;
	margin: 2.6667rem 0.2667rem 0 0.2667rem;	
}	
	.what_btn_inner p{
		font-size:1.0667rem;
	}	

.nendo_what p{
font-size:1.6rem;
	}
	
.nendo_teacher{		
	width:100%;
	max-width:468px;
	min-height:450px;
	margin: 1em auto -3em auto;
	font-family: "Rounded Mplus 1c";
}

.teacher_img{
	display:block;
	width:100%;
}

.teacher_img p{
	font-size:0.9333rem;
	line-height: 1.3333rem;
	margin-bottom:1.3333rem;
}
.teacher_name{
	display: block;	
}
.teacher_name h4{
	font-size:2.6667rem;
	color:#EEA700;
	font-family: "Rounded Mplus 1c";
	display:block;
}

.teacher_name p{
	display:block;
	font-weight:800;
	text-align: left;
	line-height: 1.6rem;
	padding-left:0;

}

/*----------Q&A---------*/

.label_wrap{
	max-width: 480px;
}

.faq-label{
	font-size:0.8133rem;
  	text-indent:1em;
	
}

.faq-label p{
font-size:0.9333rem;		
text-indent: 0.6667rem;		
		
	}
.faq-content{
	max-width:480px;
	font-size:0.9333rem;
	color:#000000;

}

}