/* layout > container
========================================== */

.l-container {
	margin-left: auto;
	margin-right: auto;
	padding-left: 15px;
	padding-right: 15px;
}
.l-container {
	max-width: 1230px;
	width: 100%;
}

/* layout > page > title
========================================== */

.l-page-title {
	background: url(../img/common/bg_pt03_bl.png) no-repeat;
	background-size: cover;
}
.l-page-title.u-bg-gr {
	background: url(../img/common/bg_pt03_gr.png) no-repeat;
	background-size: cover;
}
.l-page-title.u-bg-pu {
	background: url(../img/common/bg_pt03_pur.png) no-repeat;
	background-size: cover;
}
.l-page-title.u-bg-bl02 {
	background: url(../img/common/bg_pt03_bl02.png) no-repeat center right;
	background-size: cover;
}
.l-page-title.u-bg-be {
	background: url(../img/common/bg_pt03_be.png) no-repeat;
	background-size: cover;
}
.l-page-title * {
	max-width: 1230px;
	width: 100%;
	margin: 0 auto ;
	padding: 80px 15px;
	font-size: 30px;
	font-weight: bold;
}
@media screen and (max-width:640px) {
	.l-page-title * {
		font-size: 28px;
		padding:30px 15px ;
	}
}

/* layout > section
========================================== */

.l-section {
	padding-top: 80px;
	padding-bottom: 60px;
}
.l-section--p0 {
	padding-top: 0;
	padding-bottom: 0;
}
.l-section + .l-section {
	border-top: 1px dashed #707070;
}

/* title > side > bl
========================================== */

.title-side-bl {
	font-size: 22px;
	font-weight: bold;
	padding-left: 1em;
	border-left: #0476D9 7px solid;
}

/* title > cube
========================================== */

.title-cube-bl {
	font-weight: bold;
	position: relative;
	padding-left: 2em;
}
.title-cube-bl::after {
	content: "";
	width: 16px;
	height: 16px;
	display: block;
	background: #5EA5E2;
	border-radius: 4px;
	position: absolute;
	left: 0;
	top: 16px;
}
@media screen and (max-width:640px) {
	.title-cube-bl::after {
		left: 10px;
		top: 11px;
	}
}


/* title > fz
========================================== */

.title-fz22 {
	font-size: 22px;
	font-weight: bold;
}

.title-fz26 {
	font-size: 26px;
	font-weight: bold;
}

/* txt > colore
========================================== */

