@charset "utf-8";

/*--------------------------------------------------------------------------------------------------

   page
			   - index
						- news_program
						- original
						- original_program
						- omakase_program
						- inq
						- program
						- archives

--------------------------------------------------------------------------------------------------*/

@media screen and (min-width: 1025px){

/*------------------------------------------------------------------------------------------------
  index
--------------------------------------------------------------------------------------------------*/
#index {
}

#index .secWide {
	padding: 56px 0;
	background: url(../image/back_kocoto.png) no-repeat #fffbcf 0 0;
	background-size: 595px;
}

#index .secWide h2 {
	margin: 0 0 40px;
	padding: 42px 0 0;
	text-align: center;
	background: url(../image/mark-01.png) no-repeat center 0;
	background-size: 36px;
 font-family: 'M PLUS Rounded 1c', sans-serif;
 font-weight: 700;
	font-size: 32px;
}

#index .secWide h2 span {
	display: block;
	color: #009e96;
	font-size: 21px;
}

#index .secWide p.lead {
	margin: 0 0 40px;
	font-weight: 600;
	text-align: center;
}

#index .secWide .cont {
	width: 90%;
	max-width: 1690px;
	margin: 0 auto;
}

#index .secWide .cont p.date {
	margin: 0 0 30px;
	padding: 10px;
	background-color: #FFF;
	box-shadow: 0 0 6px #CDCCCC;
	border-radius: 20px;
	text-align: center;
	font-weight: 600;
	letter-spacing: 1px;
}

#index .secWide .cont ul {
	margin: 0 0 20px;
	padding: 0;
 list-style: none;
 display:flex;
 justify-content: center;
	flex-wrap: wrap;
}

#index .secWide .cont ul li {
	margin: 0 15px 30px;
	padding: 0;
	width: 304px;
}

#index .secWide .cont ul li a {
	display: block;
	color: #000;
}

.cont ul li div.thumbnail {
	padding-bottom: 18px;
	background: url(../image/news_image_back.png) no-repeat center 98%;
	background-size: 290px;
}

.cont ul li div.thumbnail img {
	max-width: 100%;
	height: auto;
	border: 4px solid #FFEC1C;
	border-radius: 8px;
}

.cont ul li p.area {
	width: 80px;
	margin: 0 0 8px;
	padding: 2px 0;
	color: #FFF;
	text-align: center;
	border-radius: 20px;
	font-size: 14px;
	display: inline-block;
}

.cont ul li p.kurashiki {
	background-color: #009e96;
}

.cont ul li p.sojya {
	background-color: #b178c4;
}

.cont ul li p.tamano {
	background-color: #FF9000;
}

.cont ul li p.hayashima {
	background-color: #C48B78;
}

.cont ul li p.city {
	background-color: #0084b8;
}

.cont ul li p.pref {
	background-color: #F75E9E;
}

.cont ul li p.etc {
	background-color: #4663E8;
}

#index .secWide .cont ul li h3 {
	line-height: 1.2;
}

#index .secOrig {
	padding: 78px 0 56px;
	background: url(../image/index_original_back.png) repeat-x 0 0, url(../image/back_kct.png) no-repeat 100% 60px;
	background-size: auto, 800px;
	background-color: #e3f4f3;
}

#index .secOrig h2 {
	margin: 0 0 40px;
	padding: 42px 0 0;
	text-align: center;
	background: url(../image/mark-01.png) no-repeat center 0;
	background-size: 36px;
 font-family: 'M PLUS Rounded 1c', sans-serif;
 font-weight: 700;
	font-size: 32px;
}

#index .secOrig h2 span {
	display: block;
	color: #009e96;
	font-size: 21px;
}

#index .secOrig p.lead {
	margin: 0 0 40px;
	font-weight: 600;
	text-align: center;
}

#index .secOrig .pick {
	width: 90%;
	max-width: 1690px;
	margin: 0 auto;
}

#index .secOrig .pick ul {
	margin: 0 0 40px;
	padding: 0;
 list-style: none;
 display:flex;
 justify-content: center;
	flex-wrap: wrap;
}

#index .secOrig .pick ul li {
	margin: 0 15px 30px;
	padding: 0;
	width: 418px;
	overflow:		hidden;
	position: relative;	
}

#index .secOrig .pick ul li a {
	display: block;
	color: #000;
}

#index .secOrig .pick ul li a:hover {
	text-decoration: underline;
}

#index .secOrig .pick ul li div.thumbnail {
	padding-bottom: 18px;
	background: url(../image/original_image_back.png) no-repeat center 98%;
	background-size: 290px;
}

#index .secOrig .pick ul li img {
	width: 418px;
	height: auto;
	border: 4px solid #009e96;
	border-radius: 10px;
}

#index .secOrig .pick ul li div.mask {
 width: 410px;
	height: 94px;
	position: absolute;
	top: 4px;
	left: 4px;
	opacity: 0;
	background-color:	rgba(0, 0, 0, .3);
	-webkit-transition:	all 0.2s ease;
	transition:		all 0.2s ease;
	border-radius: 5px;
	padding: 36px 0 0;
	text-align: center;
	color: #FFF;
	font-weight: 600;
	letter-spacing: 1px;
}

#index .secOrig .pick ul li a:hover div.mask {
	opacity: 1;
}

#index .secOrig .pick ul li p {
	padding: 0 0 0 24px;
	background: url(../image/arrow-01.png) no-repeat 0 2px;
	background-size: 18px;
	font-weight: 600;
}

#index .secOrig .cont {
	width: 90%;
	max-width: 1690px;
	margin: 0 auto;
}

#index .secOrig .cont ul {
	margin: 0 0 20px;
	padding: 0;
 list-style: none;
 display:flex;
 justify-content: center;
	flex-wrap: wrap;
}

#index .secOrig .cont ul li {
	margin: 0 15px 30px;
	padding: 0;
	width: 304px;
}

#index .secOrig .cont ul li a {
	display: block;
	color: #000;
}

/* add 20200122 */
#index .secOrig .cont ul li p a {
	margin-bottom: 6px;
	padding: 2px 6px 2px 26px;
	color: #FFF;
	border-radius: 8px;
	background: url(../image/icon_title.png) #009e96 no-repeat 6px 7px;
	background-size: 16px;
}
/* add 20200122 */

#index .secOrig .cont ul li div.thumbnail {
	padding-bottom: 18px;
	background: url(../image/original_image_back.png) no-repeat center 98%;
	background-size: 290px;
}

#index .secOrig .cont ul li div.thumbnail img {
	max-width: 100%;
	height: auto;
	border: 4px solid #009e96;
	border-radius: 8px;
}

#index .secOrig .cont ul li dl.ota {
 display:flex;
 justify-content: left;
	flex-wrap: wrap;
}

#index .secOrig .cont ul li dl.ota dt {
	display: inline-block;
	background-color: #009944;
	color: #FFF;
	margin: 0 10px 8px 0;
	padding: 2px 0;
	width: 80px;
	text-align: center;
	border-radius: 20px;
	font-size: 14px;
}

#index .secOrig .cont ul li dl.ota dd span {
	font-size: 14px;
	margin-right: 4px;
}


#index .secOrig .cont ul li h3 {
	line-height: 1.2;
}

#index .secInfo {
	padding: 56px 0 140px;
	width: 1000px;
	margin: 0 auto;
 display:flex;
 justify-content: center;
	flex-wrap: wrap;
}

#index .secInfo h2 {
	margin: 0 0 20px;
	padding: 0 0 0 42px;
	background: url(../image/mark-01.png) no-repeat 0 2px;
	background-size: 36px;
 font-family: 'M PLUS Rounded 1c', sans-serif;
 font-weight: 700;
	font-size: 28px;
}

#index .secInfo h2 span {
	color: #009e96;
	font-size: 21px;
	padding-left: 10px;
}

#index .secInfo .news {
	width: 466px;
	margin: 0 16px;
}

#index .secInfo .news .cont {
	padding: 30px 20px;
	background: url(../image/line-01.png) no-repeat 0 0, url(../image/line-01.png) no-repeat 0 100%;
	background-size: 475px, 475px;
}

#index .secInfo .ka {
	width: 466px;
	margin: 0 16px;
}

#index .secInfo .ka p {
	margin: 0 0 8px;
}

#index .secInfo .ka .searchBox {
	margin: 0 0 30px;	
}

#index .secInfo .ka .k_search {
	border: 1px solid #A5A5A5;
	padding: 11px 6px 12px;
	border-radius: 4px;
	width: 400px;
	font-size: 16px;
	font-family:"ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", Hiragino Maru Gothic Pro, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "HG丸ｺﾞｼｯｸM-PRO", HGMaruGothicMPRO;
}

input[type='image'] {
	margin-left: -4px;
	vertical-align: -19px;
}

#index .secInfo .ka .a_search {
	background-color: #fffbcf;
	padding: 16px 24px;
}

#index .secInfo .ka .a_search .archiveSrch {
	width: 100%;
	font-size: 15px;
}

#index .secInfo .ka .a_search .archiveSrch th {
	text-align: left;
	padding: 4px 0;
	width: 100px;
}

#index .secInfo .ka .a_search .archiveSrch td {
	padding: 6px 0;
}

