@charset "UTF-8";

/* --------------------------------------------------
	トップページ
-------------------------------------------------- */

@media screen and (min-width: 741px), print {

	/* Top Slide --------------------------- */
	.top_slide {
		width: 100%;
		max-width: 1600px;
		margin: 0 auto;
	}
	.top_slide p {
		width: 100%;
		background-position: left center;
		background-repeat: no-repeat;
		outline: none;
	}
	.top_slide p > img {
		display: none;
	}
	.top_slide .slide01 { background-image: url(../../images/top_slide01.jpg) }
	.top_slide .slide02 { background-image: url(../../images/top_slide02.jpg) }
	.top_slide .slide03 { background-image: url(../../images/top_slide03.jpg) }
	.top_slide .slide04 { background-image: url(../../images/top_slide04.jpg) }
	.top_slide p a {
		display: block;
		width: 90%;
		max-width: 1146px;
		height: 650px;
		margin: 0 auto;
		background: url(../../images/top_title.png) right center no-repeat;
		outline: none;
	}
	.top_title {
		display: none;
	}

	/* Top Nav ----------------------------- */
	.top_nav {
		width: 960px;
		margin: 28px auto 60px;
	}
	.top_nav h2 {
		width: 862px;
		height: 83px;
		margin: 0 auto 21px;
		background: url(../../images/top_copy.png) no-repeat;
		text-indent: -9999px;
	}
	.top_nav li {
		float: left;
		width: 25%;
	}
	.top_nav li a,
	.top_nav li span {
		display: block;
		width: 100%;
		height: 164px;
		background-position: center top;
		background-repeat: no-repeat;
		text-indent: -9999px;
	}
	.top_nav .nav01 a, .top_nav .nav01 span { background-image: url(../../images/top_nav01.png); }
	.top_nav .nav02 a, .top_nav .nav02 span { background-image: url(../../images/top_nav02.png); }
	.top_nav .nav03 a, .top_nav .nav03 span { background-image: url(../../images/top_nav03.png); }
	.top_nav .nav04 a, .top_nav .nav04 span { background-image: url(../../images/top_nav04.png); }

	/* torikumi ---------------------------- */
	/*.torikumi {
		background: #f0efef;
		padding: 43px 0 64px;
		line-height: 1.5;
	}
	.torikumi .inside {
		width: 960px;
		margin: 0 auto;
	}
	.torikumi h2 {
		width: 398px;
		height: 23px;
		margin: 0 auto 10px;
		background: url(../../images/torikumi_title.png) no-repeat;
		text-indent: -9999px;
	}
	.torikumi .inbox {
		width: 460px;
		padding-top: 30px;
	}
	.torikumi .inbox:nth-child(even) {
		float: left;
	}
	.torikumi .inbox:nth-child(odd) {
		float: right;
	}
	.torikumi .inbox > a {
		display: block;
		box-sizing: border-box;
		padding: 30px;
		background: #fff;
		text-decoration: none;
		color: #333;
	}
	.torikumi .inbox.type02 > a {
		padding-bottom: 20px;
	}
	.torikumi .inbox a:hover {
		opacity: 1;
	}
	.torikumi h3 {
		margin-top: 15px;
		font-size: 130%;
		color: #ee7b32;
	}
	.torikumi h3 small {
		display: inline-block;
		margin-bottom: 0.5em;
		font-size: 68.4%;
		color: #333;
	}
	.torikumi .txt {
		margin-top: 10px;
	}
	.torikumi .btn span {
		display: inline-block;
		margin-top: 10px;
		padding: 10px 30px;
		background: #f0efef;
		font-size: 85.7%;
		text-decoration: none;
		color: #666;
		transition: 0.3s;
	}
	.torikumi a:hover .btn span,
	.torikumi .btn a:hover span {
		background: #ee7b32;
		color: #fff;
		opacity: 1;
	}
	.torikumi .related {
		padding: 0 2em 10px;
		background: #fff;
	}
	.torikumi .related a {
		display: block;
		padding: 15px 20px;
		border-top: dotted 1px #c2c2c2;
		background: url(../images/link_arw01.png) left center no-repeat;
		font-size: 85.7%;
		text-decoration: none;
		color: #666;
	}
	.torikumi .related a:hover {
		text-decoration: underline;
	}*/

} /* end PC */



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

	/* Top Slide --------------------------- */
	.top_slide {
		margin-top: 50px;
	}
	.top_slide p a {
		display: none;
	}
	.top_slide p img {
		width: 100%;
	}
	.top_title {
		position: relative;
		z-index: 1;
		width: 90%;
		margin: -15% auto 0;
		text-align: center;
	}

	/* Top Nav ----------------------------- */
	.top_nav {
		width: 90%;
		margin: 2em auto;
	}
	.top_nav h2 {
		margin-bottom: 2em;
	}
	.top_nav ul {
		margin: 0 5%;
	}
	.top_nav li {
		float: left;
		width: 50%;
		margin-bottom: 1em;
	}

	/* torikumi ---------------------------- */
	/*.torikumi {
		background: #f0efef;
		padding: 2em 0;
		line-height: 1.5;
	}
	.torikumi .inside {
		margin: 0 7%;
	}
	.torikumi h2 {
		margin-bottom: 2em;
		text-align: center;
	}
	.torikumi .inbox > a,
	.torikumi .inbox > span {
		display: block;
		margin-top: 1em;
		padding: 1em;
		background: #fff;
		text-decoration: none;
		color: #333;
	}
	.torikumi h3 {
		margin-top: 15px;
		font-size: 130%;
		color: #ee7b32;
	}
	.torikumi h3 small {
		display: inline-block;
		margin-bottom: 0.5em;
		font-size: 68.4%;
		color: #333;
	}
	.torikumi .txt {
		margin-top: 1em;
	}
	.torikumi .btn {
		text-align: center;
	}
	.torikumi .btn span {
		display: inline-block;
		width: 70%;
		margin-top: 1.5em;
		padding: 10px 0;
		background: #f0efef;
		font-size: 85.7%;
		text-decoration: none;
		color: #666;
	}
	.torikumi .related {
		padding: 0 1em 0;
		background: #fff;
	}
	.torikumi .related a {
		display: block;
		padding: 1.25em 0 1.25em 20px;
		border-top: dotted 1px #c2c2c2;
		background: url(../images/link_arw01.png) left center no-repeat;
		font-size: 85.7%;
		text-decoration: none;
		color: #666;
	}*/

} /* end SP */