.txt-red {
	color: #A85D5D;
}
.txt-bl {
	color: #0487D9;
}
.txt-underL {
	background:linear-gradient(transparent 60%, #FFF5B2 60%);
}

.txt-fz__s {font-size: 16px;}
.txt-fz__ss {font-size: 12px;}
.txt-border__black {
	border: 1px solid #666;
	display: inline-block;
	padding: 0 5px;
}

/* txt > read
========================================== */

.txt-read {
	font-size: 18px;
	line-height: 3;
	letter-spacing: 0.15em;
}
@media screen and (max-width:640px) {
	.txt-read {
		line-height: 2;
	}
}

/* layout > wrap
========================================== */

.l-wrap {
	display: flex;
	justify-content: space-between;
}
.l-wrap__main {
	max-width: 920px;
	width: 100%;
	border-right: 1px solid #ccc;
	padding-right: 30px;
	padding-bottom: 120px;	
}
.l-wrap__side {
	width: calc( 100% - 950px);
	padding-top: 100px;
	padding-bottom: 100px;
}
@media screen and (max-width:1050px) {
	.l-wrap {
		display: block;
	}
		.l-wrap__side {
		display: none;
	}
	.l-wrap__main {
		border-right: none;
		padding-right: 0;
		padding-bottom: 0;
	}
}

/* layout > bg
========================================== */

.bg-bl {
	background: #0476D9;
}
.bg-ygr {
	background: #F8FAE4;
}
.bg-gy01 {
	background: #F8F8F8;
}
.bg-gy02 {
	background: #EFEFEF;
}
.bg-skybl {
	background: #E4F6FD;
}
.bg-skybl02 {
	background: #F5F8F9;
}
.bg-green {
	background: #CCE1A1;
}
.bg-orange {
	background: #FCD9A5;
}
.bg-pt01 {
	background: url(../img/common/bg_pt01.svg);
}
.bg-pt02 {
	background: url(../img/common/bg_pt02.svg);
}

.bg-grad-ore {
	background: rgb(255,242,226);
	background: linear-gradient(180deg, rgba(255,242,226,1) 0%, rgba(255,255,255,1) 100%);
}
.bg-grad-pur {
	background: rgb(236,230,249);
	background: linear-gradient(180deg, rgba(236,230,249,1) 0%, rgba(255,255,255,1) 100%);
}
.bg-grad-sky {
	background: rgb(228,246,253);
	background: linear-gradient(180deg, rgba(228,246,253,1) 0%, rgba(255,255,255,1) 100%);
}

.u-bg-bird.bg-skybl02 {
	background:url(../img/library/ic_bird01.png) no-repeat left 1em center #F5F8F9;
	padding-left: 120px;
}
@media screen and (max-width:640px) {
	.u-bg-bird.bg-skybl02 {
		font-size: 16px;
	}
}


/* layout > flex
========================================== */

.l-flex {
	display: flex;
	flex-wrap: wrap;
}
.l-flex--col02 > div ,
.l-flex--col02 > figure {
	width: 50%;
}
.l-flex--center {
	justify-content: center;
	gap: 50px;
}
.l-flex--al-center {
	align-items: center;
}
.l-flex--al-fs {
	align-items: flex-start;
}
.l-flex--jusb {
	justify-content: space-between;
}
.l-flex--gap10 {
	gap: 10px;
}
.col02 {
	flex-wrap: wrap;
	display: flex;
	gap: 20px;
}
.flex {
	display: flex;
}
.flex-wrap {
	flex-wrap: wrap;
}
.ju-center {
	justify-content: center;
}
.ju-sb {
	justify-content: space-between;
}
@media screen and (max-width:640px) {
	.ju-center__sp {
		justify-content: center;
	}
}
.gap030 {
	gap: 0 30px;
}
.gap30 {	gap: 30px;}
.gap20 {	gap: 20px;}
.gap10 {	gap: 10px;}


/* unit > ic > circle
========================================== */

.u-ic-circle {
	background: #86BDED;
	width: 42px;
	height: 42px;
	color: #fff;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 21px;
	font-size: 18px;
	margin-right: 1em;
}

/* component > txt
========================================== */

.c-txt--center {
	text-align: center;
}
.c-txt--small {
	font-size: 14px;
}

/* component > pic
========================================== */

.c-pic-zoom {
	display: flex;
	justify-content: center;
}
.c-pic-zoom::before {
	content: "";
	background: url(../img/common/ic_zoom.svg) no-repeat left;
	background-size: 27px;
	width: 27px;
	height: 27px;
	display: inline-block;
	margin-right: 1em;
}

/* component > pic　> grid
========================================== */

.c-pic-grid__col04 ,
.c-pic-grid__col03 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.c-pic-grid__col04 li {
	width: 24%;
}
.c-pic-grid__col03 li {
	width: 32%;
}
@media screen and (max-width:640px) {
	.c-pic-grid__col04 {
		flex-wrap: wrap;
	}
	.c-pic-grid__col04 li {
		width: 48%;
	}
	.c-pic-grid__col04 li:nth-of-type(n+3) {
		margin-top: 10px;
	}
}

/* item > btn
========================================== */

.item-btn {
	margin-top: 30px;
}

/* component > box
========================================== */

.c-box {
	max-width: 560px;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
	padding: 40px 30px 50px;
	text-align: center;
}
.c-box--wh {
	background: #fff;
}
@media screen and (max-width:640px) {
	.c-box {
		padding: 40px 15px 15px;
	}
}

/* component > btn
========================================== */

.c-btn {
	font-weight: bold;
	letter-spacing: 0.05em;
	display: inline-block;
}
.c-btn--next {
	padding-right: 5em;
	color: #fff;
	border-radius: 50px;
	border-bottom: #034075 5px solid;
	background:#0476D9 url(../img/common/ic_arr_r_wh.svg)no-repeat right 2em center ;
	text-align: center;
	padding: .5em 5em .5em 3em;
	font-size: 16px;
}
a.c-btn--next[target="_blank"] {
	background:#0476D9 url(../img/common/ic_blank_wh.svg)no-repeat right 2em center ;
}
a.c-btn--next[href$=".pdf"] {
	background:#0476D9 url(../img/common/ic_pdf_wh.svg)no-repeat right 2em center ;
}
.c-btn--next.c-btn--close {
	background:#D1D1D1;
	color: #666;
	border-bottom: none;
	padding: .5em 3em .5em 3em;
}
.c-btn--skyblue {
	background: #E4F6FD;
	border-bottom: #92C9DE 5px solid;
}
.c-btn--ygreen {
	background: #F8FAE4;
	border-bottom: #E4E9B3 5px solid;
}
.c-btn--large {
	font-size: 18px;
	padding: 1em 5em;
}
@media only screen and (max-width: 640px) {
	.c-btn--large {
		padding: 1em 3em;
		width: 100%;
	}
	.c-btn--next {
		padding: 0.8em 5em 0.8em 2em;
		width: 100%;
		display: inline-block;
		text-align: left;
	}
}

.c-btn--next.c-btn--large {
	border-bottom: #034075 10px solid;
}
.c-btn--ghost {
	border: 1px solid #ccc;
	padding: 1em 5em;
}
.c-btn-back {
	background: #86BDED url(../img/common/ic_arr_l_wh.svg)no-repeat left 2em center ;
	padding: 1.5em 3em 1.5em 5em;
	border-radius: 5px;
	color: #fff;
}

/* component > link > category
========================================== */

.c-link-category {
	padding-top: 60px;
	padding-bottom: 80px;
}
.c-link-category-title {
	text-align: center;
	font-size: 30px;
	font-family: 'M PLUS Rounded 1c', sans-serif;
	padding-bottom: 30px;
}

/* component > news
========================================== */

.c-news {
	max-width: 890px;
	width: 100%;
}
.c-news-article ul {
	border-top: 1px solid #D1D1D1;
	margin-top: 30px;
}
.c-news-article ul li {
	border-bottom: 1px solid #D1D1D1;
}
.c-news-article ul li.u-info-blank,
.c-news-article ul li a {
	display: block;
	padding: 1.5em 2em 1.5em 1.5em;
	position: relative;
	display: flex;
	flex-wrap: wrap;
	gap: 0 20px;
}
.c-news-article ul li a {
	background: url(../img/common/ic_arr_r_bl.svg) no-repeat right 1em center;
}
.c-news-article__tit {
	font-size: 18px;
}
@media screen and (max-width:640px) {
	.c-news-article ul li a {
		padding: 0.8em 40px 0.8em 1em;
	}
}
/* component > news > data
========================================== */

.c-news-data {
	display: flex;
	gap: 30px;
	font-size: 14px;
}
@media screen and (max-width:640px) {
	.c-news-data {
		gap: 10px;
	}
}

/* info > tag
========================================== */

.info-tag {
	padding: 0.1em 2em;
	background: #E8E8E8;
	border-radius: 15px;
}
.info-tag[data-cate="講演会・勉強会開催情報"] {
	background:#EBF889;
}
.info-tag[data-cate="医療従事者向け情報"] {
	background:#E8E8E8;
}
.info-tag[data-cate="センターからのお知らせ"] {
	background:#E0EEFB;
}

@media screen and (max-width:640px) {
	.info-tag {
		padding: 0.1em 1em;
		display: inline-block;
		font-size: 12px;
	}	
}


/* component > article
========================================== */

.c-article-text {
	margin-top: 30px;
}
.c-article-text p {
	line-height: 2.5;
	letter-spacing: 0.1em;
}
.c-article-text > p + p {
	margin-top: 30px;
}
.c-article-text p.txt-read {
	font-size: 22px;
	line-height: 3;
	letter-spacing: 0.15em;
}
@media screen and (max-width:640px) {
	.c-article-text p {
		line-height: 2;
	}
	.c-article-text p.txt-read {
		font-size: 18px;
		line-height:2;
	}	
}
.c-article-text__col02 {
	display: flex;
	justify-content: space-between;
}
.c-article-text__col02 .c-article-pic {
	max-width: 274px;
	margin-top: 0;
}
.c-article-pic {
	margin-top: 30px;
}
.c-article-pic figcaption {
	font-size: 12px;
	margin-top: 0.5em;
}
@media screen and (max-width:640px) {
	.c-article-text__col02 {
		display: block;
	}	
	.c-article-text__col02 .c-article-pic {
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		margin-top: 30px;
	}
}

/* component > table > basic
========================================== */

table.c-table-basic {
	width: 100%;
}
table.c-table-basic tr {
	border-bottom: #BFBFBF 1px solid;
}
table.c-table-basic tr th {
	background: #F5F8F9;
	padding: 1em;
	width: 300px;
}
table.c-table-basic tr td {
	padding: 1em;
	width: calc(100% - 300px);
}
@media screen and (max-width:640px) {
	table.c-table-basic tr th {
		display: block;
		width: 100%;
	}
	table.c-table-basic tr td {
		display: block;
		width: 100%;
	}
}

/* component > list > ic-bl
========================================== */

ul.c-list-ic-bl li {
	position: relative;
	padding-left: 2em;
}
ul.c-list-ic-bl li + li {
	margin-top: 10px;
}
ul.c-list-ic-bl li::after {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	background: #5EA5E2;
	border-radius: 4px;
	position: absolute;
	left: 10px;
	top: 15px;
	margin-top: -5px;
}

/* component > list > point
========================================== */

ul.c-list-point li {
	display: flex;
	padding: 1.5em 0;
	border-bottom: 1px dashed #86BDED;
}
ul.c-list-point li em {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 56px;
	height: 56px;
	background: #F5F8F9;
	color: #86BDED;
	font-weight: bold;
	border-radius: 28px;
}
ul.c-list-point li dl {
	margin-left: 2em;
}
ul.c-list-point li dl dt {
	font-weight: bold;
}

/* component > list > link
========================================== */

ul.c-list-link {
	width: 100%;
}
ul.c-list-link > li {
	width: 100%;
}
ul.c-list-link > li + li {
	margin-top: 15px;
}
ul.c-list-link > li a ,
.c-list-link__btn-toggle {
	width: 100%;
	display: block;
	padding: 1em;
	padding-right: 4em;
	border: #BBBBBB 1px solid;
	background: url(../img/common/ic_arr_r_bl_cir.svg)no-repeat center right 1.5em #fff;
	border-radius: 5px;
	font-size: 20px;
	cursor: pointer;
}
.c-list-link__btn-toggle {
	text-align: left;
	background: url(../img/common/ic_arr_btm_bk.svg)no-repeat center right 1.5em #fff;
	background-size: 20px;
}
.c-list-link__btn-toggle.active {
	background: url(../img/common/ic_arr_top_gy.svg)no-repeat center right 1.5em #f7f6f9;
	background-size: 20px;
}
ul.c-list-link > li a[target=_blank] {
	background: url(../img/common/ic_blank_bl.svg)no-repeat center right 1.5em #fff;
}
ul.c-list-link.c-list-link__col01,
.c-list-link__col01 {
	width: 50%;
}
@media screen and (max-width:640px) {
	ul.c-list-link li a ,
	.c-list-link__btn-toggle {
		font-size: 16px;
	}
	ul.c-list-link.c-list-link__col01 {
		width: 100%;
	}	
}
.c-list-link__col02 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	gap: 20px;
}
ul.c-list-link.c-list-link__col02 li {
	width: 48%;
}
ul.c-list-link.c-list-link__col02 li + li {
	margin-top: 0;
}
@media screen and (max-width:640px) {
	ul.c-list-link.c-list-link__col02 li {
		width: 100%;
	}
}