#index .secInfo .ka .a_search .archiveSrch td input,
#index .secInfo .ka .a_search .archiveSrch td select {
	border: 1px solid #A5A5A5;
	border-radius: 4px;
	font-size: 16px;
	padding: 4px;
	font-family:"ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", Hiragino Maru Gothic Pro, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "HG丸ｺﾞｼｯｸM-PRO", HGMaruGothicMPRO;
}

#index .secInfo .ka .a_search .archiveSrch td input {
	width: 100%;
}

#index .secInfo .ka .a_search .archiveSrch td select {
	margin-right: 4px;
}

#index .secInfo .ka .a_search .btn {
	padding: 10px 0 0;
	text-align: center;
}

#index .secInfo .ka .a_search input[type="submit"] {
	background-color: #009e96;
	width: 160px;
	padding: 8px;
	color: #FFF;
	text-align: center;
	font-family:"ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", Hiragino Maru Gothic Pro, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "HG丸ｺﾞｼｯｸM-PRO", HGMaruGothicMPRO;
	border-style: none;
	border-radius: 6px;
	font-weight: 600;
}

.newsIframe h3 {
	margin: 0 0 20px;
 font-family: 'M PLUS Rounded 1c', sans-serif;
 font-weight: 700;
	font-size: 22px;
	line-height: 1.4;
}

.newsIframe p {
	margin: 0 0 10px;
}

/*20200425*/
.pickProgram {
	width: 90%;
	max-width: 1690px;
	margin: 0 auto;
	padding: 40px 0 20px;
}

.pickProgram ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}

.pickProgram ul li {
	width: 48%;
	margin: 0 1% 20px;
	padding: 0;
	text-align: center;
}

.pickProgram ul li img {
	max-width: 100%;
	height: auto;
}

.pickProgram2 {
text-align: center;
}

.pickProgram2 img {
	max-width: 100%;
	height: auto;
}

/*------------------------------------------------------------------------------------------------
  news_program
--------------------------------------------------------------------------------------------------*/
#second.news_program {
	padding-top: 40px;
 background: linear-gradient(to bottom, #fffbcf 200px, #FFF 400px);
}

#second.news_program .leadCalendar {
	width: 918px;
	margin: 0 auto 20px;
	display: flex;
	flex-wrap: wrap;
}

#second.news_program .slead {
	width: 65%;
	margin: 0 auto;
}

#second.news_program .slead h2 {
	margin: 0 0 30px;
	text-align: center;
}

#second.news_program .slead h2 img {
	max-width: 100%;
	height: auto;
}

#second.news_program .slead p {
	margin: 0 0 20px;
}

#second.news_program .slead p.time i {
	margin-right: 3px;
	color: #009e96;
}

#second.news_program .calendar {
	width: 35%;
	padding-left: 40px;
}

#second.news_program .calendar .date {
	position: relative;
	font-size: 18px;
	font-weight: 600;
	z-index: 1;
}

#second.news_program .calendar .date::before {
	position: absolute;
	content: "";
	width: 12px;
	height: 12px;
	top: 2px;
	left: -5px;
	background-color: rgba(0, 158, 150, .2);
	z-index: -1;
}

#second.news_program .calendar table {
	width: 100%;
}

#second.news_program .calendar table th {
	border: 1px solid #AAA;
	border-bottom: 3px double #AAA;
	padding: 0 8px;
	text-align: center;
	line-height: 2;
	background-color: #F1FBE1;
}

#second.news_program .calendar table td {
	border: 1px solid #AAA;
	text-align: center;
	line-height: 2;
	background-color: #FFF;
}

#second.news_program .calendar table td a {
	display: block;
	width: 100%;
	height: 100%;
	color: #129225;
	text-decoration: underline;
}

#second.news_program .calendar table td a:hover {
	background-color: #009e96;
	color: #FFF;
}

#second.news_program .calendar table th.holiday,
#second.news_program .calendar table td.holiday {
	background-color: #FFF4F4;
}

#second.news_program .calendar table th.saturday,
#second.news_program .calendar table td.saturday {
	background-color: #E8F7FF;
}

#second.news_program .calendar .month_pager {
	margin: 6px 0 0;
	padding: 0;
	list-style: none;
	text-align: center;
}

#second.news_program .calendar .month_pager li {
	display: inline-block;
	margin: 0 10px;
}

#second.news_program .calendar .month_pager li a {
	color: #000;
	text-decoration: underline;
}

#second.news_program .calendar .month_pager li a i {
	padding: 0 4px;
	color: #009e96;
}

#second.news_program .cont {
	width: 90%;
	max-width: 1690px;
	margin: 0 auto;
	padding: 30px 0 0;
	position: relative;
	border-top: 2px solid #FFEC1C;
	background-color: #FFF;
}

#second.news_program .cont::before,
#second.news_program .cont::after {
	position: absolute;
	content: "";
	width: 20px;
	height: 20px;
	width: 100%;
}

#second.news_program .cont::before {
	top: 0;
	left: 0;
	border-left: 2px solid #FFEC1C;
}

#second.news_program .cont::after {
	top: 0;
	left: 0;
	border-right: 2px solid #FFEC1C;
}

#second.news_program .cont p.date {
	margin: 0 20px 30px;
	padding: 10px;
	background-color: #fffbcf;
	box-shadow: 0 0 6px #CDCCCC;
	border-radius: 20px;
	text-align: center;
	font-weight: 600;
	letter-spacing: 1px;
}

#second.news_program .cont ul {
	margin: 0 0 20px;
	padding: 0;
 list-style: none;
 display:flex;
 justify-content: center;
	flex-wrap: wrap;
}

#second.news_program .cont ul li {
	margin: 0 15px 30px;
	padding: 0;
	width: 304px;
}

#second.news_program .cont ul li a {
	display: block;
	color: #000;
}

#second.news_program .cont ul li h3 {
	line-height: 1.2;
}

#second.news_program .lead {
	width: 918px;
	margin: 0 auto 20px;
}

#second.news_program .lead h2 {
	margin: 0 0 30px;
	text-align: center;
}


/*-------------------------------------------------*/
.detailCont {
 width: 90%;
	margin: 0 auto;
	padding: 30px 0 0;
 position: relative;
	background-color: #FFF;
}

.detailCont p.date {
 margin: 0 20px 30px;
	padding: 10px;
	background-color: #fffbcf;
	box-shadow: 0 0 6px #CDCCCC;
	border-radius: 20px;
	text-align: center;
	font-weight: 600;
	letter-spacing: 1px;
}

.detailCont h3 {
	margin: 0 30px 30px;
	padding: 10px 6px;
	text-align: center;
	font-size: 20px;
	font-weight: 600;
	background-color: #F6F6F6;
	letter-spacing: 1px;
	position: relative;
	border-top: 1px solid #AAA;
}

.detailCont h3::before {
	position: absolute;
	top: -2px;
	left: calc( 50% - 100px/2 );
	width: 100px;
	content: "";
	border-top: 3px solid #009e96;
}

.movieWrap {
	width: 640px;
	margin: 0 auto 30px;
}

.movieWrap2 {
	width: 640px;
	margin: 0 auto 30px;
}

.movieWrap iframe {
	width: 640px;
	height: 360px;
}

.movieDetail {
	width: 70%;
	margin: 0 auto 30px;
}

.movieDetail .text {
	position: relative;
	padding: 30px;
	border: 3px solid #EEE;
	z-index: 1;
}

.movieDetail .text a {
    text-decoration: underline;
}

.movieDetail .text::before,
.movieDetail .text::after {
	position: absolute;
	content: "";
	width: 80px;
	height: 80px;
	z-index: -1;
}

.movieDetail .text::before {
	top: -3px;
	left: -3px;
	border-top: 3px solid #B2E2DF;
	border-left: 3px solid #B2E2DF;
}

.movieDetail .text::after {
	bottom: -3px;
	right: -3px;
	border-bottom: 3px solid #B2E2DF;
	border-right: 3px solid #B2E2DF;
}

.movieInfo {
	width: 80%;
	margin: 0 auto 30px;
	background-color: #E7F5F4;
	padding: 10px 6px;
}

.movieInfo ul {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
 justify-content: flex-end;
}

.movieInfo ul li {
	margin: 0 20px;
	padding: 0;
}

.movieInfo ul li i {
	margin-right: 6px;
	color: #009e96;
}

.newsdouga {
width: 640px;
margin: 0 auto 20px;
font-size: 26px;
font-weight: bold;
padding: 0 0 0 32px;
background: url(../image/mark-01.png) no-repeat 0 6px;
background-size: 26px;
font-family: 'M PLUS Rounded 1c', sans-serif;
border-bottom: 4px solid #009e96;
}

/*------------------------------------------------------------------------------------------------
  original
--------------------------------------------------------------------------------------------------*/
#second.original {
	padding-top: 40px;
 background: linear-gradient(to bottom, #e3f4f3 200px, #FFF 400px);
}

#second.original .lead {
	margin: 0 0 40px;
	text-align: center;
	font-weight: 600;
}

#second.original .cont {
	width: 90%;
	max-width: 1690px;
	margin: 0 auto;
}

