@charset "utf-8";

/*---RESET CSS---*/

* {
	font-size: 100%;
}

#wrap {
	overflow: visible;
}

section.read p {
	padding: 0;
}

dir, menu, ol, ul {
	padding-left: 0;
}

blockquote, dir, dl, figure, listing, menu, ol, p, plaintext, pre, ul, xmp {
	margin: 0;
}

h4, h5 {
	margin: 0;
}

/*iframe {
	width: 100%;
	height: 300px;
}*/

#main p, #main2 p, #main3 p, #main4 p {
	line-height: normal;
}

.np-keyword-suggest {
	border: 0;
}

img {
	vertical-align: top;
	font-size: 0;
	line-height: 0;
}

small {
	font-size: .8em;
	font-weight: normal;
}


/*----MAIN----*/

html {
	scroll-behavior: smooth;
}

#aff-icon-list {
	background: linear-gradient(0deg, #DDD, #FFF);
}

#main3 {
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	position: relative;
	word-break: break-all;
	/*! background: repeating-linear-gradient(135deg, #BDEBFB 0, #BDEBFB 40px, #69E7F6 40px, #69E7F6 60px, #B8F9FF 60px, #B8F9FF 100px, #58B1D3 100px, #58B1D3 120px); */
	padding: 0 0 1px;
	/*! margin: 0; */
	/*! background: repeating-linear-gradient(135deg, #FBE7DE 0, #FBE7DE 10px, #FFDEC6 10px, #FFDEC6 20px); */
	background: #222;
}

.feature_bgcolor{
		padding: 20px 0 .01px 20px;
		background: #1c1f84;
}


#nav2 .feature_bgcolor{
		padding: 20px 0 .01px 0px;
	
}

#nav1 .feature_bgcolor{
		background: #1D2087;
		display: flex;
		flex-wrap: wrap;
		/*! padding: 20px 0 0 20px; */
}
#nav2 .feature_bgcolor{
		background: #444;
}
#nav3 .feature_bgcolor{
		background: #FFF100;
}
#nav4 .feature_bgcolor{
		background: #f0f0f0;
}
#nav5 .feature_bgcolor{
		background: #222;
}
#main3 span {
	display: inline-block;
	/* font-size: .9em!important; */
}

#main3 a, #main3 a:link, #main3 a:visited, #main3 a:hover, #main3 a:active {
	text-decoration: none;
}

.main_menu {
	position: relative;
		position: -webkit-sticky;
	position: sticky;
	top: 0;
	z-index: 1;
}