/* component > pagelink
========================================== */

ul.c-pagelink {
	background: #EEF9F8;
	padding: 1em 2em;
	display: flex;
	gap: 20px;
	flex-wrap: wrap;
	margin-top: 30px;
	margin-bottom: 30px;
}
ul.c-pagelink.c-pagelink__col01 {
	display: block;
}
ul.c-pagelink li a {
	position: relative;
	padding-right: 2em;
	font-size: 16px;
}
ul.c-pagelink li a::after {
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 4px 0 4px;
	border-color: #5EA5E2 transparent transparent transparent;
	top: 13px;
	margin-top: -2px;
	right: 1em;
}
ul.c-pagelink.c-pagelink__col01 a {
	padding: .5em 0 .5em 1.5em;
	display: block;
}
ul.c-pagelink.c-pagelink__col01 a::after {
	left: 0;
	top: 23px;
}
@media screen and (max-width:640px) {
	ul.c-pagelink {
		display: block;
		margin-top: 30px;
		padding: 1em;
	}
	ul.c-pagelink li {
		width: 100%;
	}
	ul.c-pagelink.c-pagelink__col01 a ,
	ul.c-pagelink li a {
		padding: 1em 1em 1em 2em;
		display: block;
	}
	ul.c-pagelink li + li {
		border-top: 1px dashed #00000050;
	}
	ul.c-pagelink.c-pagelink__col01 a::after ,
	ul.c-pagelink li a::after {
		top: 30px;
		left: 0.5em;
	}
}

