@charset "UTF-8";
/*
Author: 株式会社メックコミュニケーションズ
Author URI: http://www.mec-com.co.jp
*/

/*utility
リンク青：#006AC1（tx_link_c）
灰色：#797979
赤系：#EC4C47
キーカラー1：（青色）#2261B4（青色薄い）#E8EFF7
キーカラー2：（緑色）#4DBD2E（緑色薄い）#DDEF89 （テキスト）#007947
キーカラー3：（黄色）#FFE052（黄色薄い）#FAF6E3
キーカラー4：（ピンク）#FD67A6（ピンク薄い）#FEE5F0 
キーカラー5：（オレンジ）#FF8B00（オレンジ薄い）#FFE5CC 
特別キーカラー6：（爽やかブルー）#249AF6 
-----------------------------------------------------------------------------------------*/
/*リンク青*/ .tx_link_c a,a.tx_link_c{color:#006AC1;} .tx_link a,a.tx_link{color:#006AC1;}
/*-------------------------------------------------------------------------------------------------text_color*/
/*黒色*/ body .tx_k{color:#000;}
/*白色*/ body .tx_w,a.tx_w{color:#FFF;}
/*灰色*/ body .tx_g{color:#797979;}
/*赤系*/ body .tx_r{color:#D20030;font-weight:bold;}
/*黄系*/ body .tx_y{color:yellow;}
/*キーカラー1*/ body .tx_c1{color:#2261B4;}
/*キーカラー2*/ body .tx_c2{color:#007947;}
/*キーカラー3*/ body .tx_c3{color:#FFE052;}
/*キーカラー4*/ body .tx_c4{color:#FD67A6;}
/*キーカラー5*/ body .tx_c5{color:#FF8B00;}
/*特別キーカラー6*/ body .tx_c6{color:#249AF6;}
/*-------------------------------------------------------------------------------------------------border_color*/
/*黒色*/ body .sen_k{border-color:#000;}
/*白色*/ body .sen_w{border-color:#FFF;}
/*灰色*/ body .sen_g{border-color:#797979;}
/*赤系*/ body .sen_r{border-color:#EC4C47;}
/*黄系*/ body .sen_y{border-color:#FFE052;}
/*キーカラー1*/ body .sen_c1{border-color:#2261B4;}
/*キーカラー2*/ body .sen_c2{border-color:#4DBD2E;}
/*キーカラー3*/ body .sen_c3{border-color:#FFBF00;}
/*キーカラー4*/ body .sen_c4{border-color:#FD67A6;}
/*キーカラー5*/ body .sen_c5{border-color:#FF8B00;}
/*特別キーカラー6*/ body .sen_c6{border-color:#249AF6;}
/*-------------------------------------------------------------------------------------------------bg*/
/*黒色*/ body .bg_k,.btn.bg_k,.bg_k.area::before{background-color:#000;color:#FFF;}
/*白色*/ body .bg_w,.btn.bg_w,.bg_w.area::before{background-color:#FFF;}
/*灰色*/ body .bg_g,.btn.bg_g,.bg_g.area::before{background-color:#EDEDEA;}
/*赤系*/ body .bg_r,.btn.bg_r,.bg_r.area::before{background-color:#EC4C47;}
/*黄系*/ body .bg_y,.btn.bg_y,.bg_y.area::before{background-color:yellow;}

/*キーカラー1*/ body .bg_c1,.btn.bg_c1,.bg_c1.area::before,.tx_bar.tx_c1:after{background-color:#2261B4;}
/*キーカラー2*/ body .bg_c2,.btn.bg_c2,.bg_c2.area::before,.tx_bar.tx_c2:after{background-color:#4DBD2E;}
/*キーカラー3*/ body .bg_c3,.btn.bg_c3,.bg_c3.area::before,.tx_bar.tx_c3:after{background-color:#FFE052;}
/*キーカラー4*/ body .bg_c4,.btn.bg_c4,.bg_c4.area::before,.tx_bar.tx_c4:after{background-color:#FD67A6;}
/*キーカラー5*/ body .bg_c5,.btn.bg_c5,.bg_c5.area::before,.tx_bar.tx_c5:after{background-color:#FF8B00;}
/*特別キーカラー6*/ body .bg_c6,.btn.bg_c6,.bg_c6.area::before,.tx_bar.tx_c6:after{background-color:#249AF6;}

/*薄いキーカラー1*/ body .bg_pale_c1,.btn.bg_pale_c1,.bg_pale_c1.area::before{background-color:#E8EFF7;}
/*薄いキーカラー2*/ body .bg_pale_c2,.btn.bg_pale_c2,.bg_pale_c2.area::before{background-color:#DDEF89;}
/*薄いキーカラー3*/ body .bg_pale_c3,.btn.bg_pale_c3,.bg_pale_c3.area::before{background-color:#FAF6E3;}
/*薄いキーカラー4*/ body .bg_pale_c4,.btn.bg_pale_c4,.bg_pale_c4.area::before{background-color:#FEE5F0;}
/*薄いキーカラー5*/ body .bg_pale_c5,.btn.bg_pale_c5,.bg_pale_c5.area::before{background-color:#FFE5CC;}
body .bg_pale_c1.area,body .bg_pale_c2.area,body .bg_pale_c3.area,body .bg_pale_c4.area,body .bg_pale_c5.area{background-color:inherit;}
.bg_no{background:none;}
table.th_c1 th{font-weight:bold;background:#2261B4;color:#FFF;}
.mincho{font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}
.gothicM{font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";}
body .lh11{line-height:1.1;}
body .fs_inh li{font-size:inherit;}
body .deg90{transform:rotate(90deg);}
.img100 img{min-width:100%;}
.ma10{margin:10px;}
.fs150{font-size:150%;}
.fs120{font-size:120%;}
.fs90{font-size:90%;}
.fs85{font-size:85%;}
.fs80{font-size:80%;}
.fs75{font-size:75%;}
.fs50{font-size:50%;}
.hv90 a:hover{
	filter: brightness(90%);
	-webkit-filter: brightness(90%);
	-moz-filter: brightness(90%);
}
.hv75 a:hover{
	filter: brightness(75%);
	-webkit-filter: brightness(75%);
	-moz-filter: brightness(75%);
}
.abs{
	position:absolute;
}
.abs10{
	position:absolute;
	top:10px;
	left:10px;
}
table.bg th{background:rgba(255,255,255,0.8);}
table.bg td{background:rgba(255,255,255,0.95);}
table.bg.bg_c3 th{background:rgba(255,255,255,0.5);}
table.bg.bg_c3 td{background:rgba(255,255,255,0.9);}

/*グレー　人間ドック1行目*/
table th.bg_b{background-color:#797979;color:#FFF;}
table td.bg_b{background-color:#797979;color:#FFF;}

@media print, screen and (min-width: 768px) {
body .pc_lh05{line-height:0.5;}
}
@media screen and (max-width: 767px) {
table.sp_th_1gyo th:first-child{
	line-height:1;
	width:1.5em;
	word-break: break-all;
}
}
/*cat*/
.bg_oshirase{background:#6E8FBA;}
.bg_kaiin{background:#4DBD2E;}
.bg_saiyou{background:#00B9EE;}
.bg_event{background:#F8AA00;}
.bg_medical{
	background:url(images/bg_medical.jpg) center no-repeat;
	background-size:cover;
}
/*day night*/
body .bg_day{background:#F8E582;}
body .bg_pale_day{background:#FAEEB1;}
body .bg_night{background:#B7DFF5;}
body .bg_pale_night{background:#DFF1FA;}
/*-------------------------inlineimg*/
.area figure.inlineimg{
	width:100%;
	margin-top:10px;
	text-align:center;
}
body .inlineimg img{
	display:inline-block;
	margin:5px;
	vertical-align:top;
	max-width:45%;
}
/*-------------------------mhXXX*/
body .mh230 img{max-height:230px;}
body .mh200 img{max-height:200px;}
body .mh170 img{max-height:170px;}

/*main
-----------------------------------------------------------------------------------------*/
main{
    animation-name: fadein;
    animation-duration: 2s;
}
@keyframes fadein{
    from{
    opacity: 0;
    }
    to{
    opacity: 1;
    }
}



/*tx
-----------------------------------------------------------------------------------------*/
.tx{}
.tx a{color:#006AC1;}
.tx_sen{}
.tx_sen::after{border-color:#2261B4;}
.tx_kiji{border-color:#4DBD2E;}
.tx_belt{background-color:#2261B4;color:#FFF;}
.tx_line{border-color:#2261B4;color:#2261B4;}
.tx_line + .sen_t{border-top:none;}
.tx_bar{border-color:#4DBD2E;}
.tx_check{}
.tx_deco{}
.tx_kage{}
.tx_kage_w{}
.tx_maru{}
.tx_ya{}
.title1,
.title2,
.title3{}
.oubun{
	font-size:66%;
	display:block;
	 color:#000;
}
.btn{background-color:#242277;}
.flow{border-color:#2261B4;}
/*-------------------------fs_info*/
.fs_info p,
.fs_info li{
	font-size:1.4rem;
	line-height:1.75;
	margin-top:1rem;
}
.fs_info ul,
.fs_info ol{
	margin-top:2rem;
	margin-bottom:2rem;
}

/*home
-----------------------------------------------------------------------------------------*/
/*-------------------------mainimg*/
.mainimg{
	width:1300px;
	height:560px;
	margin:0 auto;
	border-radius:50px;
	background:url(../images/mainimg.jpg) center center;
	background-size:cover;
	-webkit-align-items:center;
	align-items:center;
}
.mainimg figure{
	width:660px;
	position:relative;
	left:50px;
}
@media screen and (max-width: 1340px) {
	.mainimg{width:auto;border-radius:0;height:45vw;}
	.mainimg figure{width:50vw;left:0;}
}
@media screen and (max-width: 767px) {
	.mainimg{height:300px;-webkit-align-items:flex-end;align-items:flex-end;}
	.mainimg figure{width:270px;}
}
@media screen and (max-width: 570px) {
	.mainimg{background-size:570px;}
	.mainimg figure{left:-10px;bottom:-5px;}
}
/*-------------------------btn_index*/
.btn_index{
	text-align:center;
	margin-top:-60px;
	padding:0;
}
.btn_index ul{
	margin:0 -10px;
}
.btn_index li{
	padding:0 10px;
}
.btn_index li a{
	display:block;
	color:#FFF;
	border-radius:30px;
}
.btn_index li strong{
	display:block;
	font-size:26px;
	padding:35px 0 0 0;
}
.btn_index li figure{
	display:block;
	max-width:220px;
	margin:10px auto;
	padding:10px;
}
.btn_index li p{
	font-weight:bold;
	background:url(images/ya_maru_w.svg) right 1em center no-repeat;
	padding:18px 0;
	border-top:1px solid #FFF;
}
.btn_index li:nth-child(1) a{
	background:linear-gradient(150deg, #57ADE7 0%, #0058B1 75%);
}
.btn_index li:nth-child(2) a{
	background:linear-gradient(150deg, #FF89A0 0%, #D94883 75%);
}
.btn_index li:nth-child(3) a{
	background:linear-gradient(150deg, #74CC7A 0%, #0F9A5F 75%);
}
@media screen and (max-width: 1200px) {
	.btn_index{padding:0 0 5px 5px;margin:0;}
	.btn_index ul{margin:0;}
	.btn_index li{padding:5px 5px 0 0;}
	.btn_index li a{border-radius:5px;}
}
@media screen and (max-width: 1000px) {
	.btn_index li strong{padding:20px 4vw 0 4vw;}
	.btn_index li p{padding:10px 0;background:none;}
}
@media screen and (max-width: 767px) {
	.btn_index li strong{padding:15px 0 0 0;}
	.btn_index li p{padding:5px 0;font-size:14px;}
	.btn_index li figure{max-width:150px;margin:0 auto;}
}
@media screen and (max-width: 600px) {
	.btn_index li strong{font-size:4.5vw;}
}

/*-------------------------minasama
.minasama > div{
	width:49%;
	border-radius:30px;
	padding:40px;
}
.minasama .iryo .btn{
	height:160px;
}
@media screen and (max-width: 1260px) {
	.minasama{padding:40px 30px}
	.minasama > div{padding:30px;}
}
@media screen and (max-width: 1000px) {
	.simin .title3{padding-left:0;}
	.minasama .title3 .btn{font-size:1.6rem;}
	.minasama .iryo .btn{height:180px;}
}
@media screen and (max-width: 800px) {
	.minasama{padding:20px}
	.minasama > div{width:100%;float:none;padding:25px;border-radius:15px;}
	.simin .title3{padding-left:60px;}
	.simin{margin-bottom:20px;}
	.minasama .iryo .btn{height:auto;}
}
@media screen and (max-width: 600px) {
	.minasama .iryo .inline li{padding:0;}
	.minasama .iryo .btn br{display:none;}
}
@media screen and (max-width: 440px) {
	.simin .title3{padding-left:0;margin:0 -10px;}
}
*/
.minasama > div{
	display:flex;
	gap:20px;
}
.minasama > div  > div{
	border-radius:30px;
	padding:40px;
	width:100%;
}
.minasama figure{
	max-width:160px;
	margin:20px auto;
}
.minasama .abs{
	right:10px;
	top:10px;
}
.iryobtn{
	display:flex;
	gap:10px;
}
.iryobtn li{
	width:100%;
}
@media screen and (max-width: 1200px) {
	.minasama{padding:40px 30px}
	.minasama > div  > div{padding:30px;}
}
@media screen and (max-width: 1000px) {
	.minasama{padding:20px}
	.minasama .title3 .btn{font-size:1.6rem;}
	.iryobtn{flex-direction:column;gap:5px;}
	.iryobtn li a br{display:none;}
}
@media screen and (max-width: 800px) {
	.minasama > div{flex-direction:column;}
}
/*-------------------------about_area*/
.about_area .area{
	max-width:860px;
}
.about_area .btn{
	max-width:100%;
	min-width:100%;
}
@media print, screen and (min-width: 768px) {
	.about_area{background:url(images/about.jpg) top center;background-size:cover;}
}
@media screen and (max-width: 767px) {
	.about_area .area{background:url(images/about.jpg) top center;background-size:cover;}
}
/*-------------------------kanren_banner*/
.kanren_banner{
	background:rgba(34,97,180,0.25);
	padding:20px;
}
.kanren_banner span{
	width:220px;
	padding:10px;
}
@media screen and (max-width: 1200px) {
	.kanren_banner .kaigyo{display:none;}
	.kanren_banner p{max-width:660px;text-align:left;margin:0 auto;}
}

@media screen and (max-width: 767px) {
	.kanren_banner{padding:10px;}
	.kanren_banner p{max-width:440px;}
	.kanren_banner span{width:50%;padding:5px;}
}


/*notice
-----------------------------------------------------------------------------------------*/
@media print, screen and (min-width: 1201px) {
	.notice{border-radius:30px;margin-top:20px;}
}
/*-------------------------single_kiji*/
.notice .single_kiji{
	position:relative;
	padding:10px 0;
}
.notice .single_kiji:last-child{
	padding-bottom:0;
}
.notice .single_kiji .hensyu + h2,
.notice .single_kiji .hensyu + h3,
.notice .single_kiji .hensyu + h4,
.notice .single_kiji .hensyu + ul,
.notice .single_kiji .hensyu + ol,
.notice .single_kiji .hensyu + table{
	margin-top:0;
}
/*-------------------------notice_title*/
.notice_title{
	position:relative;
	margin-top:5px;
}
.notice_title a{
	display:block;
	padding:15px 10px 15px 30px;
	line-height:1.5;
	background:rgba(255,255,255,0.6) url(images/ya_maru_r.svg) left 10px top calc(15px + 0.25em) no-repeat;
	background-size:0.9em;
	border-bottom:2px solid #FFD51E;
	text-decoration:none;
	color:#000;
}
.notice_title a::after{
	display: block;
	clear: both;
	content: "";
}
.notice_title a:hover{
	background-color:#FFF;
}
.notice_title p{
	text-align:left;
	line-height:1.5;
	background-size:1em;
}
.notice_title time{
	display:block;
	font-family:sans-serif;
	font-size:1.3rem;
	letter-spacing:1px;
	margin:0.2em 0 -0.2em 0;
	float:right;
	font-weight:bold;
}
@media print, screen and (min-width: 768px) {
	.notice_title p{float:left;font-size:1.8rem;padding-right:5px;}
}

/*about
-----------------------------------------------------------------------------------------*/
/*-------------------------docryokin*/
.docryokin{height:80vh;overflow-y:auto;overflow-x:hidden;}
.docryokin th,.docryokin td{border-right:none;border-bottom:none;padding:10px 5px;}
.docryokin table{border-collapse:separate;border-right:1px solid #999;border-bottom:1px solid #999;width:100%;}
.docryokin th{position: sticky;top: 0;z-index: 20;box-shadow: 0 1px 1px #666;vertical-align:top;}
.docryokin th span{writing-mode: vertical-rl;text-align: start;
-ms-writing-mode: tb-rl;-webkit-writing-mode: vertical-rl;  -webkit-writing-mode: vertical-rl;display: inline-block;white-space: nowrap;}
.docryokin i{text-combine-upright: all;font-style: normal;}
.docryokin .tate a,
.docryokin .tate span{writing-mode: vertical-rl;text-align: center; vertical-align: middle;min-width:1em;
-ms-writing-mode: tb-rl;-webkit-writing-mode: vertical-rl;  -webkit-writing-mode: vertical-rl;display: inline-block;white-space: nowrap;}
@media screen and (max-width: 767px) {
	.docryokin th{padding:5px;font-size:12px;line-height:1.2;}
	.docryokin th br{display:none;}
	.docryokin td{padding:10px 3px;font-size:12px;line-height:1.15;word-break:break-all;}	
}
@media screen and (max-width: 500px) {
	.docryokin{margin-left:-10px;margin-right:-10px;}
	.docryokin .bg_g{max-width:25%;}
}
@media print{
	.docryokin{height:auto;}
}
@media (orientation: landscape){
	.docryokin th br{display:inline;}
}



/*-------------------------tx_tate*
.tx_tate{
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
}
@media print, screen and (min-width: 768px) {
.tx_tate_pc{
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
}
}
@media screen and (max-width: 767px) {
.tx_tate_sp{
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
}
}
/
/*medical
-----------------------------------------------------------------------------------------*/
/*-------------------------area_nav*/
.area_nav{
	margin:0 auto;
	overflow:hidden;
}
.area_nav ul{
	min-height:720px;
	background:url(images/area_nav.png) left top no-repeat;
	background-size:600px 720px;
	padding-left:650px;
	padding-top:50px;
	margin-left:50px;
	position:relative;
}
.area_nav li{
	margin-top:10px;
}
.area_nav li a{
	display:inline-block;
	padding:0.64em 0.5em 0.64em 0;
	font-size:2.2rem;
	text-align:center;
	font-weight:bold;
	width:300px;
	max-width:100%;
	border-radius:5px;
	background:#E8EFF7 url(images/ya.svg) right 1rem center no-repeat;
	background-size:0.5em;
	color:#006AC1;
	transition: all .4s;
}
.area_nav li a:hover,
.area_nav li a.active{
	color:#FFF;
	background:#006AC1 url(images/ya_w.svg) right 1rem center no-repeat;
}
.area_nav li a::before{
	position:absolute;
	mix-blend-mode: multiply;
	opacity:0;
}
.area_nav li:nth-child(1) a::before{content: url("images/map1.svg");left:15px;top:30px;}
.area_nav li:nth-child(2) a::before{content: url("images/map2.svg");left:142px;top:243px;}
.area_nav li:nth-child(3) a::before{content: url("images/map3.svg");left:399px;top:264px;}
.area_nav li:nth-child(4) a::before{content: url("images/map4.svg");left:217px;top:431px;}
.area_nav li:nth-child(5) a::before{content: url("images/map5.svg");left:369px;top:413px;}
.area_nav li:nth-child(6) a::before{content: url("images/map6.svg");left:238px;top:515px;}
.area_nav li:nth-child(7) a::before{content: url("images/map7.svg");left:321px;top:526px;}
.area_nav li:nth-child(8) a::before{display:none;}
.area_nav li a:hover::before,
.area_nav li a.active::before{
	opacity:1;
}
@media screen and (max-width: 1080px) {
	.area_nav ul{padding-left:600px;margin:0;}
}
@media screen and (max-width: 900px) {
	.area_nav ul{width:600px;height:900px;margin:0 auto;padding:720px 0 0 0;}
	.area_nav li{display:inline-block;width:25%;padding:0 5px;}
}
@media screen and (max-width: 640px) {
	.area_nav{width:540px;height:810px;}
	.area_nav ul{transform:scale(0.9);transform-origin:top left;}
}
@media screen and (max-width: 580px) {
	.area_nav{width:480px;height:720px;}
	.area_nav ul{transform:scale(0.8);}
}
@media screen and (max-width: 520px) {
	.area_nav{width:420px;height:630px;}
	.area_nav ul{transform:scale(0.7);}
}
@media screen and (max-width: 460px) {
	.area_nav{width:360px;height:560px;}
	.area_nav ul{transform:scale(0.6);}
	.medical_area .area_nav li a{font-size:2.8rem;padding:0.8em 0;background-image:none;}
}
/*-------------------------medical_mult*/
.medical_mult td{
	padding:0;
}
/*------------------------- single*/
.medical.single dd img{
	vertical-align:middle;
}
.medical.single dd p{
	margin:0;
}
.medical.single .btn.tel{
	padding:0.4em;
	font-size:2.2rem;
	min-width:26rem;
}
.medical.single table th,
.medical.single table td{
	padding:10px 15px;
}
.medical.single .single_kiji h3{
	color:#2261B4;
	border-bottom:1px solid #2261B4;
	margin-top:50px;
}
.medical.single .single_kiji .time{
	margin:15px 0;
}
@media screen and (max-width: 767px) {
	.medical.single table th,
	.medical.single table td{padding:5px 10px;}
}
/*-------------------------さくらFMスケジュール */

#sakurafm .title1{
/*font-size:3.6rem;*/
font-size:3.5rem;
}


@media screen and (max-width: 767px) {
	#sakurafm .title1{font-size:2.5rem;}
}


.single_kiji .sakura_menu{
	margin-bottom:10px;
	text-indent:-65px;
	padding-left:65px;
	line-height:1.5;
}
.sakura_menu span{
	font-size:85%;
	text-indent:0;
}
.sakura_menu strong{
	margin-right:10px;
	text-indent:0;
}
.sakura_menu .tx_maru{
	width:60px;
	margin-right:5px;
	text-align:center;
	padding:1px;
	background:#2261B4;
	color:#FFF;
}
/*-------------------------音声データ */
.sakura_audio{
	display:grid;
	gap:20px;
	grid-template-columns: repeat( auto-fill, minmax(30rem,1fr) ) ;
}
.sakura_audio_month{
	padding:10px;
	text-align:center;
	background:#F2EDDE;
}
.single_kiji .sakura_audio p{
	line-height:1.5;
	margin:15px 0;
}
.sakura_audio .month{
	font-size:24px;
	font-weight:bold;
}
.sakura_audio .face img{
	max-height:200px;
	display:block;
	margin:0 auto;
}
.sakura_data{
	border-top:1px dotted #666;
	margin-top:10px;
}
.sakura_data p.date{
	width:80px;
	background:#FFF;
	margin:15px auto -5px auto;
	border-radius:30px;
}
.sakura_data p.title{
	font-weight:bold;
}


/*rinsyobu
-----------------------------------------------------------------------------------------*/
/*------------------------- nagare*/
.nagare{
	display:grid;
	gap:10px;
	grid-template-columns: repeat( auto-fill, minmax(200px,1fr) ) ;
}
.nagare li{
	border-radius:5px;
	text-align:center;
	position:relative;
}
.nagare li::after{
	content:"";
	display:block;
	width:30px;
	height:30px;
	background:url(images/ya_maru_g.svg);
	background-size:30px;
	position:absolute;
	right:-20px;
	top:calc(50% - 15px);
	z-index:10;
}

.nagare li:last-child::after{
	display:none;
}
.nagare .time{
	border-top-right-radius:5px;
	border-top-left-radius:5px;
}
.nagare .title{
	font-size:2.2rem;
	font-weight:bold;
	margin:15px 0;
}
.nagare figure{
	 background:#FFF;
	 width:100px;
	 height:100px;
	 border-radius:50px;
	 margin:-8px auto;
}
@media screen and (min-width: 950px) and (max-width: 1200px) {
	.nagare{grid-template-columns: repeat( auto-fill, minmax(260px,1fr) ) ;}
}
@media screen and (max-width: 680px) {
	.nagare{grid-template-columns:auto;gap:20px;}
	.nagare li::after{background:#DDEF89;transform:rotate(45deg);z-index:-1;top:auto;bottom:-15px;right:calc(50% - 15px);
}

/*kyukyu
-----------------------------------------------------------------------------------------*/
/*------------------------- touban*/
.touban th{
	font-weight:bold;
	background:#E6E6E6;
	width:50px;
	padding:0;
	line-height:1.2;
}
.touban td{
	padding:0 0 5px 0;
	font-size:0;
}
.touban td > div{
	display:inline-block;
	vertical-align:top;
	font-size:1.6rem;
	width:50%;
	padding:10px 15px;
	border-left:5px solid #FFF;;
	border-top:5px solid #FFF;;
	height:100%;
}
.touban td > div.none{
	background:none;
}
.touban span.ka{
	position:relative;
	display:block;
	padding:5px 0;
	padding-left:4.4em;
	border-top:1px dashed #CCC;
}
.touban span.ka:first-child{
	border:none;
}
.touban span.ka::before{
	width:5em;
	font-size:0.8em;
	text-align:center;
	float:left;
	margin-left:-5.5em;
	margin-top:0.2em;
	border-radius:10px;
}
.touban .day{background:#FCF8E1;}
.touban .night{background:#E8F5FC;}
@media print, screen and (min-width: 768px) {
	.touban caption{padding-left:50px;}
	.touban caption strong{border-left:5px solid #FFF;}
	.touban th br{display:none;}
}
@media screen and (max-width: 767px) {
	.touban th{width:20px;}
	.touban td > div{width:100%;padding:10px;}
	.touban td > div.none{display:none;}
	.touban td > div::before{text-align:center;margin:-10px -10px -10px auto;display:block;font-size:0.8em;width:3.3em;letter-spacing:1px;}
	.touban .day::before{content:"日直";background:#F8E582;}
	.touban .night::before{content:"宿直";background:#B7DFF5;}
}
/*曜日*/
.touban th::after{margin:0 -0.5em;display:block;}
.touban.月 tr:nth-child(7n + 1) th::after,
.touban.火 tr:nth-child(7n + 7) th::after,
.touban.水 tr:nth-child(7n + 6) th::after,
.touban.木 tr:nth-child(7n + 5) th::after,
.touban.金 tr:nth-child(7n + 4) th::after,
.touban.土 tr:nth-child(7n + 3) th::after,
.touban.日 tr:nth-child(7n + 2) th::after{content:"（月）";}
.touban.月 tr:nth-child(7n + 2) th::after,
.touban.火 tr:nth-child(7n + 1) th::after,
.touban.水 tr:nth-child(7n + 7) th::after,
.touban.木 tr:nth-child(7n + 6) th::after,
.touban.金 tr:nth-child(7n + 5) th::after,
.touban.土 tr:nth-child(7n + 4) th::after,
.touban.日 tr:nth-child(7n + 3) th::after{content:"（火）";}
.touban.月 tr:nth-child(7n + 3) th::after,
.touban.火 tr:nth-child(7n + 2) th::after,
.touban.水 tr:nth-child(7n + 1) th::after,
.touban.木 tr:nth-child(7n + 7) th::after,
.touban.金 tr:nth-child(7n + 6) th::after,
.touban.土 tr:nth-child(7n + 5) th::after,
.touban.日 tr:nth-child(7n + 4) th::after{content:"（水）";}
.touban.月 tr:nth-child(7n + 4) th::after,
.touban.火 tr:nth-child(7n + 3) th::after,
.touban.水 tr:nth-child(7n + 2) th::after,
.touban.木 tr:nth-child(7n + 1) th::after,
.touban.金 tr:nth-child(7n + 7) th::after,
.touban.土 tr:nth-child(7n + 6) th::after,
.touban.日 tr:nth-child(7n + 5) th::after{content:"（木）";}
.touban.月 tr:nth-child(7n + 5) th::after,
.touban.火 tr:nth-child(7n + 4) th::after,
.touban.水 tr:nth-child(7n + 3) th::after,
.touban.木 tr:nth-child(7n + 2) th::after,
.touban.金 tr:nth-child(7n + 1) th::after,
.touban.土 tr:nth-child(7n + 7) th::after,
.touban.日 tr:nth-child(7n + 6) th::after{content:"（金）";}
.touban.月 tr:nth-child(7n + 6) th::after,
.touban.火 tr:nth-child(7n + 5) th::after,
.touban.水 tr:nth-child(7n + 4) th::after,
.touban.木 tr:nth-child(7n + 3) th::after,
.touban.金 tr:nth-child(7n + 2) th::after,
.touban.土 tr:nth-child(7n + 1) th::after,
.touban.日 tr:nth-child(7n + 7) th::after{content:"（土）";}
.touban.月 tr:nth-child(7n + 7) th::after,
.touban.火 tr:nth-child(7n + 6) th::after,
.touban.水 tr:nth-child(7n + 5) th::after,
.touban.木 tr:nth-child(7n + 4) th::after,
.touban.金 tr:nth-child(7n + 3) th::after,
.touban.土 tr:nth-child(7n + 2) th::after,
.touban.日 tr:nth-child(7n + 1) th::after{content:"（日）";}
.touban.月 tr:nth-child(7n + 7) th,
.touban.火 tr:nth-child(7n + 6) th,
.touban.水 tr:nth-child(7n + 5) th,
.touban.木 tr:nth-child(7n + 4) th,
.touban.金 tr:nth-child(7n + 3) th,
.touban.土 tr:nth-child(7n + 2) th,
.touban.日 tr:nth-child(7n + 1) th{background:#FEE5F0;}
