@charset "UTF-8";

#T_article {
	min-width: 0;
	box-sizing: border-box;
    padding: 20px;
    background: #fff;
    text-align: left;
}
@media only screen and (max-width: 768px) {
	#T_article{padding: 0;}
}
#T_article * {
	box-sizing: border-box;
}

/* tag style */
#T_article img {vertical-align: bottom;}

/* page style */

#T_article .T_article_body {
	margin: 0 auto;
	max-width: 1000px;
}
@media only screen and (max-width: 768px) {
	#T_article .T_article_body {padding: 0 10px;}
}

#T_article .mv {
	background-image: url("../img/recipe_tit_bg.png");
	background-repeat: repeat;
	background-size: 20px 20px;
	border-bottom: dotted 1px #000;
	margin: 0 0 60px;
}
@media only screen and (max-width: 768px) {
	#T_article .mv {margin: 0 0 20px;}
}


#T_article .mv_image {}
#T_article .mv_image img {
	vertical-align: bottom;
	width: 100%;
	height: auto;
}

#T_article .mv_lead {
	padding: 0 20px 0;
	text-align: center;
	color: #333;
}
#T_article .mv_lead p {
	font-size: 18px;
	font-weight: bold;
	line-height: 24px;
}
@media only screen and (max-width: 768px) {
	#T_article .mv_lead {padding: 0 10px 0;}
	#T_article .mv_lead p {
		font-size: 10px;
		line-height: 15px;
	}
}

#T_article .mv_bnr {padding: 20px;}
#T_article .mv_bnr a {}
#T_article .mv_bnr img {outline: solid 3px #fff;width: 100%;}
#T_article .mv_bnr a img:hover {opacity: 0.8;}
@media only screen and (max-width: 768px) {
	#T_article .mv_bnr {padding: 10px;}
	#T_article .mv_bnr a {}
	#T_article .mv_bnr img {}
}

#T_article .recipe_top_head {
	text-align: center;
	margin: 0;
	position: relative;
	overflow: hidden;
}
#T_article .recipe_top_head > span > img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}
@media only screen and (max-width: 768px) {
	#T_article .recipe_top_head > span > img {
		height: 40px;
		width: auto;
		max-width: none !important;
		position: relative;
		left: 50%;
		transform: translate(-50%,0);
	}
}

#T_article .recipe_top_calendar {}

#T_article .recipe_top_calendar_nav {
	margin: 0 0 20px;
}
#T_article .recipe_top_calendar_open {
	width: 100%;
	height: auto;
}
#T_article .recipe_top_calendar_close {
	display: none;
	width: 100%;
	height: auto;
}
#T_article .active .recipe_top_calendar_open {
	display: none;
	width: 100%;
	height: auto;
}
#T_article .active .recipe_top_calendar_close {
	display: inline-block;
	width: 100%;
	height: auto;
}

/*#T_article .recipe_top_calendar_group {display: none;}
*/
#T_article .recipe_top_calendar_lead {
	color: #726339;
	font-size: 20px;
	line-height: 28px;
	text-align: center;
	margin: 0 0 20px;
}
@media only screen and (max-width: 768px) {
	#T_article .recipe_top_calendar_lead {
		font-size: 12px;
		line-height: 16px;
	}
}
#T_article .recipe_top_calendar_head {
	text-align: center;
	margin: 0 0 24px;
}
#T_article .recipe_top_calendar_head img {
	max-width: 780px;
	width: 100%;
	height: auto;
}

#T_article .recipe_top_calendar_body {
	position: relative;
}
#T_article .recipe_top_calendar_body a {}
#T_article .recipe_top_calendar_body a:hover,
#T_article .recipe_top_calendar_body a:focus {opacity: 0.75;}

#T_article .recipe_top_calendar_sp1,
#T_article .recipe_top_calendar_sp2,
#T_article .recipe_top_calendar_pc {
	position: relative;
	z-index: 1;
}
#T_article .recipe_top_calendar_sp2 {margin-top: 20px;}

@media only screen and (min-width: 767px) {
	#T_article .recipe_top_calendar_sp1,
	#T_article .recipe_top_calendar_sp2 {display: none;}
    
    #T_article .recipe_top_calendar_pc {display: block;}
}
@media only screen and (max-width: 768px) {
	#T_article .recipe_top_calendar_pc {display: none;}
    #T_article .recipe_top_calendar_sp1,
	#T_article .recipe_top_calendar_sp2 {display:block;}
}