@media only print {
	.top_slide p {
		width: 960px !important;
	}
	.top_slide p a {
		float: right;
		width: 522px;
		max-width: 522px;
	}
}



/* top__g_nav -------------------------- */
@media screen and (min-width: 741px), print {
	.top__g_nav ul {
		width: 960px;
		margin: 45px auto;
		overflow: hidden;
	}
	.top__g_nav ul li {
		float: left;
	}
	.top__g_nav ul li a {
		display: block;
		width: 320px;
		height: 39px;
		text-indent: -9999px;
		background: url(../../images/g_nav_pc.png) no-repeat;
	}
	.top__g_nav .g_nav01 a { background-position: 0 0; }
	.top__g_nav .g_nav02 a { background-position: -320px 0; }
	.top__g_nav .g_nav03 a { background-position: -640px 0; }
}
@media screen and (max-width: 740px) {
	.top__g_nav {
		margin: 2em 5%;
		border-top: solid 1px #ccc;
	}
	.top__g_nav li a {
		display: block;
		width: 100%;
		height: 40px;
		padding: 0.5em 0;
		border-bottom: solid 1px #ccc;
		line-height: 40px;
		text-align: center;
		text-decoration: none;
		color: #333;
	}
	.top__g_nav li a span {
		display: inline-block;
		padding: 0 20px 0 58px;
	}
	.top__g_nav li.g_nav01 a span {
		background: url(../../images/sp/recipe_icon.png) left center no-repeat, url(../images/link_arw04.png) right center no-repeat;
	}
	.top__g_nav li.g_nav02 a span {
		background: url(../../images/sp/torikumi_icon.png) left center no-repeat, url(../images/link_arw04.png) right center no-repeat;
	}
	.top__g_nav li.g_nav03 a span {
		background: url(../../images/sp/study_icon.png) left center no-repeat, url(../images/link_arw04.png) right center no-repeat;
	}
}