#second.original .cont h2 {
	margin: 0 0 40px;
	padding: 42px 0 0;
	text-align: center;
	background: url(../image/mark-01.png) no-repeat center 0;
	background-size: 36px;
 font-family: 'M PLUS Rounded 1c', sans-serif;
 font-weight: 700;
	font-size: 32px;
}

#second.original .cont h2 span {
	display: block;
	color: #009e96;
	font-size: 21px;
}

.programList {
	display: flex;
	flex-wrap: wrap;
}

.programList div {
	width: 42%;
	margin: 0 4% 60px;
}

.programList div h3 img {
	max-width: 100%;
	height: auto;
}

.programList div dl {
	margin: 8px 0 0;
}

.programList div dt i {
	margin-right: 3px;
	color: #009e96;
}

.programList div dd {
	margin-top: 4px;
	line-height: 1.4;
}


/*------------------------------------------------------------------------------------------------
  original_program
--------------------------------------------------------------------------------------------------*/
#second.original_program {
	padding-top: 40px;
 background: linear-gradient(to bottom, #e3f4f3 200px, #FFF 400px);
}

#second.original_program .lead {
	width: 918px;
	margin: 0 auto 20px;
}

#second.original_program .lead h2 {
	margin: 0 0 30px;
	text-align: center;
}

#second.original_program .lead p {
	margin: 0 0 20px;
}

#second.original_program .lead p.time i {
	margin-right: 3px;
	color: #009e96;
}

#second.original_program .cont {
	width: 90%;
	max-width: 1690px;
	margin: 0 auto;
	padding: 30px 0 0;
	position: relative;
	border-top: 2px solid #009e96;
	background-color: #FFF;
}

#second.original_program .cont::before,
#second.original_program .cont::after {
	position: absolute;
	content: "";
	width: 20px;
	height: 20px;
	width: 100%;
}

#second.original_program .cont::before {
	top: 0;
	left: 0;
	border-left: 2px solid #009e96;
}

#second.original_program .cont::after {
	top: 0;
	left: 0;
	border-right: 2px solid #009e96;
}

#second.original_program .cont ul {
	margin: 0 0 20px;
	padding: 0;
 list-style: none;
 display:flex;
 justify-content: center;
	flex-wrap: wrap;
}

#second.original_program .cont ul li {
	margin: 0 15px 30px;
	padding: 0;
	width: 304px;
}

#second.original_program .cont ul li a {
	display: block;
	color: #000;
}

#second.original_program .cont ul li div.thumbnail {
	padding-bottom: 18px;
	background: url(../image/original_image_back.png) no-repeat center 98%;
	background-size: 290px;
}

#second.original_program .cont ul li div.thumbnail img {
	max-width: 100%;
	height: auto;
	border: 4px solid #009e96;
	border-radius: 8px;
}

#second.original_program .cont ul li dl.ota {
 display:flex;
 justify-content: left;
	flex-wrap: wrap;
}

#second.original_program .cont ul li dl.ota dt {
	display: inline-block;
	background-color: #009944;
	color: #FFF;
	margin: 0 10px 8px 0;
	padding: 2px 0;
	width: 80px;
	text-align: center;
	border-radius: 20px;
	font-size: 14px;
}

#second.original_program .cont ul li dl.ota dd span {
	font-size: 14px;
	margin-right: 4px;
}

#second.original_program .cont ul li h3 {
	line-height: 1.2;
}


/*------------------------------------------------------------------------------------------------
  original_program
--------------------------------------------------------------------------------------------------*/
.omakase_program {
	width: 90%;
	max-width: 1690px;
	margin: 0 auto;
	padding: 30px 0 0;
	background-color: #FFF;
}

.omakase_program ul {
	margin: 0 0 20px;
	padding: 0;
 list-style: none;
 display:flex;
 justify-content: center;
	flex-wrap: wrap;
}

.omakase_program ul li {
	margin: 0 15px 30px;
	padding: 0;
	width: 304px;
}

.omakase_program ul li a {
	display: block;
	color: #000;
}

.omakase_program ul li div.thumbnail {
	padding-bottom: 18px;
	background: url(../image/original_image_back.png) no-repeat center 98%;
	background-size: 290px;
}

.omakase_program ul li div.thumbnail img {
	max-width: 100%;
	height: auto;
	border: 4px solid #009e96;
	border-radius: 8px;
}

.omakase_program ul li dl.ota {
 display:flex;
 justify-content: left;
	flex-wrap: wrap;
}

.omakase_program ul li dl.ota dt {
	display: inline-block;
	background-color: #009944;
	color: #FFF;
	margin: 0 10px 8px 0;
	padding: 2px 0;
	width: 80px;
	text-align: center;
	border-radius: 20px;
	font-size: 14px;
}

.omakase_program ul li dl.ota dd span {
	font-size: 14px;
	margin-right: 4px;
}

.omakase_program .cont ul li h3 {
	line-height: 1.2;
}


/*------------------------------------------------------------------------------------------------
  inq
--------------------------------------------------------------------------------------------------*/
#second.inq {
	padding-top: 40px;
 background: linear-gradient(to bottom, #e3f4f3 200px, #FFF 400px);
}

#second.inq .lead {
	width: 1000px;
	margin: 0 auto 40px;
}

#second.inq .lead a {
	text-decoration: underline;
}

#second.inq .cont {
	width: 90%;
	max-width: 1690px;
	margin: 0 auto;
}

#second.inq .cont h2 {
	margin: 0 0 40px;
	padding: 42px 0 0;
	text-align: center;
	background: url(../image/mark-01.png) no-repeat center 0;
	background-size: 36px;
 font-family: 'M PLUS Rounded 1c', sans-serif;
 font-weight: 700;
	font-size: 32px;
}

#second.inq .cont h2 span {
	display: block;
	color: #009e96;
	font-size: 21px;
}

#second.inq .cont {
	width: 1000px;
	margin: 0 auto;
}

#second.inq .cont form {
	background-color: #FFF;
	padding: 20px;
}

#second.inq .cont table{
	width: 100%;
	margin: 0 0 30px;
}

#second.inq .cont table th {
	width: 200px;
	padding: 20px 12px;
	text-align: left;
	font-weight: normal;
	border-bottom: 1px solid #CCC;
}

#second.inq .cont table td {
	padding: 20px 12px;
	border-bottom: 1px solid #CCC;
}

#second.inq .cont table td input[type="text"] {
	padding: 4px;
	font-family:"ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", Hiragino Maru Gothic Pro, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "HG丸ｺﾞｼｯｸM-PRO", HGMaruGothicMPRO;
}

#second.inq .cont table td input.s {
	width: 300px;
	margin-right: 10px;
}

#second.inq .cont table td input.m {
	width: 500px;
}

#second.inq .cont table td textarea {
	width: 660px;
	padding: 4px;
	line-height: 1.6;
	display: block;
	font-family:"ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", Hiragino Maru Gothic Pro, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "HG丸ｺﾞｼｯｸM-PRO", HGMaruGothicMPRO;
}

#second.inq .cont table td label {
	cursor: pointer;
}

#second.inq .cont table th a {
	text-decoration: underline;
}

#second.inq .cont table td input[type="submit"],
#second.inq .cont table td input[type="button"] {
 display: inline-block;
	width: 300px;
	margin: 0 10px;
	padding: 10px 0;
	border: 2px solid #009e96;
	text-align: center;
	color: #009e96;
	border-radius: 48px;
	background-color: #FFF;
	cursor: pointer;
	font-size: 16px;
	font-family:"ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", Hiragino Maru Gothic Pro, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "HG丸ｺﾞｼｯｸM-PRO", HGMaruGothicMPRO;
}

#second.inq .cont table td input[type="submit"]:hover,
#second.inq .cont table td input[type="button"]:hover {
	background-color: #009e96;
	color: #FFF;
}

#second.inq .errTxt {
	padding: 4px;
	color: #F00;
	background-color: #FFECEC;
}

#second.inq .err {
	margin: 10px 0 0;
	padding: 4px;
	color: #F00;
	background-color: #FFECEC;
}

.inqLead {
	margin: 0 0 20px;
}

.sendWrap {
	padding: 60px 20px;
	background-color: #FFF;
	text-align: center;
}


/*------------------------------------------------------------------------------------------------
  program
--------------------------------------------------------------------------------------------------*/
#second.program {
	padding-top: 40px;
 background: linear-gradient(to bottom, #e3f4f3 200px, #FFF 400px);
}

#second.program .lead {
	margin: 0 0 40px;
	text-align: center;
	font-weight: 600;
}

#second.program .cont {
	width: 90%;
	max-width: 1690px;
	margin: 0 auto;
}

#second.program .cont h2 {
	margin: 0 0 40px;
	padding: 42px 0 0;
	text-align: center;
	background: url(../image/mark-01.png) no-repeat center 0;
	background-size: 36px;
 font-family: 'M PLUS Rounded 1c', sans-serif;
 font-weight: 700;
	font-size: 32px;
}

#second.program .cont h2 span {
	display: block;
	color: #009e96;
	font-size: 21px;
}

.keywordSrch {
	width: 800px;
	margin: 0 auto 50px;
	padding: 30px;
	background-color: #FFF;
	box-shadow: 0 0 6px #CCC inset;
}