/* component > note
========================================== */

.c-note {
	padding:2em;
	margin-top: 30px;
}
.c-note__border {
	border: 1px solid #ccc;
	border-radius: 5px;
}
.c-note-title {
	margin-bottom: 1em;
	word-break: break-word;
}
.c-note-txt__col02 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap: 30px;
}
.c-note-txt__col02.l-flex--al-fs {
	align-items: flex-start;
}
@media screen and (max-width:640px) {
	.c-note {
		padding:1em;
	}
	.c-note-title {
		border-bottom: 2px solid #5EA5E2;
		padding-bottom: 1em;
	}
	.c-note-title.title-cube-bl {
		padding-left: 0;
	}
	.c-note-title.title-cube-bl::after {
		display: none;
	}
	.c-note-txt__col02 {
		display: block;
	}
	.c-note-txt__col02 > p {
		margin-bottom: 20px;
	}
}

/* component > group
========================================== */

.c-group-main {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 80px 40px;
	margin-top: 60px;
}
@media screen and (max-width:640px) {
	.c-group-main {
		gap: 30px;
	}
}

/* component > group > item
========================================== */

.c-group-main__item a {
	display: block;
}
.c-group-main__item a figure {
	border-radius: 5px;
	overflow: hidden;
}

.c-group-main__item a dl {
	background:url(../img/common/ic_arr_r_bl_cir.svg) no-repeat center right 1em;
	padding: 22px;
}
.c-group-main__item a dl dt {
	font-size: 22px;
	font-weight: bold;
}
.c-group-main__item a dl dd {
	font-size: 16px;
}
@media screen and (max-width:640px) {
	.c-group-main__item a dl {
		padding: 10px 60px 0 0;
	}
	.c-group-main__item a dl dt {
		font-size: 20px;
	}
}