/* top_recipe -------------------------- */
@media screen and (min-width: 741px), print {
	.top_recipe {
		padding-top: 30px;
		background: url(../../images/recipe_ttl_bg01.png) right top no-repeat, url(../../images/recipe_ttl_bg02.png) repeat-x;
	}
	.top_recipe__inside {
		width: 960px;
		margin: 0 auto 50px;
	}
	.top_recipe .title {
		margin-bottom: 30px;
	}
	.top_recipe .title img:first-child {
		display: block;
		margin-bottom: 0.5em;
	}
	.top_recipe__cassette {
		float: left;
		width: 290px;
		margin-bottom: 30px;
	}
	.top_recipe__cassette a {
		display: block;
		text-decoration: none;
		color: #333;
	}
	.top_recipe__cassette:nth-child(3n-1) {
		margin-left: 45px;
		margin-right: 45px;
	}
	.top_recipe .name {
		min-height: 30px;
		margin: 10px 10px 20px;
		padding-left: 45px;
		border-bottom: solid 1px #a8a8a8;
		background: url(../../images/recipe_name_icon.png) left bottom no-repeat;
		line-height: 1.4;
		font-size: 142.8%;
		color: #ee7b32;
	}
	.top_recipe__cassette .text {
		margin: 0 10px;
		line-height: 1.5;
		font-size: 107.1%;
	}
	.top_recipe__cassette .more {
		margin: 0.5em 0 0 10px;
	}
}
@media screen and (max-width: 740px) {
	.top_recipe {
		margin: -50px 0 10vw;
		padding-top: 50px;
	}
	.top_recipe__inside {
		padding: 5vw 5% 0;
		background: url(../../images/recipe_ttl_bg01.png) right top no-repeat;
		background-size: auto 14em;
	}
	.top_recipe .title img:first-child {
		display: block;
		max-width: 50%;
		margin-bottom: 0.25em;
	}
	.top_recipe__cassette {
		width: auto;
		margin: 7vw auto 0;
	}
	.top_recipe__cassette a {
		display: block;
		text-decoration: none;
		color: #333;
	}
	.top_recipe__cassette .image {
		display: block;
		margin: 0 auto;
	}
	.top_recipe .name {
		margin: 5px 10px 0.75em;
		padding: 0.5em 0 5px 45px;
		border-bottom: solid 1px #a8a8a8;
		background: url(../../images/recipe_name_icon.png) left bottom no-repeat;
		line-height: 1.2;
		font-size: 128.5%;
		color: #ee7b32;
	}
	.top_recipe__cassette .text {
		margin: 0 10px;
		line-height: 1.5;
	}
	.top_recipe__cassette .more {
		margin: 0 10px 0 0;
		text-align: right;
	}
	.top_recipe .top_movie > div {
		margin-top: 1em;
	}
	.top_recipe .top_movie iframe {
		width: 100% !important;
		height: 240px !important;
	}
}