.keywordSrch p {
	margin: 0 0 10px !important;
	text-align: center;
	font-weight: 600;
}

.keywordSrch form {
	width: 90%;
	margin: 0 auto;
	padding: 20px;
	background-color: #F2EBE6;
	text-align: center;
}

.keywordSrch form input[type="text"] {
	width: 360px;
	font-family:"ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", Hiragino Maru Gothic Pro, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "HG丸ｺﾞｼｯｸM-PRO", HGMaruGothicMPRO;
	padding: 4px;
	margin-left: 10px;
}

.keywordSrch form input[type="submit"] {
 display: block;
	width: 200px;
	margin: 20px auto 0;
	padding: 4px 0;
	border: 2px solid #009e96;
	text-align: center;
	color: #009e96;
	border-radius: 36px;
	background-color: #FFF;
	cursor: pointer;
	font-size: 16px;
	font-family:"ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", Hiragino Maru Gothic Pro, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "HG丸ｺﾞｼｯｸM-PRO", HGMaruGothicMPRO;
}

.keywordSrch form input[type="submit"]:hover {
	background-color: #009e96;
	color: #FFF;
}

.programSec {
	width: 1000px;
	margin: 0 auto;
}

.programSec h3 {
	position: relative;
	width: 100%;
	margin: 0 0 30px;
	padding: 6px 10px;
	font-size: 28px;
	font-weight: 600;
	letter-spacing: 1px;
	border-top: 3px solid #CCC;
	border-bottom: 1px solid #CCC;
	color: #009e96;
}

.programSec h3 i {
	margin-right: 8px;
}

.programSec h3::before {
	position: absolute;
	content: "";
	width: 160px;
	height: 3px;
	top: -3px;
	left: 0;
	background-color: #009e96;
}

.programSec h3::after {
	position: absolute;
	content: "Program";
	right: 0;
	bottom: -19px;
	color: #CCECEA;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
	font-size: 40px;
	letter-spacing: 0;
}

.programSec h4 {
	position: relative;
	width: 100%;
	margin: 0 0 20px;
	padding: 6px 10px;
	font-size: 20px;
	font-weight: 600;
	background-color: #CCECEA;
}

.programSec h4 span.c11 {
	display: inline-block;
	width: 100px;
	text-align: center;
	margin: 0 8px 0 0;
	background-color: #E24150;
	color: #FFF;
	border-radius: 4px;
}

.programSec h4 span.c12 {
	display: inline-block;
	width: 100px;
	text-align: center;
	margin: 0 8px 0 0;
	background-color: #3C94DC;
	color: #FFF;
	border-radius: 4px;
}

.programSec h4 span.c333 {
	display: inline-block;
	width: 100px;
	text-align: center;
	margin: 0 8px 0 0;
	background-color: #FF880B;
	color: #FFF;
	border-radius: 4px;
}

.programSec h4:before {
 content: "";
 position: absolute;
 top: 100%;
 left: 90px;
 border: 20px solid transparent;
 border-top: 20px solid #CCECEA;
}

.programSec .programDtl {
	width: 100%;
	margin: 0 0 50px;
}

.programSec .programDtl th {
	width: 140px;
	padding: 20px 10px;
	vertical-align: top;
	border-bottom: 1px solid #CCC;
	text-align: left;
	color: #00736D;
}

.programSec .programDtl th i {
	margin-right: 6px;
}

.programSec .programDtl td {
	padding: 20px 10px 20px 30px;
	position: relative;
	border-bottom: 1px solid #CCC;
}

.programSec .programDtl td::before {
 position: absolute;
 bottom: 0;
 left: 0;
 top: 0;
 content: "";
 margin: auto;
 width: 1px;
 height: 80%;
 height: calc(100% - 40px);
 background: #DEDEDE;
}


/*------------------------------------------------------------------------------------------------
  archives
--------------------------------------------------------------------------------------------------*/
#second.archives {
	padding-top: 40px;
 background: linear-gradient(to bottom, #e3f4f3 200px, #FFF 400px);
}

#second.archives .lead {
	width: 1000px;
	margin: 0 auto 40px;
	font-weight: 600;
}

#second.archives .cont {
	width: 90%;
	max-width: 1690px;
	margin: 0 auto;
}

#second.archives .cont h2 {
	margin: 0 0 40px;
	padding: 42px 0 0;
	text-align: center;
	background: url(../image/mark-01.png) no-repeat center 0;
	background-size: 36px;
 font-family: 'M PLUS Rounded 1c', sans-serif;
 font-weight: 700;
	font-size: 32px;
}

#second.archives .cont h2 span {
	display: block;
	color: #009e96;
	font-size: 21px;
}

.arcsrchWrap {
	width: 900px;
	margin: 0 auto 50px;
	padding: 30px 30px 40px;
	background-color: #FFF;
	box-shadow: 0 0 6px #CCC inset;
}

.arcsrchWrap table {
	width: 100%;
}

.arcsrchWrap table th {
	width: 160px;
	text-align: left;
	padding: 20px 12px;
	border-bottom: 1px solid #CCC;
}

.arcsrchWrap table td {
	padding: 20px 12px;
	border-bottom: 1px solid #CCC;
}

.arcsrchWrap form input[type="text"] {
	width: 360px;
	font-family:"ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", Hiragino Maru Gothic Pro, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "HG丸ｺﾞｼｯｸM-PRO", HGMaruGothicMPRO;
	padding: 4px;
}

.arcsrchWrap form select {
	padding: 4px;
	font-family:"ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", Hiragino Maru Gothic Pro, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "HG丸ｺﾞｼｯｸM-PRO", HGMaruGothicMPRO;
	font-size: 16px;
}

.arcsrchWrap form input[type="submit"] {
 display: block;
	width: 200px;
	margin: 20px auto 0;
	padding: 4px 0;
	border: 2px solid #009e96;
	text-align: center;
	color: #009e96;
	border-radius: 36px;
	background-color: #FFF;
	cursor: pointer;
	font-size: 16px;
	font-family:"ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", Hiragino Maru Gothic Pro, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "HG丸ｺﾞｼｯｸM-PRO", HGMaruGothicMPRO;
}

.arcsrchWrap form input[type="submit"]:hover {
	background-color: #009e96;
	color: #FFF;
}

.srchKekka {
	position: relative;
	width: 900px;
	margin: 0 auto 30px;
	padding: 10px;
	border-radius: 8px;
	background-color: #FFF;
	border: 3px solid #009e96;
}

.srchKekka :before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #FFF;
  z-index: 2;
}

.srchKekka :after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #009e96;
  z-index: 1;
}

.srchKekka p {
	margin: 0 !important;
}

.srchKekka p .st {
 color: #F00;
	padding-right: 6px;
}

.srchClm {
	width: 900px;
	margin: 0 auto 50px;
	padding: 10px;
	background-color: #F5EFEB;
}

.srchClm p {
 text-align: right;
	margin-bottom: 5px;
}

.srchClm .srchKekkaTb2 {
	width: 98%;
	margin: 10px auto;
	font-size: 14px;
}

.srchClm .srchKekkaTb2 tr {
	background-color: #FFF;
}

.srchClm .srchKekkaTb2 tr:nth-child(2n) {
	background-color: #F6F6F6;
}

.srchClm .srchKekkaTb2 th {
	padding: 10px 6px;
 width: 41px;
	text-align: center;
	white-space: nowrap;
}

.srchClm .srchKekkaTb2 th span {
	width: 80px;
	margin: 0;
	padding: 2px 0;
	color: #FFF;
	text-align: center;
	border-radius: 20px;
	font-size: 14px;
	display: inline-block;
}

.srchClm .srchKekkaTb2 td {
	padding: 10px 6px;
}

.srchClm .srchKekkaTb2 td a:hover {
	text-decoration: underline;
}

.srchClm .srchKekkaTb2 td.day {
	white-space: nowrap;
	width: 60px;
}

.srchClm .srchKekkaTb2 td.gakku {
	white-space: nowrap;
}

.srchClm .srchKekkaTb2 td.program {
	white-space: nowrap;
}

.srchClm .srchKekkaTb2 th span.kurashiki {
	background-color: #009e96;
}

.srchClm .srchKekkaTb2 th span.sojya {
	background-color: #b178c4;
}

.srchClm .srchKekkaTb2 th span.tamano {
	background-color: #FF9000;
}

.srchClm .srchKekkaTb2 th span.hayashima {
	background-color: #C48B78;
}

.srchClm .srchKekkaTb2 th span.city {
	background-color: #0084b8;
}

.srchClm .srchKekkaTb2 th span.pref {
	background-color: #F75E9E;
}

.srchClm .srchKekkaTb2 th span.etc {
	background-color: #4663E8;
}

}












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

/*------------------------------------------------------------------------------------------------
  index
--------------------------------------------------------------------------------------------------*/
#index {
}

#index .secWide {
	padding: 20px 0;
	background: url(../image/back_kocoto.png) no-repeat #fffbcf 0 0;
	background-size: 200px;
}