/* wp
========================================== */

.wp-block-file {
	margin-top: 30px;
	display: flex;
	gap: 30px;
	flex-wrap: wrap;
	padding-bottom: 30px;
}
.wp-block-file a {
	color: #fff;
	border-radius: 50px;
	border-bottom: #034075 5px solid;
	background: #0476D9 url(../img/common/ic_arr_r_wh.svg)no-repeat right 2em center;
	text-align: center;
	padding: 0.5em 5em 0.5em 3em;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.05em;
	display: inline-block;
}
@media screen and (max-width:640px) {
	object.wp-block-file__embed {
		display: none;
	}
}

/* component > faq
========================================== */

dl.c-faq dt {
	font-weight: bold;
}
dl.c-faq dt {
	position: relative;
	padding-left: 70px;
	padding-top: 10px;
}
dl.c-faq dt::after {
	content: "";
	display: block;
	width: 50px;
	height: 50px;
	background: url(../img/common/ic_faq_q.svg) no-repeat center;
	position: absolute;
	left: 0;
	top: 0;
}
dl.c-faq dd {
	position: relative;
	padding-left: 70px;
	padding-top: 5px;
	margin-top: 30px;
	line-height: 2.5;
	letter-spacing: 0.1em;
}
dl.c-faq dd::after {
	content: "";
	display: block;
	width: 50px;
	height: 50px;
	background: url(../img/common/ic_faq_a.svg) no-repeat center;
	position: absolute;
	left: 0;
	top: 0;
}
@media screen and (max-width:640px) {
	dl.c-faq dd {
		line-height: 2.2;
	}
}

/* library > list
========================================== */

ul.library-list-enbun {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 20px 1%;
}

ul.library-list-enbun.library-list-enbun__col04 li {
	width: 24%;
}
ul.library-list-enbun li {
	width: 32%;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	padding: 1em;
	text-align: center;
	justify-content: center
}
ul.library-list-enbun li figure {
	background: #fff;
	width: 100%;
	text-align: center;
	padding: 1em;
}
ul.library-list-enbun li em {
	display: block;
	width: 100%;
	text-align: center;
		font-size: 12px;
	margin-top: 1em;
}
@media screen and (max-width:640px) {
	ul.library-list-enbun.library-list-enbun__col04 li ,
	ul.library-list-enbun li {
		width: 48%;
		padding: 0;
	}
}

/* info > pager
========================================== */