.main_menu ul {
	width: 100%;
	margin: 0 0 20px;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	-webkit-justify-content: space-around;
	-ms-justify-content: space-around;
	justify-content: space-around;
	box-shadow: 0px 3px 2px -.1px rgba(0, 0, 0, 0.5);
	background: linear-gradient(0deg, #DDD, #FFF);
}

.main_menu li {
	width: calc(100% / 5);
	box-sizing: border-box;
	flex-grow: 1;
	text-align: center;
}

.main_menu li a {
	text-align: center!important;
	display: flex!important;
	align-items: center;
	width: 100%;
	display: block;
	vertical-align: middle;
	height: 40px;
	line-height: 40px;
	text-align: center;
	font-size: 3.4375vw;
	font-weight: bold;
	background:repeating-linear-gradient(135deg, rgba(255, 255, 255, .05) 0, rgba(255, 255, 255, .05
) 10px, rgba(255, 255, 255, 0) 10px, rgba(255, 255, 255, 0) 20px), linear-gradient(0deg, #E64F1A, #F15A25);
}
.main_menu li a span{
	line-height: 1.2;
	text-align: center;
	/* display: block; */
	width: 100%;
}
.main_menu li a:hover {
	background:repeating-linear-gradient(135deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0
) 10px, rgba(255, 255, 255, .05) 10px, rgba(255, 255, 255, .05) 20px), linear-gradient(-180deg,  #E64F1A, #F15A25);
}

.main_menu li:nth-of-type(2n) a {
	background:repeating-linear-gradient(135deg, rgba(255, 255, 255, .05) 0, rgba(255, 255, 255, .05
) 10px, rgba(255, 255, 255, 0) 10px, rgba(255, 255, 255, 0) 20px),  linear-gradient(0deg, #E96D47, #FF774D);
}

.main_menu li:nth-of-type(2n) a:hover {
	background:repeating-linear-gradient(135deg, rgba(255, 255, 255, 0) 0, rgba(255, 255, 255, 0
) 10px, rgba(255, 255, 255, .05) 10px, rgba(255, 255, 255, .05) 20px), linear-gradient(-180deg, #E96D47, #FF774D);
}

@media screen and (min-width:500px) {
	.main_menu li a {
		font-size: 17.1875px;
	}
}

.main_menu a, .main_menu a:link, .main_menu a:visited, .main_menu a:hover, .main_menu a:active {
	color: #FFF;
}

.feature_item_frame {
	padding-top: 44px;
	margin-top: -44px;
	/*! margin: 44px 0 0 10px; */
}

.feature_item_box_baika_amount {
	color: red;
	font-size: 1.8em;
	font-weight: bold;

	display: block;
	width:100%;
	margin: ;
	text-align: center;
}
.feature_item_box_baika_amount strong{

	font-size: .6em;
	font-weight: normal;
	width:100%;
	display:block;

	text-align: left;
}


.all_item_link, .all_item_link2, .all_item_link3 {
	margin: 0 0 0 10px;
	display: flex;
	flex-wrap: wrap;
}

.all_item_link a, .all_item_link2 a, .all_item_link3 a {
	display: block;
	color: #FFF;
	width: calc(100% - 10px);
	margin: 0 10px 10px 0;
	position: relative;
	padding: 5px 8px;
	border: 3px solid #FFF;
	border-radius: 10px;
	font-size: 15px;
	text-align: center;
	font-weight: bold;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, .5);
	transition: .1s;
	top: 0;
	left: 0;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	-webkit-font-smoothing: antialiased;
	-webkit-transform: translatez(0);
	border-radius: 15px;
	box-sizing: border-box;
	background: linear-gradient(0deg, #B30411, #E50112);
}

h3,h4, h5 {
	width: 100%;
	box-sizing: border-box;
	text-align: center;
	display: block;
}
h3{
		font-size: 18px;
	/*! color: #F15A25; */
	/*! background: rgba(225,225,225,.95); */
	/*! border-top: 3px solid #F15A25; */
		/*! border-bottom: 3px solid #F15A25; */
		margin:0;
		padding: 5px 0;
		/*! box-shadow: 0px 2px 2px -.1px rgba(0, 0, 0, 0.3); */
}
#nav2 h3{
	color:#EEE;
}
h4 {
	/*! width: calc(100% - 10px); */
	font-size: 18px;
	/*! color: #FFF; */
	background: #FEE13D;
	padding: 5px 0;
}

h5 {
	width: calc(100% - 20px);
	font-size: 18px;
	color: #333;
	/*! border-bottom: 3px dotted #333; */
	/*! border-top: 3px dotted #333; */
	margin: 0 20px 10px 0;
	padding: 5px 0;
}
#nav5 h5{
	color:#EEE;
}

h6 {
	width: calc(100% - 10px);
	box-sizing: border-box;
	font-size: 13px;
	color: #FFF;
	background: #666;
	margin: 0 10px 10px 0;
	padding: 5px 0;
	text-align: center;
}

#main3 .contents p {
	/* width: calc(100% - 10px); */
	/* font-size: 12px!important; */
	/* margin: 0 10px 10px 0; */
	/* padding: 5px 0; */
}

#main3 .intro p, #main3 .campaign p, #main3 .sale p {
	font-size: 16px !important;
	text-align: center;
	font-weight: bold;
}

dl {
	width: calc(100% - 10px);
	box-sizing: border-box;
	margin: 0 10px 10px 0;
	padding: 5px 0;
}

.topics dl{
		height: 100px;
	overflow: auto;
}

dt {
	font-size: 15px;
	font-weight: bold;
	margin: 10px 0 0;
}

dt:nth-of-type(1) {
	margin: 0;
}

dd {
	font-size: 14px;
	padding: 0 0 0 10px;
}
#nav5 dd{
	padding: 0;
}
@media screen and (min-width:600px) {
		h3 {
		font-size: 22px;
	}
	h4 {
		font-size: 20px;
	}
	h5 {
		font-size: 22px;
	}
	h6 {
		font-size: 16px;
	}
	#main3 .contents p {
		font-size: 14px!important;
	}
	dt {
		font-size: 16px;
	}
	dd {
		font-size: 15px;
	}
	#main3 .intro p, #main3 .campaign p, #main3 .sale p {
		font-size: 18px !important;
		text-align: center;
		font-weight: bold;
	}
}