#T_article .recipe_top_calendar_sp1 .recipe_top_calendar_bg,
#T_article .recipe_top_calendar_sp2 .recipe_top_calendar_bg,
#T_article .recipe_top_calendar_pc .recipe_top_calendar_bg {
	width: 100%;
	height: auto;
	opacity: 0;
	transition: opacity 0.4s ease;
}
#T_article .active .recipe_top_calendar_sp1 .recipe_top_calendar_bg,
#T_article .active .recipe_top_calendar_sp2 .recipe_top_calendar_bg,
#T_article .active .recipe_top_calendar_pc .recipe_top_calendar_bg {
	opacity: 1;
}
#T_article .recipe_top_calendar_body .item01,
#T_article .recipe_top_calendar_body .item02,
#T_article .recipe_top_calendar_body .item03,
#T_article .recipe_top_calendar_body .item04,
#T_article .recipe_top_calendar_body .item05,
#T_article .recipe_top_calendar_body .item06,
#T_article .recipe_top_calendar_body .item07,
#T_article .recipe_top_calendar_body .item08,
#T_article .recipe_top_calendar_body .item09,
#T_article .recipe_top_calendar_body .item10,
#T_article .recipe_top_calendar_body .item11,
#T_article .recipe_top_calendar_body .item12,
#T_article .recipe_top_calendar_body .item13,
#T_article .recipe_top_calendar_body .item14,
#T_article .recipe_top_calendar_body .item15,
#T_article .recipe_top_calendar_body .item16,
#T_article .recipe_top_calendar_body .item17{
	position: absolute;
	z-index: 3;
	width: 198px;
	transform: translate(-50%,-50%);
	opacity: 0;
	transition: opacity 0.4s ease;
}
#T_article .recipe_top_calendar_group.active .item01,
#T_article .recipe_top_calendar_group.active .item02,
#T_article .recipe_top_calendar_group.active .item03,
#T_article .recipe_top_calendar_group.active .item04,
#T_article .recipe_top_calendar_group.active .item05,
#T_article .recipe_top_calendar_group.active .item06,
#T_article .recipe_top_calendar_group.active .item07,
#T_article .recipe_top_calendar_group.active .item08,
#T_article .recipe_top_calendar_group.active .item09,
#T_article .recipe_top_calendar_group.active .item10,
#T_article .recipe_top_calendar_group.active .item11,
#T_article .recipe_top_calendar_group.active .item12,
#T_article .recipe_top_calendar_group.active .item13,
#T_article .recipe_top_calendar_group.active .item14,
#T_article .recipe_top_calendar_group.active .item15,
#T_article .recipe_top_calendar_group.active .item16,
#T_article .recipe_top_calendar_group.active .item17{
	opacity: 1;
}

@media only screen and (max-width: 768px) {
	#T_article .recipe_top_calendar_group .item01,
	#T_article .recipe_top_calendar_group .item02,
	#T_article .recipe_top_calendar_group .item03,
	#T_article .recipe_top_calendar_group .item04,
	#T_article .recipe_top_calendar_group .item05,
	#T_article .recipe_top_calendar_group .item06,
	#T_article .recipe_top_calendar_group .item07,
	#T_article .recipe_top_calendar_group .item08,
	#T_article .recipe_top_calendar_group .item09,
	#T_article .recipe_top_calendar_group .item10,
	#T_article .recipe_top_calendar_group .item11,
	#T_article .recipe_top_calendar_group .item12,
	#T_article .recipe_top_calendar_group .item13,
	#T_article .recipe_top_calendar_group .item14,
	#T_article .recipe_top_calendar_group .item15,
	#T_article .recipe_top_calendar_group .item16,
    #T_article .recipe_top_calendar_group .item17 {
		width: 144px;
	}
}