.nav-links {
	display: flex;
	justify-content: center;
	gap: 10px;
	margin-top: 30px;
}
.page-numbers {
	font-size: 16px;
	display: inline-block;
	border: #000000 1px solid;
	text-align: center;
	padding:0.5em 1em;
	border-radius: 5px;
}
.page-numbers:hover,
.page-numbers.current {
	background: #0476D9;
	color: #fff;
	border: 1px solid #0476D9;
}
.u-btn__prev,
.page-numbers.prev {
	background: url(../img/common/ic_arr_l_bk.svg) no-repeat no-repeat center left 1em;
	padding-left: 2em;
	background-size: 11px;
}
.u-btn__prev:hover,
.page-numbers.prev:hover {
	background: url(../img/common/ic_arr_l_wh.svg) no-repeat no-repeat center left 1em #0476D9;
	background-size: 11px;
}
.page-numbers.next {
	padding-right: 2em;
	background: url(../img/common/ic_arr_r_bk.svg) no-repeat no-repeat center right 1em;
	background-size: 11px;
}
.page-numbers.next:hover {
	background: url(../img/common/ic_arr_r_wh.svg) no-repeat no-repeat center right 1em #0476D9;
	background-size: 11px;
}

/* component > info > single
========================================== */

.c-info-single-data {
	border-bottom:1px dashed #000;
	padding-bottom: 30px;
}

/* support > techou > pic
========================================== */

.support-techou-pic {}

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

	.support-techou-pic {
		margin-top: 30px;
	}
	.support-techou-pic figure {
		text-align: center;
	}
}

/* component > junbi
========================================== */

.c-junbi {
	padding: 50px 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #efefef;
	margin-top: 20px;
}

/* wp
========================================== */

.wp-text strong {
	font-weight: 700;
}
.wp-text a {
	text-decoration: underline;
}

/* component > map
========================================== */

.c-map-text {
	max-width: 70%;
}
.c-map-pic {
	max-width: 25%;
	width: 100%;
}
.c-map-pic * {
	font-size: 14px;
}
.c-map-pic figcaption {
	margin-top: 20px;
}
@media screen and (max-width:720px) {
	.c-map-text {
		max-width: 100%;
	}
	.c-map-pic {
		max-width: 100%;
		width: 100%;
		margin-top: 30px;
	}
}

/* component > mt (material)
========================================== */


.p-pamphlet {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.c-mt-item {
	width: 32%;
	padding-bottom: 20px;
	border-bottom: 1px solid #ccc;
	margin-bottom: 20px;
}
.c-mt-item figure img {
	width: 100%;
	border: 1px solid #ccc;
}
@media screen and (max-width:640px) {
	.p-pamphlet .c-mt-item {
		width: 48%;
	}
}
.c-mt-item--explain {
	display: flex;
	justify-content: space-between;
	padding: 10px 10px 0 10px;
}
.c-mt-item--explain__title {
	font-size: 14px;
}
.c-mt-item--explain__title span {
	font-size: 12px;
	display: block;
	color: #DB1A1A;
}
.c-mt-item--explain__play {
	font-size: 10px;
	display: flex;
	align-items: center;
	letter-spacing: 0;
	background: url(../img/common/ic_play_red.svg)no-repeat center;
	background-size: 16px;
	padding-top: 32px;
}
@media screen and (max-width:640px) {
	.c-mt-item--explain {
		padding-left: 0;
		padding-right: 0;
	}
	.c-mt-item--explain__title {
		font-size: 12px;
		line-height: normal;
	}
	.c-mt-item--explain__title span {
		font-size: 10px;
	}
	.c-mt-item--explain__play {
		width: 16px;
		background-size: 12px;
	}
}


/* meal
========================================== */

.meal {
	border-top: 2px dotted #77c5df;
	margin-top: 50px;
	padding-top: 50px;
}
.meal-item--wrap {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.meal-item {
	width: 49%;
}
.meal-item > dl {
	padding: 0.3em;
}
.meal-item > dl dt {
	text-align: center;
	padding: 0.3em;
}
.meal-item > dl dd {
	margin-top: 10px;
	font-size: 16px;
	padding: 0.5em;
}
.meal-item__menu {
	display: flex;
	margin-top: 15px;
}
.meal-item__menu-title {
	width: 30%;
	text-align: center;
	background: #f7f6f9;
	margin-right: 1em;
	font-size: 14px;
	padding-top: 0.5em;
}
.meal-item__menu-title + p {
	width: 62%;
	padding: 0.5em 0;
}
@media screen and (max-width:720px) {
	.meal-item--wrap {
		display: block;
	}
	.meal-item {
		width: 100%;
	}
}

.js-toggle-content {
	display: none;
}