/* top_torikumi ------------------------ */
@media screen and (min-width: 741px), print {
	.top_torikumi {
		padding-top: 55px;
		background: url(../../images/torikumi_ttl_bg01.png) right top no-repeat, url(../../images/torikumi_ttl_bg02.png) repeat-x;
	}
	.top_torikumi__inside {
		width: 960px;
		margin: 0 auto 60px;
	}
	.top_torikumi .title {
		margin-bottom: 55px;
	}
	.top_torikumi__cassette {
		position: relative;
		margin-bottom: 40px;
	}
	.top_torikumi__cassette:nth-child(odd) {
		float: left;
	}
	.top_torikumi__cassette:nth-child(even) {
		float: right;
	}
	.top_torikumi__cassette a {
		display: block;
		box-sizing: border-box;
		width: 460px;
		height: 290px;
		padding: 15px;
		border: solid 3px #e7e7e7;
		background: #fff;
		text-decoration: none;
	}
	.top_torikumi__cassette .more {
		position: absolute;
		display: block;
		bottom: 0;
		right: 0;
		width: 104px;
		height: 30px;
		background: url(../../images/torikumi_more.png) right bottom no-repeat;
		text-indent: -9999px;
	}
	.top_torikumi__cassette .outline {
		float: left;
		width: 194px;
	}
	.top_torikumi__cassette .category {
		width: 177px;
		height: 42px;
		margin-bottom: 10px;
		background: url(../../images/torikumi_cat_balloon.png) no-repeat;
		line-height: 34px;
		text-align: center;
		font-size: 85.7%;
		color: #fff;
	}
	.top_torikumi__cassette .date {
		padding-bottom: 5px;
		border-bottom: solid 1px #a8a8a8;
		color: #4d4d4d;
	}
	.top_torikumi__cassette .date .f_size_s {
		font-size: 85.7%;
	}
	.top_torikumi__cassette .date .f_size_l {
		font-size: 150%;
	}
	.top_torikumi__cassette .name {
		margin-top: 10px;
		line-height: 1.33;
		font-size: 128.5%;
		color: #ff7b5d;
	}
	.top_torikumi__cassette .text {
		clear: both;
		padding-top: 15px;
		line-height: 1.6;
		color: #4d4d4d;
	}
}
@media screen and (max-width: 740px) {
	.top_torikumi {
		margin: -50px 0 10vw;
		padding-top: 50px;
	}
	.top_torikumi__inside {
		padding: 5vw 5% 0;
		background: url(../../images/torikumi_ttl_bg01.png) right top no-repeat;
		background-size: auto 14em;
	}
	.top_torikumi__cassette {
		position: relative;
		margin-top: 5vw;
	}
	.top_torikumi__cassette a {
		display: block;
		text-decoration: none;
		color: #333;
	}
	.top_torikumi__cassette a {
		display: block;
		box-sizing: border-box;
		padding: 1em 1em calc(30px + 0.5em);
		border: solid 3px #e7e7e7;
		background: #fff;
		text-align: center;
		text-decoration: none;
	}
	.top_torikumi__cassette .more {
		position: absolute;
		display: block;
		bottom: 0;
		right: 0;
		width: 104px;
		height: 30px;
		background: url(../../images/torikumi_more.png) right bottom no-repeat;
		text-indent: -9999px;
	}
	.top_torikumi__cassette .outline {
		margin-bottom: 1em;
	}
	.top_torikumi__cassette .category {
		width: 177px;
		height: 42px;
		margin: 0 auto 10px;
		background: url(../../images/torikumi_cat_balloon.png) no-repeat;
		line-height: 34px;
		text-align: center;
		font-size: 85.7%;
		color: #fff;
	}
	.top_torikumi__cassette .date {
		padding-bottom: 5px;
		border-bottom: solid 1px #a8a8a8;
		color: #4d4d4d;
	}
	.top_torikumi__cassette .date .f_size_s {
		font-size: 85.7%;
	}
	.top_torikumi__cassette .date .f_size_l {
		font-size: 150%;
	}
	.top_torikumi__cassette .name {
		margin-top: 10px;
		line-height: 1.33;
		font-size: 128.5%;
		color: #ff7b5d;
	}
	.top_torikumi__cassette .name span {
		display: inline-block;
	}
	.top_torikumi__cassette .text {
		clear: both;
		padding-top: 15px;
		line-height: 1.6;
		text-align: left;
		color: #4d4d4d;
	}
}


/* top_study --------------------------- */
@media screen and (min-width: 741px), print {
	.top_study {
		background: #fef6f1;
	}
	.top_study__inside {
		width: 960px;
		margin: 0 auto;
		padding: 30px 0 70px;
	}
	.top_study_inner {
		display: flex;
		flex-wrap: wrap;
	}
	.top_study__cassette {
    float: left;
		width: 460px;
		margin-top: 25px;
	}
	.top_study__cassette:nth-child(even) { /* トップリニューアル後は不要 */
		margin-right: 40px;
	}
	.renewal .top_study__cassette:nth-child(even) {
		margin-right: 0;
	}
	.renewal .top_study__cassette:nth-child(odd) {
		margin-right: 40px;
	}
	.top_study__cassette,
	.top_study__cassette.cat_slide .link_first {
		position: relative;
	}
	.top_study__cassette a {
		display: block;
		width: 460px;
/*		height: 287px;*/
		text-decoration: none;
		color: #333;
	}
/*
	.top_study__cassette.cat_faq a,
	.top_study__cassette.cat_slide a {
		height: 237px;
	}
*/
	.top_study__cassette.cat_curriculum a {
		background: url(../../images/study_curriculum_img.jpg) no-repeat;
	}
	.top_study__cassette.cat_teacher a {
		background: url(../../images/study_teacher_img.jpg) no-repeat;
	}
	.top_study__cassette.cat_faq a {
		background: url(../../images/study_teacher_img.jpg) no-repeat;
	}
	.top_study__cassette .subttl {
		display: none;
	}
	.top_study__cassette .text {
		position: absolute;
		bottom: 0;
		box-sizing: border-box;
		width: 100%;
		padding: 15px 25px;
		background: rgba(255,255,255,0.8);
		line-height: 1.7;
		font-size: 107.1%;
	}
	.top_study__faq {
		padding-top: 30px;
		text-align: center;
	}
}
@media screen and (max-width: 740px) {
	.top_study {
		margin-top: -50px;
		padding-top: 50px;
	}
	.top_study__inside {
		padding: 5vw 5% 7vw;
		background: #fef6f1;
	}
	.top_study__cassette,
	.top_study__faq {
		margin-top: 4vw;
	}
	.top_study__cassette a {
		position: relative;
		display: block;
		text-decoration: none;
		color: #333;
	}
	.top_study__cassette .subttl {
		display: none;
	}
	.top_study__cassette .text {
		position: absolute;
		bottom: 0;
		box-sizing: border-box;
		width: 100%;
		padding: 0.75em 1em;
		background: rgba(255,255,255,0.8);
		line-height: 1.5;
	}
}