.contents {
	/*! display: flex; */
	/*! flex-wrap: wrap; */
	width: calc(100% - 20px);
	margin: 0 20px 20px 0;
	border: 2px solid #FEE13D;
	box-sizing: border-box;
	/*! padding: 10px 0 0 10px; */
	background: rgba(255,255,255,.95);
	box-shadow: 2px 2px 2px rgba(0, 0, 0, .5);
	border-radius: 10px;
	overflow: hidden;
	/*! -webkit-background-clip: padding-box; */
	/*! -moz-background-clip: padding; */
	background-clip: padding-box;
	/*! padding: 1px 0; */
}

.details,.entry,.access,.promise{
	width: calc(100% / 1 - 20px);
}

@media screen and (min-width:600px) {
	.details,.entry,.access,.promise{
	width: calc(100% / 2 - 20px);
}
}



.contents>section>div{
	 display: flex; 
	 flex-wrap: wrap; 
		width: calc(100% - 10px);
		margin: 10px 0 0 10px;
		box-sizing: border-box;
}
.teacher_list div{
	width: calc(100% / 3 - 10px);
	margin:0 10px 10px 0;
	border:1px solid #CCC;
	box-sizing: border-box;
	padding: 5px;
	text-align: center;
	background: #FFF;
	box-shadow: 0px 0px 3px rgba(0, 0, 0, .5);
}
@media screen and (min-width:600px) {
	.contents>section>div{width: calc(100% - 10px);margin: 10px 0 0 10px;}
.teacher_list div{
	width: calc(100% / 6 - 10px);
	margin: 0 10px 10px 0;
	padding: 5px;
	border:2px solid #CCC;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, .7);
}
}
.teacher_list p{
	
}
.teacher_list img{
	width:100%;
}
.teacher_list span{
	font-weight: bold;
	padding: 10px 0 0;
}


.entry section .button_list{

	margin-top: auto;
}

.button {
	width: calc(100% - 20px);
	display: block;
	color: #FFF;
	margin: 0 20px 20px 0;
	position: relative;
	padding: 5px 8px;
	border: 3px solid #FFF;
	border-radius: 10px;
	font-size: 15px;
	text-align: center;
	font-weight: bold;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, .5);
	transition: .2s;
	top: 0;
	left: 0;
	border-radius: 15px;
	box-sizing: border-box;
	background:repeating-linear-gradient(135deg, rgba(255, 255, 255, .1) 0, rgba(255, 255, 255, .1) 10px, rgba(255, 255, 255, 0) 10px, rgba(255, 255, 255, 0) 20px), linear-gradient(0deg,  #F1AD24, #F0CE24);
}

.button:hover {
	top: 2px;
	left: 2px;
	box-shadow: 0 0 0 rgba(0, 0, 0, .5);
	background:repeating-linear-gradient(135deg, rgba(255, 255, 255, .1) 0, rgba(255, 255, 255, .1) 10px, rgba(255, 255, 255, 0) 10px, rgba(255, 255, 255, 0) 20px), linear-gradient(-180deg,  #F1AD24, #F0CE24);
}

.button, .button:link, .button:visited, .button:hover, .button:active, .button_half, .button_half:link, .button_half:visited, .button_half:hover, .button_half:active {
	color: #333;
}

.feature_item_list {
	display: flex;
	width: calc(100% - 15px);
	padding: 15px 0 0 15px;
	    overflow-y: hidden;
}



.feature_item_box {

/*! display:flex; */
/*! flex-direction:column; */

	    flex-shrink: 0;
    width: 170px!important;
	/*width: calc(100% / 2 - 15px) !important;*/
	box-sizing: border-box;
	margin: 0 15px 15px 0;
	background: #FFF;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, .8);
	transition: .1s;
	font-size: .8em;
	border-radius: 15px;
	overflow: hidden;
}

.feature_item_box:hover {
	background: #FFF9EA;
}
.feature_item_box div{
	display: block;
}
@media screen and (min-width:800px) {
	.feature_item_list {

	flex-wrap: wrap;


}

	.feature_item_box {
		width: calc(100% / 5 - 15px) !important;
	}
}

.feature_item_box_img {
	width: 100%;
	padding-top: 100%!important;
	box-sizing: border-box;
	position: relative;
	background-color: #EEEEEE;
}

.feature_item_box_img img {
	max-width: 100%;
	max-height: 100%;
	margin: auto;
	box-sizing: border-box;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	width: auto;
}

.feature_item_box>div{
		padding:0 7.5px;
}

.feature_item_box>div:first-of-type{
	padding: auto;/*.feature_item_box_img*/
}
.feature_item_box>div:nth-of-type(2){
	padding: 7.5px 7.5px 0;
}

.feature_item_box>div:last-of-type{
		padding: 0 7.5px 7.5px;
		/*! margin:auto 0 0; */
}

.feature_item_box_kubun1 {

	color: #ff6600;
}

.feature_item_box_kubun2 {

	color: #009900;
}

.feature_item_box_kubun3 {

	color: #ff30ff;
}

.feature_item_box_title {

}

.feature_item_box_baika {

}

#aff-icon-list {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	float: none !important;
}