#index .secWide h2 {
	margin: 0 0 20px;
	padding: 42px 0 0;
	text-align: center;
	background: url(../image/mark-01.png) no-repeat center 0;
	background-size: 36px;
 font-family: 'M PLUS Rounded 1c', sans-serif;
 font-weight: 700;
	font-size: 26px;
}

#index .secWide h2 span {
	display: block;
	color: #009e96;
	font-size: 18px;
}

#index .secWide p.lead {
	margin: 0 0 40px;
	font-weight: 600;
	text-align: center;
}

#index .secWide .cont {
	width: 90%;
	margin: 0 auto;
}

#index .secWide .cont p.date {
	margin: 0 0 30px;
	padding: 10px;
	background-color: #FFF;
	box-shadow: 0 0 6px #CDCCCC;
	border-radius: 20px;
	text-align: center;
	font-weight: 600;
	letter-spacing: 1px;
}

#index .secWide .cont ul {
	margin: 0 0 20px;
	padding: 0;
 list-style: none;
 display:flex;
 justify-content: center;
	flex-wrap: wrap;
}

#index .secWide .cont ul li {
	margin: 0 15px 30px;
	padding: 0;
	width: 304px;
}

#index .secWide .cont ul li a {
	display: block;
	color: #000;
}

.cont ul li div.thumbnail {
	padding-bottom: 18px;
	background: url(../image/news_image_back.png) no-repeat center 98%;
	background-size: 290px;
}

.cont ul li div.thumbnail img {
	max-width: 100%;
	height: auto;
	border: 4px solid #FFEC1C;
	border-radius: 8px;
}

.cont ul li p.area {
	width: 80px;
	margin: 0 0 8px;
	padding: 2px 0;
	color: #FFF;
	text-align: center;
	border-radius: 20px;
	font-size: 14px;
	display: inline-block;
}

.cont ul li p.kurashiki {
	background-color: #009e96;
}

.cont ul li p.sojya {
	background-color: #b178c4;
}

.cont ul li p.tamano {
	background-color: #FF9000;
}

.cont ul li p.hayashima {
	background-color: #C48B78;
}

.cont ul li p.city {
	background-color: #0084b8;
}

.cont ul li p.pref {
	background-color: #F75E9E;
}

.cont ul li p.etc {
	background-color: #4663E8;
}

.cont ul li h3 {
	line-height: 1.2;
}

#index .secOrig {
	padding: 20px 10px 56px;
	background: url(../image/index_original_back.png) repeat-x 0 0, url(../image/back_kct.png) no-repeat 100% 40px;
	background-size: auto, 300px;
	background-color: #e3f4f3;
}

#index .secOrig h2 {
	margin: 0 0 20px;
	padding: 42px 0 0;
	text-align: center;
	background: url(../image/mark-01.png) no-repeat center 0;
	background-size: 36px;
 font-family: 'M PLUS Rounded 1c', sans-serif;
 font-weight: 700;
	font-size: 26px;
}

#index .secOrig h2 span {
	display: block;
	color: #009e96;
	font-size: 18px;
}

#index .secOrig p.lead {
	margin: 0 0 40px;
	font-weight: 600;
	text-align: center;
}

#index .secOrig .pick {
	width: 90%;
	margin: 0 auto;
}

#index .secOrig .pick ul {
	margin: 0 0 20px;
	padding: 0;
 list-style: none;
 display:flex;
 justify-content: center;
	flex-wrap: wrap;
}

#index .secOrig .pick ul li {
	margin: 0 15px 30px;
	padding: 0;
	width: 418px;
	overflow:		hidden;
	position: relative;	
}

#index .secOrig .pick ul li a {
	display: block;
	color: #000;
}

#index .secOrig .pick ul li a:hover {
	text-decoration: underline;
}

#index .secOrig .pick ul li div.thumbnail {
	padding-bottom: 18px;
	background: url(../image/original_image_back.png) no-repeat center 98%;
	background-size: 290px;
}

#index .secOrig .pick ul li img {
	max-width: 100%;
	height: auto;
	border: 4px solid #009e96;
	border-radius: 10px;
}

#index .secOrig .pick ul li p {
	padding: 0 0 0 24px;
	background: url(../image/arrow-01.png) no-repeat 0 2px;
	background-size: 18px;
	font-weight: 600;
}

#index .secOrig .cont {
	width: 90%;
	max-width: 1690px;
	margin: 0 auto;
}

#index .secOrig .cont ul {
	margin: 0 0 20px;
	padding: 0;
 list-style: none;
 display:flex;
 justify-content: center;
	flex-wrap: wrap;
}

#index .secOrig .cont ul li {
	margin: 0 15px 30px;
	padding: 0;
	width: 304px;
}

#index .secOrig .cont ul li a {
	display: block;
	color: #000;
}

/* add 20200122 */
#index .secOrig .cont ul li p a {
	margin-bottom: 6px;
	padding: 2px 6px 2px 26px;
	color: #FFF;
	border-radius: 8px;
	background: url(../image/icon_title.png) #009e96 no-repeat 6px 7px;
	background-size: 16px;
}
/* add 20200122 */

#index .secOrig .cont ul li div.thumbnail {
	padding-bottom: 18px;
	background: url(../image/original_image_back.png) no-repeat center 98%;
	background-size: 290px;
}

#index .secOrig .cont ul li div.thumbnail img {
	max-width: 100%;
	height: auto;
	border: 4px solid #009e96;
	border-radius: 8px;
}

#index .secOrig .cont ul li dl.ota {
 display:flex;
 justify-content: left;
	flex-wrap: wrap;
}

#index .secOrig .cont ul li dl.ota dt {
	display: inline-block;
	background-color: #009944;
	color: #FFF;
	margin: 0 10px 8px 0;
	padding: 2px 0;
	width: 80px;
	text-align: center;
	border-radius: 20px;
	font-size: 14px;
}

#index .secOrig .cont ul li dl.ota dd {
	padding: 2px 0 0;
}

#index .secOrig .cont ul li dl.ota dd span {
	font-size: 14px;
	margin-right: 4px;
}

#index .secOrig .cont ul li h3 {
	line-height: 1.2;
}

#index .secInfo {
	padding: 36px 0;
	width: 100%;
	margin: 0 auto;
}

#index .secInfo h2 {
	margin: 0 0 20px;
	padding: 40px 0 0;
	background: url(../image/mark-01.png) no-repeat center 0;
	background-size: 36px;
 font-family: 'M PLUS Rounded 1c', sans-serif;
 font-weight: 700;
	font-size: 26px;
	line-height: 1.4;
	text-align: center;
}

#index .secInfo h2 span {
	display: block;
	color: #009e96;
	font-size: 18px;
}

#index .secInfo .news {
	width: 100%;
	margin: 0 0 60px;
}

#index .secInfo .news .cont {
	margin: 0 10px;
	padding: 30px 20px;
	background: url(../image/line-02.png) repeat-x center 0, url(../image/line-02.png) repeat-x center 100%;
	background-size: 31px, 31px;
}

#index .secInfo .ka {
	margin: 0 20px 30px;
}

#index .secInfo .ka p {
	margin: 0 0 8px;
}

#index .secInfo .ka .searchBox {
	margin: 0 0 60px;
	text-align: center;
}

#index .secInfo .ka .k_search {
	border: 1px solid #A5A5A5;
	padding: 11px 6px 12px;
	border-radius: 4px;
	width: 260px;
	font-size: 16px;
	font-family:"ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", Hiragino Maru Gothic Pro, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "HG丸ｺﾞｼｯｸM-PRO", HGMaruGothicMPRO;
}

input[type='image'] {
	margin-left: -4px;
	vertical-align: -19px;
}

#index .secInfo .ka .a_search {
	background-color: #fffbcf;
	padding: 16px 24px;
}

#index .secInfo .ka .a_search .archiveSrch {
	width: 100%;
	font-size: 15px;
}

#index .secInfo .ka .a_search .archiveSrch th {
	text-align: left;
	padding: 4px 0;
	width: 100px;
	display:block;
	width: 100%;
}

#index .secInfo .ka .a_search .archiveSrch td {
	display:block;
	width: 100%;
	padding: 6px 0;
}

#index .secInfo .ka .a_search .archiveSrch td input,
#index .secInfo .ka .a_search .archiveSrch td select {
	width: 90%;
	border: 1px solid #A5A5A5;
	border-radius: 4px;
	font-size: 16px;
	padding: 4px;
	font-family:"ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", Hiragino Maru Gothic Pro, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "HG丸ｺﾞｼｯｸM-PRO", HGMaruGothicMPRO;
}

#index .secInfo .ka .a_search .archiveSrch td input {
	width: 100%;
}

#index .secInfo .ka .a_search .archiveSrch td select {
	margin-right: 4px;
}

#index .secInfo .ka .a_search .archiveSrch td select.date1 {
	width: 20%;
}

#index .secInfo .ka .a_search .btn {
	padding: 10px 0 0;
	text-align: center;
}

#index .secInfo .ka .a_search input[type="submit"] {
	background-color: #009e96;
	width: 160px;
	padding: 8px;
	color: #FFF;
	text-align: center;
	font-family:"ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", Hiragino Maru Gothic Pro, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "HG丸ｺﾞｼｯｸM-PRO", HGMaruGothicMPRO;
	border-style: none;
	border-radius: 6px;
	font-weight: 600;
}