@media only screen and (min-width: 767px) {
	.item01 {left: 49%;top: 66.4%;}
	.item02 {left: 64%;top: 80%;}
	.item03 {left: 64%;top: 46%;}
	.item04 {left: 88%;top: 56.4%;}
	.item05 {left: 88%;top: 46%;}
	.item06 {left: 40%;top: 46%;}
	.item07 {left: 49%;top: 56.4%;}
	.item08 {left: 88%;top: 36%;}
	.item09 {left: 64%;top: 36%;}
	.item10 {left: 78%;top: 60%;}
	.item11 {left: 16%;top: 80%;}
	.item12 {left: 16%;top: 36%;}
	.item13 {left: 40%;top: 80%;}
	.item14 {left: 40%;top: 36%;}
	.item15 {left: 16%;top: 56.4%;}
	.item16 {left: 88%;top: 80%;}	
    .item17 {left: 16%;top: 46%;}
}
@media only screen and (max-width: 768px) {
	.item01 {left: 90%;top: 33%;}
	.item02 {left: 24.5%;top: 90.2%;}
	.item03 {left: 25%;top: 76.5%;}
	.item04 {left: 70.5%;top: 76.5%;}
	.item05 {left: 70.5%;top: 72%;}
	.item06 {left: 70.3%;top: 22.5%;}
	.item07 {left: 90%;top: 28%;}
	.item08 {left: 70.5%;top: 67.5%;}
	.item09 {left: 25%;top: 72%;}
	.item10 {left: 59%;top: 81%;}
	.item11 {left: 24%;top: 39%;}
	.item12 {left: 24%;top: 17%;}
	.item13 {left: 70.3%;top: 39%;}
	.item14 {left: 70.3%;top: 17%;}
	.item15 {left: 24%;top: 28%;}
	.item16 {left: 70.5%;top: 90.2%;}
    .item17 {left: 24%;top: 22.5%;}
}


#T_article .recipe_top_calendar_footer {
	text-align: center;
	border-bottom: dotted 1px #000;
	margin: 0 0 30px;
	padding: 24px 0 5px;
}
#T_article .recipe_top_calendar_footer > a {}
#T_article .recipe_top_calendar_footer > a img {
	max-width: 440px;
	width: 100%;
	height: auto;
    margin: 0 0 20px;
    
}
@media only screen and (max-width: 768px) {
	#T_article .recipe_top_calendar_footer > a img {max-width: 320px;}
}
#T_article .recipe_top_calendar_footer > a {}
#T_article .recipe_top_calendar_footer > a img a:hover {opacity: 0.8;}

#T_article .list_index {
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: flex-start;
	-ms-flex-pack: start;
	justify-content: flex-start;
	-webkit-align-content: stretch;
	-ms-flex-line-pack: stretch;
	align-content: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
	padding: 30px 0 0;
	margin: 0 0 10px;
}
#T_article .list_index.yellow {
	padding: 20px;
	background: #fff9e8;
	border-bottom: dotted 1px #000;
}
@media only screen and (max-width: 768px) {
	#T_article .list_index {padding: 15px 0 0;}
	#T_article .list_index.yellow {padding: 10px;}
}


@media print, screen and (min-width: 767px) {
	#T_article .list_index > li {
		width: calc( ( 100% - 90px ) / 4 - 1px );
		margin: 0 0 30px 30px;
	}
	#T_article .list_index > li:nth-child(4n+1) {margin-left: 0;}
	
	#T_article .list_index.yellow > li {
		width: calc( ( 100% - 30px ) / 2 - 1px );
		margin: 0 0 30px 30px;
	}
	#T_article .list_index.yellow > li:nth-child(4n+1) {margin-left: 30px;}
	#T_article .list_index.yellow > li:nth-child(odd) {margin-left: 0;}
}
@media only screen and (max-width: 768px) {
	#T_article .list_index > li {
		width: calc( ( 100% - 12px ) / 2 - 1px );
		margin: 0 0 12px 12px;
	}
	#T_article .list_index > li:nth-child(odd) {margin-left: 0;}
}

#T_article .list_index > li > a {
	display: block;
	height: 100%;
}
#T_article .list_index > li > a:hover {opacity: 0.8;}
#T_article .list_index > li > a span {
	display: block;
	color: #bf8954;
	font-size: 14px;
	text-decoration: underline;
	margin: 6px 0 0;
}
@media only screen and (max-width: 768px) {
	#T_article .list_index > li > a span {font-size: 12px;}
}

#T_article .list_index_image {}
#T_article .list_index_image img {
	width: 100%;
	height: auto;
}
#T_article .T_article_footer {text-align: center; margin: 30px 0;}
#T_article .T_article_footer > a {}
#T_article .T_article_footer > a > img { max-width: 100%;}

/* utility style */
@media print, screen and (min-width: 767px) {
	#T_article .pc_disp {}
	#T_article .sp_disp {display: none;}
}
@media only screen and (max-width: 768px) {
	#T_article .pc_disp {display: none;}
	#T_article .sp_disp {}
}

@media print {
.l-header {
    position: absolute;
    }
/*  body {
      width: 1040px;
  }*/
}

#T_article .icon-pdf {display: none;}
#T_article .icon-newwin {display: none;}