/* cat_slide --------------------------- */
a.link_hidden {
	display: none;
}
.top_study__cassette.cat_slide .caption a {
	height: auto;
	margin-top: 1em;
	text-align: right;
	font-size: 80%;
	text-decoration: underline;
	color: #333;
}


/* top_recipemov ----------------------- */
@media screen and (min-width: 741px), print {
	.top_recipemov {
		width: 960px;
		min-height: 320px;
		margin: 0 auto;
		background: url(../../images/recipemov_bg.png) no-repeat #f8f5e8;
	}
	.top_recipemov h2 {
		padding: 35px 0;
		text-align: center;
	}
	.top_recipemov h2 .recipe_notes {
    display: block;
    margin-top: 1em;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    color: #c00;
  }
	.recipemov_list {
		text-align: center;
	}
	.recipemov_list li {
		display: inline-block;
		margin: 1em 5px 0;
		vertical-align: top;
	}
	.recipemov_list li a {
		position: relative;
		display: block;
		text-align: left;
		text-decoration: none;
	}
	.recipemov_list li a .category {
		position: absolute;
		display: inline-block;
		top: 0;
		left: 0;
		width: auto;
		min-width: 8em;
		padding: 0.75em 0;
		line-height: 1;
		text-align: center;
		font-size: 84%;
		color: #fff;
	}
	.recipemov_list li a .category.cat01 {
		background: #75ac56;
	}
	.recipemov_list li a .category.cat02 {
		background: #abaf51;
	}
	.recipemov_list li a .thumb {
		width: 190px;
		border: solid 6px #fff;
	}
	.recipemov_list li a .mark {
		position: absolute;
		top: 45%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	.recipemov_list li a .caption {
		display: block;
		margin: 0.5em 6px 0;
		color: #000;
	}
	.recipemov_list_sp {
		display: none;
	}
	.recipe_link {
		margin: 35px 0 90px;
		text-align: center;
	}
	.recipe_link a {
		display: inline-block;
		padding: 1.25em 2em 1em;
		border: solid 1px #de7c60;
		text-align: center;
		font-size: 90%;
		text-decoration: none;
		color: #de7c60;
	}
}

@media screen and (max-width: 740px) {
	.recipemov_list {
		display: none;
	}
	.top_recipemov {
		padding-bottom: 10vw;
		background: url(../../images/recipemov_bg.png) no-repeat #f8f5e8;
		background-size: 100% auto;
	}
	.top_recipemov h2 {
		padding: 10vw 10vw 0;
		text-align: center;
	}
	.top_recipemov h2 img {
		width: 100%;
		max-width: 300px;
	}
	.top_recipemov h2 .recipe_notes {
    display: block;
    margin-top: 1em;
    line-height: 1.4;
    text-align: center;
    font-size: 1.2em;
    font-weight: bold;
    color: #c00;
  }
	.recipemov_list_sp li {
		width: 70vw;
		margin: 2em auto 0;
	}
	.recipemov_list_sp li a {
		position: relative;
		display: block;
		text-align: left;
		text-decoration: none;
	}
	.recipemov_list_sp li a .category {
		position: absolute;
		display: inline-block;
		top: 0;
		left: 0;
		width: auto;
		min-width: 8em;
		padding: 0.75em 0;
		line-height: 1;
		text-align: center;
		font-size: 84%;
		color: #fff;
	}
	.recipemov_list_sp li a .category.cat01 {
		background: #75ac56;
	}
	.recipemov_list_sp li a .category.cat02 {
		background: #abaf51;
	}
	.recipemov_list_sp li a .thumb {
		width: 100%;
		max-width: 400px;
		border: solid 6px #fff;
	}
	.recipemov_list_sp li a .mark {
		position: absolute;
		top: 45%;
		left: 50%;
		transform: translate(-50%,-50%);
	}
	.recipemov_list_sp li a .caption {
		display: block;
		margin: 0.5em 6px 0;
		color: #000;
	}
	.recipe_link {
		margin: 5vw 0 10vw;
		text-align: center;
	}
	.recipe_link a {
		display: inline-block;
		width: 70%;
		margin: 0 auto;
		padding: 1.25em 0 1em;
		border: solid 1px #de7c60;
		text-align: center;
		font-size: 90%;
		text-decoration: none;
		color: #de7c60;
	}
}

.fancybox-caption {
  display: none;
}


/* top_news ---------------------------- */

@media screen and (min-width: 741px), print {
	.top_news {
		background: url(../../images/news_bg.jpg) center;
		/*height: 443px;*/
		overflow-y: hidden;
	}
	.top_news__inside {
		width: 860px;
		margin: 0 auto;
		padding: 35px 0;
	}
	.top_news__title {
		margin-bottom: 1em;
		font-size: 200%;
		text-align: center;
		color: #EE7B32;
	}
	.top_news__list li > * {
		width: 160px;
		margin-left: auto;
		margin-right: auto;
	}
	.top_news__list li .category {
		position: relative;
		margin-bottom: 20px;
		padding: 0.75em 1em 0.5em;
		border-radius: 6px;
		background: #FFDDD6;
		text-align: center;
		color: #FF7B5D;
	}
	.top_news__list li .category:after {
		content: "";
		position: absolute;
		display: inline-block;
		bottom: -10px;
		left: calc(50% - 7px);
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 10px 7px 0 7px;
		border-color: #ffddd6 transparent transparent transparent;
}
	.top_news__list li a {
		position: relative;
		display: block;
		height: 235px;
		padding: 15px;
		background: #fff;
		text-decoration: none;
	}
	.top_news__list li a .mark {
		position: absolute;
		top: 0;
		left: 0;
		width: 3.6em;
		height: 3.6em;
		background: #ff7b5d;
		line-height: 3.6em;
		text-align: center;
		color: #fff;
	}
	.top_news__list li a .border {
		border: solid 1px #ddd;
	}
	.top_news__list li a span {
		display: block;
		line-height: 1.5;
		color: #666;
	}
	.top_news__list .date {
		position: relative;
		margin: 0.75em 0 0.25em;
		color: #EE7B32;
	}
	.top_news__list li a .new {
		position: absolute;
		display: inline-block;
		top: 0;
		right: 0;
		width: 40px;
		height: 18px;
		background: #ff7b5d;
		line-height: 19px;
		text-align: center;
		font-size: 70%;
		color: #fff;
	}
	.news_link {
		margin: 15px 0 50px;
		text-align: center;
	}
	.news_link a {
		display: inline-block;
		padding: 1.25em 2em 1em;
		border: solid 1px #de7c60;
		text-align: center;
		font-size: 90%;
		text-decoration: none;
		color: #de7c60;
	}
}

@media screen and (max-width: 740px) {
	.top_news {
		padding: 4em 0 3em;
		background: url(../../images/news_bg.jpg) center 50px repeat-x;
	}
	.top_news__inside {
		width: calc(100% - 24vw);
		margin: 0 auto;
		padding: 8% 0 10%;
	}
	.top_news__title {
		margin-bottom: 1em;
		font-size: 200%;
		text-align: center;
		color: #EE7B32;
	}
	.top_news__list li > * {
		box-sizing: border-box;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
	}
	.top_news__list li .category {
		position: relative;
		margin-bottom: 20px;
		padding: 0.75em 1em 0.5em;
		border-radius: 6px;
		background: #FFDDD6;
		text-align: center;
		color: #FF7B5D;
	}
	.top_news__list li .category:after {
		content: "";
		position: absolute;
		display: inline-block;
		bottom: -10px;
		left: calc(50% - 7px);
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 10px 7px 0 7px;
		border-color: #ffddd6 transparent transparent transparent;
}
	.top_news__list li a {
		position: relative;
		display: block;
		height: auto;
		padding: 15px;
		background: #fff;
		text-align: center;
		text-decoration: none;
	}
	.top_news__list li a .mark {
		position: absolute;
		top: 0;
		left: 0;
		width: 3.6em;
		height: 3.6em;
		background: #ff7b5d;
		line-height: 3.6em;
		text-align: center;
		color: #fff;
	}
	.top_news__list li a .border {
		border: solid 1px #ddd;
	}
	.top_news__list a img {
		display: inline-block;
		width: 100%;
		height: auto;
	}
	.top_news__list li a span {
		display: block;
		min-height: 1.5em;
		line-height: 1.5;
		text-align: left;
		color: #666;
	}
	.top_news__list .date {
		position: relative;
		margin: 0.75em 0 0.25em;
		line-height: 2;
		color: #EE7B32;
	}
	.top_news__list .title {
		height: calc((1em * 1.5) * 3);
	}
	.top_news__list li a .new {
		position: absolute;
		display: inline-block;
		top: 0;
		right: 0;
		width: 40px;
		height: 20px;
		background: #ff7b5d;
		line-height: 20px;
		text-align: center;
		font-size: 70%;
		color: #fff;
	}
	.news_link {
		text-align: center;
	}
	.news_link a {
		display: inline-block;
		width: 70%;
		margin: 0 auto;
		padding: 1.25em 0 1em;
		border: solid 1px #de7c60;
		text-align: center;
		font-size: 90%;
		text-decoration: none;
		color: #de7c60;
	}
}


/* --------------------------------------------------
	2019年度リニューアル
-------------------------------------------------- */

/* top_torikumi ------------------------ */
.top_torikumi_list_2019 * {
	box-sizing: border-box;
}
.top_torikumi__cassette_2019 a {
	position: relative;
	display: block;
	margin: 0 auto;
	padding-top: 3em;
	text-decoration: none;
	text-align: center;
	color: #4d4d4d;
}
.top_torikumi__cassette_2019 .category {
	position: absolute;
	top: -1em;
	left: 0;
	width: 100%;
	text-align: center;
}
.top_torikumi__cassette_2019 .category span {
	position: relative;
	display: inline-block;
	min-width: 176px;
	padding: 0.75em 1em 0.5em;
	border-radius: 5px;
	background: #ff7b5d;
	line-height: 1;
	color: #fff;
}
.top_torikumi__cassette_2019 .category span:after {
	content: "";
	position: absolute;
	bottom: -8px;
	left: calc(50% - 5px);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 5px 0 5px;
	border-color: #ff7b5d transparent transparent transparent;
}
.top_torikumi__cassette_2019 .name {
	margin-bottom: 1em;
	line-height: 1.4;
}
.top_torikumi__cassette_2019 .name > * {
	display: inline-block;
}
.top_torikumi__cassette_2019 .name span {
	font-size: 1.5em;
	color: #ff7b5d;
}
.top_torikumi__cassette_2019 .text {
	max-width: 416px;
	margin: 1em auto;
	line-height: 1.5;
	text-align: left;
}

@media screen and (min-width: 741px), print {
	.top_torikumi__inside {
		margin-bottom: 20px;
	}
	.top_torikumi_list_2019 {
		display: flex;
		flex-wrap: wrap;
	}
	.top_torikumi__cassette_2019 {
		width: 460px;
		margin-bottom: 40px;
		border: solid 3px #e3e3e3;
		background: #fff;
	}
	.top_torikumi__cassette_2019:nth-child(even) {
		margin-left: 40px;
	}
	.top_torikumi__cassette_2019 .name small + span {
		margin-left: 0.3em;
	}
}

@media screen and (max-width: 740px) {
	.top_torikumi__cassette_2019 {
		width: 100%;
		margin: 2em 0;
		border: solid 3px #e3e3e3;
		background: #fff;
	}
	.top_torikumi__cassette_2019 a {
		padding: 3em 1em 0;
	}
	.top_torikumi__cassette_2019 .name span {
		font-size: 1.3em;
	}
}