.newsIframe h3 {
	margin: 0 0 20px;
 font-family: 'M PLUS Rounded 1c', sans-serif;
 font-weight: 700;
	font-size: 22px;
	line-height: 1.4;
}

.newsIframe p {
	margin: 0 0 10px;
}

/*20200425*/
.pickProgram {
	margin: 4px 0 0;
	padding: 20px 0;
	border-top: 2px solid #009E96;
}

.pickProgram ul {
	width: 90%;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

.pickProgram ul li {
	margin: 0 0 20px;
	padding: 0;
	text-align: center;
}

.pickProgram ul li img {
	max-width: 100%;
	height: auto;
}

.pickProgram2 {
width: 90%;
margin: 0 auto;
text-align: center;
}

.pickProgram2 img {
	max-width: 100%;
	height: auto;
}


/*------------------------------------------------------------------------------------------------
  news_program
--------------------------------------------------------------------------------------------------*/
#second.news_program {
	padding-top: 10px;
 background: linear-gradient(to bottom, #fffbcf 200px, #FFF 400px);
}

#second.news_program .leadCalendar {
	margin: 0 20px 20px;
}

#second.news_program .slead {
	margin: 0 auto;
}

#second.news_program .slead h2 {
	margin: 0 0 30px;
	text-align: center;
}

#second.news_program .slead h2 img {
	max-width: 100%;
	height: auto;
}

#second.news_program .slead p {
	margin: 0 0 20px;
}

#second.news_program .slead p.time i {
	margin-right: 3px;
	color: #009e96;
}

#second.news_program .calendarBtn {
	width: 300px;
	display: block;
	margin: 0 auto;
	padding: 8px;
	text-align: center;
 padding: 10px 0;
	border: 2px solid #009e96;
	text-align: center;
	color: #009e96;
	border-radius: 48px;
	font-weight: 600;
	cursor: pointer;
}

#second.news_program .calendarBtn:hover {
	background-color: #009e96;
	color: #FFF;
}


#second.news_program .calendarBtn i {
	padding-right: 4px;
}


#second.news_program .calendar {
	display: none;
}

#second.news_program .calendar .date {
	position: relative;
	margin: 10px 0 5px;
	font-size: 18px;
	font-weight: 600;
	z-index: 1;
}

#second.news_program .calendar .date::before {
	position: absolute;
	content: "";
	width: 12px;
	height: 12px;
	top: 2px;
	left: -5px;
	background-color: rgba(0, 158, 150, .2);
	z-index: -1;
}

#second.news_program .calendar table {
	width: 100%;
}

#second.news_program .calendar table th {
	border: 1px solid #AAA;
	border-bottom: 3px double #AAA;
	padding: 0 8px;
	text-align: center;
	line-height: 2.6;
	background-color: #F1FBE1;
}

#second.news_program .calendar table td {
	border: 1px solid #AAA;
	text-align: center;
	line-height: 2.6;
	background-color: #FFF;
}

#second.news_program .calendar table td a {
	display: block;
	width: 100%;
	height: 100%;
	color: #129225;
	text-decoration: underline;
}

#second.news_program .calendar table td a:hover {
	background-color: #009e96;
	color: #FFF;
}

#second.news_program .calendar table th.holiday,
#second.news_program .calendar table td.holiday {
	background-color: #FFF4F4;
}

#second.news_program .calendar table th.saturday,
#second.news_program .calendar table td.saturday {
	background-color: #E8F7FF;
}

#second.news_program .calendar .month_pager {
	margin: 10px 0 0;
	padding: 0;
	list-style: none;
	text-align: center;
}

#second.news_program .calendar .month_pager li {
	display: inline-block;
	margin: 0 10px;
}

#second.news_program .calendar .month_pager li a {
	color: #000;
	display: block;
	padding: 8px 30px;
	border: 1px solid #CCC;
	text-decoration: underline;
	border-radius: 20px;
}

#second.news_program .calendar .month_pager li a i {
	padding: 0 4px;
	color: #009e96;
}

#second.news_program .cont {
	width: 90%;
	max-width: 1690px;
	margin: 0 auto;
	padding: 30px 0 0;
	position: relative;
	border-top: 2px solid #FFEC1C;
	background-color: #FFF;
}

#second.news_program .cont::before,
#second.news_program .cont::after {
	position: absolute;
	content: "";
	width: 20px;
	height: 20px;
	width: 100%;
}

#second.news_program .cont::before {
	top: 0;
	left: 0;
	border-left: 2px solid #FFEC1C;
}

#second.news_program .cont::after {
	top: 0;
	left: 0;
	border-right: 2px solid #FFEC1C;
}

#second.news_program .cont p.date {
	margin: 0 20px 30px;
	padding: 10px;
	background-color: #fffbcf;
	box-shadow: 0 0 6px #CDCCCC;
	border-radius: 20px;
	text-align: center;
	font-weight: 600;
	letter-spacing: 1px;
}

#second.news_program .cont ul {
	margin: 0 0 20px;
	padding: 0;
 list-style: none;
 display:flex;
 justify-content: center;
	flex-wrap: wrap;
}

#second.news_program .cont ul li {
	margin: 0 15px 30px;
	padding: 0;
	width: 304px;
}

#second.news_program .cont ul li a {
	display: block;
	color: #000;
}

#second.news_program .lead {
	margin: 0 20px;
}

#second.news_program .lead h2 {
	margin: 0 0 10px;
	text-align: center;
}

#second.news_program .lead h2 img {
	max-width: 100%;
	height: auto;
}


/*-------------------------------------------------*/
.detailCont {
 width: 90%;
	margin: 0 auto;
	padding: 20px 0 60px;
 position: relative;
	background-color: #FFF;
}

.detailCont p.date {
 margin: 0 20px 20px;
	padding: 10px;
	background-color: #fffbcf;
	box-shadow: 0 0 6px #CDCCCC;
	border-radius: 20px;
	text-align: center;
	font-weight: 600;
	letter-spacing: 1px;
}

.detailCont h3 {
	margin: 0 0 30px;
	padding: 10px 6px;
	font-size: 16px;
	font-weight: 600;
	background-color: #F6F6F6;
	position: relative;
	border-top: 1px solid #AAA;
	line-height: 1.4;
}

.detailCont h3::before {
	position: absolute;
	top: -2px;
	left: calc( 50% - 100px/2 );
	width: 100px;
	content: "";
	border-top: 3px solid #009e96;
}

.movieWrap {
 position: relative;
 width: 100%;
 padding-top: 56.25%;
 overflow:auto; 
 -webkit-overflow-scrolling:touch;
 margin: 0 0 30px;
 text-aligh:center;
}

.movieWrap2 img {
 max-width: 100%;
 height: auto;
 margin: 0 0 30px;
}


.movieWrap iframe {
 position:absolute;
 top:0;
 left:0;
 width:100%;
 height:100%;
 border:none;
 display:block;
}

.movieWrap div img {
	max-width: 100%;
	height: auto;
}

.movieDetail {
	width: 100%;
	margin: 0 auto 30px;
}

.movieDetail .text {
	position: relative;
	padding: 20px 0;
	border-top: 3px solid #EEE;
	border-bottom: 3px solid #EEE;
}

.movieDetail .text::before,
.movieDetail .text::after {
	position: absolute;
	content: "";
	width: 80px;
	height: 80px;
}

.movieDetail .text::before {
	top: -3px;
	left: -3px;
	border-top: 3px solid #B2E2DF;
}

.movieDetail .text::after {
	bottom: -3px;
	right: -3px;
	border-bottom: 3px solid #B2E2DF;
}

.movieInfo {
	width: 100%;
	margin: 0 auto 30px;
	background-color: #E7F5F4;
	padding: 10px 6px;
}

.movieInfo ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.movieInfo ul li {
	margin: 0 10px 10px;
	padding: 0 0 3px;
	border-bottom: 1px dotted #CCC;
}

.movieInfo ul li i {
	margin-right: 6px;
	color: #009e96;
}

.newsdouga {
width: 100%;
margin: 0 0 20px;
font-size: 18px;
font-weight: bold;
padding: 0 0 0 24px;
background: url(../image/mark-01.png) no-repeat 0 3px;
background-size: 20px;
font-family: 'M PLUS Rounded 1c', sans-serif;
border-bottom: 4px solid #009e96;
}


/*------------------------------------------------------------------------------------------------
  original
--------------------------------------------------------------------------------------------------*/
#second.original {
	padding-top: 10px;
 background: linear-gradient(to bottom, #e3f4f3 200px, #FFF 400px);
}

#second.original .lead {
	margin: 0 0 40px;
	font-weight: 600;
	text-align: center;
}

#second.original .cont {
	margin: 0;
}

#second.original .cont h2 {
	margin: 0 0 20px;
	padding: 42px 0 0;
	text-align: center;
	background: url(../image/mark-01.png) no-repeat center 0;
	background-size: 36px;
 font-family: 'M PLUS Rounded 1c', sans-serif;
 font-weight: 700;
	font-size: 28px;
}

#second.original .cont h2 span {
	display: block;
	color: #009e96;
	font-size: 21px;
}