.swiper-box{
	margin:0 0 20px;
}
.swiper-frame {
	position: relative;
}

.swiper-frame img {
	width: 100%;
}

.swiper-container-overimg {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
}

#main3 .postscript p{
	margin: 15px!important;
	font-size:1.2em!important;
	font-weight: bold;
	text-align: center;
	width: calc(100% - 30px);
	box-sizing: border-box;
}

.backnumber{
	/*! margin:20px 0 0; */
}
.button_list{
	display:flex;
	flex-wrap:wrap;
	width: calc(100% - 20px);
	box-sizing: border-box;
	margin: 0 0 0 20px;
}


.button{
	width:calc(100% / 1 - 20px);
	box-sizing: border-box;
	margin: 0 20px 20px 0;
}

.backnumber .button{
	width:calc(100% / 1 - 20px);
	box-sizing: border-box;
	margin: 0 20px 20px 0;
}
@media screen and (min-width:600px) {
.backnumber .button{
	width:calc(100% / 2 - 20px);
	box-sizing: border-box;
	margin: 0 20px 20px 0;
}
}
.comingsoon h3{
	font-size:30px!important;
}

#main_headder img{
	width:100%;
}

.sponsor div{

	display:flex;
	flex-wrap:wrap;

	justify-content: center;
}
.sponsor span{
	/*! justify-content: center; */
	/*! justify-items: center; */
	/*! justify-self: center; */
		/*! display:inline-block; */
	margin:0 20px 20px 0;
	background: #FFF;
	padding: 5px;
	border-radius: 5px;
	border: 1px solid #333;
	width:calc(100% / 2 - 40px);
}
@media screen and (min-width:600px) {
.sponsor span{width:calc(100% / 5 - 40px);}
}
.sponsor span img{
	width:100%;
}

.contact dl{
	color:#FFF;
	text-align: center;
}

.google_map{
	width: 100%;
margin: 0 20px 20px 0;
}

.entry{
	display:flex;
	flex-wrap:wrap;
	padding:0 10px 10px;

}
.entryleft{
	width:100%;
}

.entryright{
width:100%;

}
@media screen and (min-width:600px) {
.entryleft{
	width:60%;
}

.entryright{
width:40%;

}
}

.entryright a {
	width: calc(100% - 20px);
	display: block;
	color: #504f4f;
	margin: 0 20px 20px 0;
	position: relative;
	padding: 5px 8px;
	border: 3px solid #FFF;
	border-radius: 10px;
	font-size: 25px;

	text-align: center;
	font-weight: bold;
	box-shadow: 2px 2px 2px rgba(0, 0, 0, .5);
	transition: .2s;
	top: 0;
	left: 0;
	border-radius: 15px;
	box-sizing: border-box;
	background:repeating-linear-gradient(135deg, rgba(255, 255, 255, .1) 0, rgba(255, 255, 255, .1) 10px, rgba(255, 255, 255, 0) 10px, rgba(255, 255, 255, 0) 20px), linear-gradient(0deg,  #F1AD24, #F0CE24);
	height: 100%;
	display: flex;
  justify-content: center;
  align-items: center;
	

}

.entryright a:hover {
	top: 2px;
	left: 2px;
	box-shadow: 0 0 0 rgba(0, 0, 0, .5);
	background:repeating-linear-gradient(135deg, rgba(255, 255, 255, .1) 0, rgba(255, 255, 255, .1) 10px, rgba(255, 255, 255, 0) 10px, rgba(255, 255, 255, 0) 20px), linear-gradient(-180deg,  #F1AD24, #F0CE24);
}

.feature_flex{
	display:flex;
	flex-wrap:wrap;
}
.feature_flex .topics2{
width:calc(100% / 1 - 20px);
}
@media screen and (min-width:600px) {
.feature_flex .topics2{
width:calc(100% / 2 - 20px);
	}
}
.dlBox ul{padding: 0 10px 10px 0;}
.dlBox ul li{
	font-size:15px;
}
.topics p{
	margin: 0 10px 10px 0;
}