.programList {
	margin: 0;
	padding: 0 0 30px;
}

.programList div {
	margin: 0 20px 40px;
}

.programList div h3 {
	text-align: center;
}

.programList div h3 img {
	max-width: 100%;
	height: auto;
}

.programList div dl {
	margin: 8px 0 0;
	line-height: 1.4;
}

.programList div dt i {
	margin-right: 3px;
	color: #009e96;
}

.programList div dd {
	margin-top: 4px;
	line-height: 1.4;
}


/*------------------------------------------------------------------------------------------------
  original_program
--------------------------------------------------------------------------------------------------*/
#second.original_program {
	padding-top: 10px;
 background: linear-gradient(to bottom, #e3f4f3 200px, #FFF 400px);
}

#second.original_program .lead {
	margin: 0 20px;
}

#second.original_program .lead h2 {
	margin: 0 0 10px;
	text-align: center;
}

#second.original_program .lead h2 img {
	max-width: 100%;
	height: auto;
}

#second.original_program .lead p {
	margin: 0 0 20px;
}

#second.original_program .lead p.time i {
	margin-right: 3px;
	color: #009e96;
}

#second.original_program .cont {
	width: 90%;
	max-width: 1690px;
	margin: 0 auto;
	padding: 30px 0 60px;
	position: relative;
	border-top: 2px solid #009e96;
	background-color: #FFF;
}

#second.original_program .cont::before,
#second.original_program .cont::after {
	position: absolute;
	content: "";
	width: 20px;
	height: 20px;
	width: 100%;
}

#second.original_program .cont::before {
	top: 0;
	left: 0;
	border-left: 2px solid #009e96;
}

#second.original_program .cont::after {
	top: 0;
	left: 0;
	border-right: 2px solid #009e96;
}

#second.original_program .cont ul {
	margin: 0 0 20px;
	padding: 0;
 list-style: none;
 display:flex;
 justify-content: center;
	flex-wrap: wrap;
}

#second.original_program .cont ul li {
	margin: 0 15px 30px;
	padding: 0;
	width: 304px;
}

#second.original_program .cont ul li a {
	display: block;
	color: #000;
}

#second.original_program .cont ul li div.thumbnail {
	padding-bottom: 18px;
	background: url(../image/original_image_back.png) no-repeat center 98%;
	background-size: 290px;
}

#second.original_program .cont ul li div.thumbnail img {
	max-width: 100%;
	height: auto;
	border: 4px solid #009e96;
	border-radius: 8px;
}

#second.original_program .cont ul li dl.ota {
 display:flex;
 justify-content: left;
	flex-wrap: wrap;
}

#second.original_program .cont ul li dl.ota dt {
	display: inline-block;
	background-color: #009944;
	color: #FFF;
	margin: 0 10px 8px 0;
	padding: 2px 0;
	width: 80px;
	text-align: center;
	border-radius: 20px;
	font-size: 14px;
}

#second.original_program .cont ul li dl.ota dd {
	padding: 2px 0 0;
}

#second.original_program .cont ul li dl.ota dd span {
	font-size: 14px;
	margin-right: 4px;
}

#second.original_program .cont ul li h3 {
	line-height: 1.2;
}

/*------------------------------------------------------------------------------------------------
  omakase_program
--------------------------------------------------------------------------------------------------*/

.omakase_program {
	width: 90%;
	max-width: 1690px;
	margin: 0 auto;
	padding: 30px 0 60px;
	background-color: #FFF;
}

.omakase_program ul {
	margin: 0 0 20px;
	padding: 0;
 list-style: none;
 display:flex;
 justify-content: center;
	flex-wrap: wrap;
}

.omakase_program ul li {
	margin: 0 15px 30px;
	padding: 0;
	width: 304px;
}

.omakase_program ul li a {
	display: block;
	color: #000;
}

.omakase_program ul li div.thumbnail {
	padding-bottom: 18px;
	background: url(../image/original_image_back.png) no-repeat center 98%;
	background-size: 290px;
}

.omakase_program ul li div.thumbnail img {
	max-width: 100%;
	height: auto;
	border: 4px solid #009e96;
	border-radius: 8px;
}

.omakase_program ul li dl.ota {
 display:flex;
 justify-content: left;
	flex-wrap: wrap;
}

.omakase_program ul li dl.ota dt {
	display: inline-block;
	background-color: #009944;
	color: #FFF;
	margin: 0 10px 8px 0;
	padding: 2px 0;
	width: 80px;
	text-align: center;
	border-radius: 20px;
	font-size: 14px;
}

.omakase_program ul li dl.ota dd {
	padding: 2px 0 0;
}

.omakase_program ul li dl.ota dd span {
	font-size: 14px;
	margin-right: 4px;
}

.omakase_program ul li h3 {
	line-height: 1.2;
}

/*------------------------------------------------------------------------------------------------
  inq
--------------------------------------------------------------------------------------------------*/
#second.inq {
	padding-top: 40px;
 background: linear-gradient(to bottom, #e3f4f3 200px, #FFF 400px);
}

#second.inq .lead {
	width: 90%;
	margin: 0 auto 20px;
	padding: 0 0 0 20px;
	font-weight: 600;
}

#second.inq .lead a {
	text-decoration: underline;
}

#second.inq .lead li {
	margin-bottom: 10px;
}

#second.inq .cont {
	width: 90%;
	margin: 0 auto;
}

#second.inq .cont h2 {
	margin: 0 0 40px;
	padding: 42px 0 0;
	text-align: center;
	background: url(../image/mark-01.png) no-repeat center 0;
	background-size: 36px;
 font-family: 'M PLUS Rounded 1c', sans-serif;
 font-weight: 700;
	font-size: 28px;
}

#second.inq .cont h2 span {
	display: block;
	color: #009e96;
	font-size: 21px;
}

#second.inq .cont {
	width: 100%;
	margin: 0 auto;
}

#second.inq .cont form {
	background-color: #FFF;
	padding: 20px;
}

#second.inq .cont .inqLead {
	margin: 0 10px 20px;
}

#second.inq .cont table{
	width: 100%;
	margin: 0 0 0px;
}

#second.inq .cont table th {
	display: block;
	width: 100%;
	padding: 12px;
	text-align: left;
	font-weight: normal;
	background-color: #F6F6F6;
	font-weight: 600;
	font-size: 16px;
}

#second.inq .cont table td {
	display: block;
	width: 100%;
	padding: 12px;
	font-size: 16px;
}

#second.inq .cont table td input[type="text"] {
	padding: 4px;
	font-size: 16px;
	font-family:"ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", Hiragino Maru Gothic Pro, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "HG丸ｺﾞｼｯｸM-PRO", HGMaruGothicMPRO;
}

#second.inq .cont table td input.s {
	margin-right: 10px;
	width: 100%;
}

#second.inq .cont table td input.m {
	width: 100%;
}

#second.inq .cont table td textarea {
	width: 100%;
	padding: 4px;
	font-size: 16px;
	line-height: 1.6;
	font-family:"ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", Hiragino Maru Gothic Pro, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "HG丸ｺﾞｼｯｸM-PRO", HGMaruGothicMPRO;
}

#second.inq .cont table td label {
	cursor: pointer;
}

#second.inq .cont table th a {
	text-decoration: underline;
}

#second.inq .cont table td input[type="submit"],
#second.inq .cont table td input[type="button"] {
 display: block;
	width: 300px;
	margin: 0 auto 20px;
	padding: 10px 0;
	border: 2px solid #009e96;
	text-align: center;
	color: #009e96;
	border-radius: 48px;
	background-color: #FFF;
	cursor: pointer;
	font-size: 16px;
	font-family:"ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", Hiragino Maru Gothic Pro, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "HG丸ｺﾞｼｯｸM-PRO", HGMaruGothicMPRO;
}

#second.inq .cont table td input[type="submit"]:hover,
#second.inq .cont table td input[type="button"]:hover {
	background-color: #009e96;
	color: #FFF;
}

#second.inq .errTxt {
	margin: 0 20px 10px;
	padding: 4px;
	color: #F00;
	background-color: #FFECEC;
}

#second.inq .err {
	margin: 5px 0 0;
	padding: 4px;
	color: #F00;
	background-color: #FFECEC;
}

.inqLead {
	margin: 0 0 20px;
}

.sendWrap {
	margin: 0 0 100px;
	padding: 20px;
	background-color: #FFF;
}


/*------------------------------------------------------------------------------------------------
  program
--------------------------------------------------------------------------------------------------*/
#second.program {
	padding-top: 10px;
 background: linear-gradient(to bottom, #e3f4f3 200px, #FFF 400px);
}

#second.program .lead {
	margin: 0 0 40px;
	text-align: center;
	font-weight: 600;
}

#second.program .cont {
	margin: 0;
}

#second.program .cont h2 {
	margin: 0 0 20px;
	padding: 42px 0 0;
	text-align: center;
	background: url(../image/mark-01.png) no-repeat center 0;
	background-size: 36px;
 font-family: 'M PLUS Rounded 1c', sans-serif;
 font-weight: 700;
	font-size: 28px;
}

#second.program .cont h2 span {
	display: block;
	color: #009e96;
	font-size: 21px;
}

.keywordSrch {
	margin: 0 10px 50px;
	padding: 30px 10px;
	background-color: #FFF;
	box-shadow: 0 0 6px #CCC inset;
}

.keywordSrch p {
	margin: 0 0 10px !important;
	text-align: center;
	font-weight: 600;
}

.keywordSrch form {
	margin: 0;
	padding: 20px;
	background-color: #F2EBE6;
	text-align: center;
}

.keywordSrch form input[type="text"] {
	display: block;
	width: 100%;
	font-family:"ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", Hiragino Maru Gothic Pro, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "HG丸ｺﾞｼｯｸM-PRO", HGMaruGothicMPRO;
	margin: 6px 0 0;
	padding: 4px;
}

.keywordSrch form input[type="submit"] {
 display: block;
	width: 200px;
	margin: 20px auto 0;
	padding: 4px 0;
	border: 2px solid #009e96;
	text-align: center;
	color: #009e96;
	border-radius: 36px;
	background-color: #FFF;
	cursor: pointer;
	font-size: 16px;
	font-family:"ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", Hiragino Maru Gothic Pro, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "HG丸ｺﾞｼｯｸM-PRO", HGMaruGothicMPRO;
}

.keywordSrch form input[type="submit"]:hover {
	background-color: #009e96;
	color: #FFF;
}

.programSec {
	padding: 0 0 30px;
}

.programSec h3 {
	position: relative;
	margin: 0 10px 30px;
	padding: 6px 10px;
	font-size: 22px;
	font-weight: 600;
	letter-spacing: 1px;
	border-top: 3px solid #CCC;
	border-bottom: 1px solid #CCC;
	color: #009e96;
}

.programSec h3 i {
	margin-right: 8px;
}

.programSec h3::before {
	position: absolute;
	content: "";
	width: 160px;
	height: 3px;
	top: -3px;
	left: 0;
	background-color: #009e96;
}

.programSec h3::after {
	position: absolute;
	content: "Program";
	right: 0;
	bottom: -12px;
	color: #CCECEA;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
	font-size: 26px;
	letter-spacing: 0;
}

.programSec h4 {
	position: relative;
	margin: 0 10px 30px;
	padding: 6px 10px;
	font-size: 16px;
	font-weight: 600;
	background-color: #CCECEA;
}

.programSec h4 span.c11 {
	display: inline-block;
	width: 80px;
	text-align: center;
	margin: 0 8px 0 0;
	background-color: #E24150;
	color: #FFF;
	border-radius: 4px;
}

.programSec h4 span.c12 {
	display: inline-block;
	width: 80px;
	text-align: center;
	margin: 0 8px 0 0;
	background-color: #3C94DC;
	color: #FFF;
	border-radius: 4px;
}

.programSec h4 span.c333 {
	display: inline-block;
	width: 80px;
	text-align: center;
	margin: 0 8px 0 0;
	background-color: #FF880B;
	color: #FFF;
	border-radius: 4px;
}

.programSec h4:before {
 content: "";
 position: absolute;
 top: 100%;
 left: 40px;
 border: 20px solid transparent;
 border-top: 20px solid #CCECEA;
}

.programSec .programDtl {
	width: 95%;
	margin: 0 auto 50px;
}

.programSec .programDtl th {
	display: block;
	width: 100%;
	padding: 6px 10px;
	vertical-align: top;
	text-align: left;
	color: #00736D;
	background-color: #F6F6F6;
	border-bottom: 1px solid #CCC;
	font-size: 16px;
}

.programSec .programDtl th i {
	margin-right: 6px;
}

.programSec .programDtl td {
	display: block;
	width: 100%;
	padding: 6px 10px;
}


/*------------------------------------------------------------------------------------------------
  archives
--------------------------------------------------------------------------------------------------*/
#second.archives {
	padding-top: 10px;
	padding-bottom: 60px;
 background: linear-gradient(to bottom, #e3f4f3 200px, #FFF 400px);
}

#second.archives .lead {
	margin: 0 10px 40px;
	font-weight: 600;
}

#second.archives .cont {
	margin: 0;
}

#second.archives .cont h2 {
	margin: 0 0 20px;
	padding: 42px 0 0;
	text-align: center;
	background: url(../image/mark-01.png) no-repeat center 0;
	background-size: 36px;
 font-family: 'M PLUS Rounded 1c', sans-serif;
 font-weight: 700;
	font-size: 32px;
}

#second.archives .cont h2 span {
	display: block;
	color: #009e96;
	font-size: 21px;
}

.arcsrchWrap {
	width: 96%;
	margin: 0 auto;
	padding: 30px 10px 40px;
	background-color: #FFF;
	box-shadow: 0 0 6px #CCC inset;
}

.arcsrchWrap table {
	width: 100%;
}

.arcsrchWrap table th {
	width: 100%;
	display: block;
	text-align: left;
	padding: 6px 10px;
	border-bottom: 1px solid #CCC;
	background-color: #F6F6F6;
	font-size: 16px;
}

.arcsrchWrap table td {
	width: 100%;
	display: block;
	padding: 6px 0;
	border-bottom: 1px solid #CCC;
	font-size: 16px;
}

.arcsrchWrap form input[type="text"] {
	width: 100%;
	font-family:"ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", Hiragino Maru Gothic Pro, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "HG丸ｺﾞｼｯｸM-PRO", HGMaruGothicMPRO;
	padding: 4px;
	font-size: 16px;
}

.arcsrchWrap form select {
	padding: 4px;
	font-family:"ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", Hiragino Maru Gothic Pro, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "HG丸ｺﾞｼｯｸM-PRO", HGMaruGothicMPRO;
	font-size: 16px;
}

.arcsrchWrap form select.selectsp {
	width: 100%;
}

.arcsrchWrap form input[type="submit"] {
 display: block;
	width: 200px;
	margin: 20px auto 0;
	padding: 4px 0;
	border: 2px solid #009e96;
	text-align: center;
	color: #009e96;
	border-radius: 36px;
	background-color: #FFF;
	cursor: pointer;
	font-size: 16px;
	font-family:"ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", Hiragino Maru Gothic Pro, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "HG丸ｺﾞｼｯｸM-PRO", HGMaruGothicMPRO;
}

.arcsrchWrap form input[type="submit"]:hover {
	background-color: #009e96;
	color: #FFF;
}

.srchKekka {
	position: relative;
	width: 98%;
	margin: 0 auto 30px;
	padding: 10px;
	border-radius: 8px;
	background-color: #FFF;
	border: 3px solid #009e96;
}

.srchKekka :before {
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #FFF;
  z-index: 2;
}

.srchKekka :after {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #009e96;
  z-index: 1;
}

.srchKekka p {
	margin: 0 !important;
}

.srchKekka p .st {
 color: #F00;
	padding-right: 6px;
}

.srchClm {
	width: 96%;
	margin: 0 auto 50px;
	padding: 10px;
	background-color: #F5EFEB;
}

.srchClm p {
 text-align: right;
	margin-bottom: 5px;
}

.srchClm .srchKekkaTb2 {
	width: 98%;
	margin: 10px auto;
	font-size: 14px;
}

.srchClm .srchKekkaTb2 tr {
	background-color: #FFF;
	border-bottom: 1px solid #CCC;
}

.srchClm .srchKekkaTb2 tr:nth-child(2n) {
	background-color: #F6F6F6;
}

.srchClm .srchKekkaTb2 th {
	display: inline-block;
	width: 20%;
	padding: 6px;
	text-align: left;
	white-space: nowrap;
}

.srchClm .srchKekkaTb2 th span {
	width: 80px;
	margin: 0;
	padding: 2px 0;
	color: #FFF;
	text-align: center;
	border-radius: 20px;
	font-size: 14px;
	display: inline-block;
}

.srchClm .srchKekkaTb2 td {
	display: block;
	width: 100%;
}

.srchClm .srchKekkaTb2 td a {
	display: block;
	padding: 6px 6px 6px 20px;
	font-weight: 600;
	background: url(../image/arrow-02.png) no-repeat 9px 11px;
	background-size: 6px;
}

.srchClm .srchKekkaTb2 td a:hover {
	text-decoration: underline;
}

.srchClm .srchKekkaTb2 td.day {
	white-space: nowrap;
	width: 100%;
	display: block;
	padding: 6px 6px 0;
}

.srchClm .srchKekkaTb2 td.gakku {
	width: 80%;
	white-space: nowrap;
	display: inline-block;
}

.srchClm .srchKekkaTb2 td.program {
	white-space: nowrap;
	padding: 0 6px;
}

.srchClm .srchKekkaTb2 th span.kurashiki {
	background-color: #009e96;
}

.srchClm .srchKekkaTb2 th span.sojya {
	background-color: #b178c4;
}

.srchClm .srchKekkaTb2 th span.tamano {
	background-color: #FF9000;
}

.srchClm .srchKekkaTb2 th span.hayashima {
	background-color: #C48B78;
}

.srchClm .srchKekkaTb2 th span.city {
	background-color: #0084b8;
}

.srchClm .srchKekkaTb2 th span.pref {
	background-color: #F75E9E;
}

.srchClm .srchKekkaTb2 th span.etc {
	background-color: #4663E8;
}



}