/* ---------------------------------------
clearfix
--------------------------------------- */
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}


/* ---------------------------------------
TEXT STYLE
--------------------------------------- */
.text-l{
  text-align: left;
}
.text-c{
  text-align: center;
}
.text-r{
  text-align: right;
}

/* ---------------------------------------
FONT SIZE STYLE
--------------------------------------- */
.fs11{
  font-size: 11px;
}
.fs14{
  font-size: 14px;
}

/* ---------------------------------------
FONT COLOR
--------------------------------------- */
.color-trend{
color: #0296e1;
}
.color-sakiyomi_enter{
color: #8f53e9;
}
.color-morning_closeup{
color: #ec3889;
}



/* ---------------------------------------
MARGIN
--------------------------------------- */

/* MARGIN TOP
----------------------------- */
.mt0{ margin-top:0px !important}
.mt5{ margin-top:5px !important}
.mt10 { margin-top:10px !important}
.mt15 { margin-top:15px !important}
.mt20 { margin-top:20px !important}
.mt25 { margin-top:25px !important}
.mt30 { margin-top:30px !important}
.mt35 { margin-top:35px !important}
.mt40 { margin-top:40px !important}
.mt45 { margin-top:45px !important}
.mt50 { margin-top:50px !important}

/* MARGIN BOTTOM
----------------------------- */
.mb0{ margin-bottom:0px !important}
.mb5{ margin-bottom:5px !important}
.mb10 { margin-bottom:10px !important}
.mb15 { margin-bottom:15px !important}
.mb20 { margin-bottom:20px !important}
.mb25 { margin-bottom:25px !important}
.mb30 { margin-bottom:30px !important}
.mb35 { margin-bottom:35px !important}
.mb40 { margin-bottom:40px !important}
.mb45 { margin-bottom:45px !important}
.mb50 { margin-bottom:50px !important}
.mb55 { margin-bottom:55px !important}

/* MARGIN LEFT
----------------------------- */
.ml0{ margin-left:0px !important}
.ml5{ margin-left:5px !important}
.ml10 { margin-left:10px !important}
.ml15 { margin-left:15px !important}
.ml20 { margin-left:20px !important}
.ml25 { margin-left:25px !important}
.ml30 { margin-left:30px !important}
.ml35 { margin-left:35px !important}
.ml40 { margin-left:40px !important}
.ml45 { margin-left:40px !important}
.ml50 { margin-left:50px !important}

/* MARGIN RIGHT
----------------------------- */
.mr0{ margin-right:0px !important}
.mr5{ margin-right:5px !important}
.mr10 { margin-right:10px !important}
.mr15 { margin-right:15px !important}
.mr20 { margin-right:20px !important}
.mr25 { margin-right:25px !important}
.mr30 { margin-right:30px !important}
.mr35 { margin-right:35px !important}
.mr40 { margin-right:40px !important}
.mr45 { margin-right:40px !important}
.mr50 { margin-right:50px !important}


/* ---------------------------------------
PADDING
--------------------------------------- */

/* PADDING TOP
----------------------------- */
.pt0{ padding-top:0px !important}
.pt5{ padding-top:5px !important}
.pt10 { padding-top:10px !important}
.pt15 { padding-top:15px !important}
.pt20 { padding-top:20px !important}
.pt25 { padding-top:25px !important}
.pt30 { padding-top:30px !important}
.pt35 { padding-top:35px !important}
.pt40 { padding-top:40px !important}
.pt45 { padding-top:40px !important}
.pt50 { padding-top:50px !important}

/* PADDING BOTTOM
----------------------------- */
.pb0{ padding-bottom:0px !important}
.pb5{ padding-bottom:5px !important}
.pb10 { padding-bottom:10px !important}
.pb15 { padding-bottom:15px !important}
.pb20 { padding-bottom:20px !important}
.pb25 { padding-bottom:25px !important}
.pb30 { padding-bottom:30px !important}
.pb35 { padding-bottom:35px !important}
.pb40 { padding-bottom:40px !important}
.pb45 { padding-bottom:40px !important}
.pb50 { padding-bottom:50px !important}
.pb100 { padding-bottom:100px !important}

/* PADDING LEFT
----------------------------- */
.pl0{ padding-left:0px !important}
.pl5{ padding-left:5px !important}
.pl10 { padding-left:10px !important}
.pl15 { padding-left:15px !important}
.pl20 { padding-left:20px !important}
.pl25 { padding-left:25px !important}
.pl30 { padding-left:30px !important}
.pl35 { padding-left:35px !important}
.pl40 { padding-left:40px !important}
.pl45 { padding-left:40px !important}
.pl50 { padding-left:50px !important}

/* PADDING RIGHT
----------------------------- */
.pr0{ padding-right:0px !important}
.pr5{ padding-right:5px !important}
.pr10 { padding-right:10px !important}
.pr15 { padding-right:15px !important}
.pr20 { padding-right:20px !important}
.pr25 { padding-right:25px !important}
.pr30 { padding-right:30px !important}
.pr35 { padding-right:35px !important}
.pr40 { padding-right:40px !important}
.pr45 { padding-right:40px !important}
.pr50 { padding-right:50px !important}

/* ---------------------------------------
display none
--------------------------------------- */
.pc_non { display: none !important;}


/* ---------------------------------------
container style
--------------------------------------- */
.container{
position: relative;
width: 100%;
border-top: solid 5px #d8d8d8;
background-color: #fbfbf4;
background-repeat: no-repeat,repeat-x,repeat-x;
background-position: bottom,bottom,left 484px;
}


/* ---------------------------------------
header style TOP
--------------------------------------- */
.header-area{
position: relative;
width: 100%;
height: 484px;
background-image: url('../../week_img/bg_header.png');
background-repeat: no-repeat;
background-position: center top;
z-index: 1;
}
.header-area-inner{
position: relative;
width: 1000px;
height: 484px;
margin: 0 auto;
padding: 0 40px;
}
.header-oa-time-block{
width: 100%;
text-align: center;
}
.header-person-block{
    position: absolute;
	left: 110px;
    top: 85px;
}
.header-banner-block{
position: absolute;
top: 131px;
right: 40px;
width: 300px;
z-index: 3;
}
.header-under-block{
position: absolute;
bottom: 0;
width: 100%;
height: 123px;
background-image:
    url('../../week_img/bg_header_under_01.png'),
    url('../../week_img/bg_header_under_02.png');
background-position:
    center bottom,
    left bottom;
background-repeat:
    no-repeat,
    repeat-x;
z-index: 2;
}
/* ---------------------------------------
header style underpage
--------------------------------------- */
.header-area-underpage{
position: relative;
width: 100%;
height: 193px;
background-image: url('../../week_img/common/bg_header-area-underpage.png');
background-repeat: repeat-x;
background-position: center top;
background-color: #bce8ff;
z-index: 1;
}
.header-area-underpage-inner{
position: relative;
width: 1000px;
height: 193px;
margin: 0 auto;
padding: 0 40px;
}
.header-underpage-oa-time-block{
width: 749px;
height: 102px;
text-align: left;
margin-left: -50px;
}
.header-underpage-banner-block{
position: absolute;
top: 0px;
right: 40px;
width: 300px;
z-index: 3;
}

/* container style
----------------------------- */
.container-inner{
  display: table;
  width: 1000px;
/*  padding: 20px 40px 0 40px;*/
  padding: 0 40px;
  margin: 0 auto 50px;
  vertical-align: top;
}


/* main style
----------------------------- */
.main-area{
  display: table-cell;
  width: 660px;
  padding-right: 36px;
/*  padding-bottom: 180px;*/
  padding-bottom: 80px;
  color: #666666;
  vertical-align: top;
}


/* title style
----------------------------- */
.main-title{
  font-size: 24px;
	min-height: 35px;
  font-weight: bold;
  margin-bottom: 25px;
  line-height: 1;
	background-repeat: no-repeat;
	background-size: 28px 28px;
	padding-left: 35px;
}


.main-title.title-week{
/*background-image: url('../../week_img/icon_fukidashi.png');*/
background: url('../../week_img/icon_fukidashi.png') no-repeat scroll left 7px;
}
.main-title.title-sat,
body[data-page-childcategory="schedule"] .main-title.title-week,
body[data-page-childcategory="backnum"] .main-title.title-week{
/*background-image: url('../../sat_img/icon_fukidashi.png');*/
background: url('../../sat_img/icon_fukidashi.png') no-repeat scroll left 7px;
}



.main-title h2 {
/*	font-weight: bold;*/
}
.main-title em{
	font-weight: bold;
  font-size: 34px;
  color: #f04d5a;
}


/* side style
----------------------------- */
.side-area{
display: table-cell;
width: 300px;
margin-top: 10px;
/*padding-bottom: 90px;*/
padding-bottom: 6px;
/*background-color: #ffffff;*/
background: url(../../week_img/bg_side-area.gif) 0 0 repeat #ffffff;
}
.side-area.side-type-week{
-moz-box-shadow:0px 0px 3px 3px #dbf0fb;
-webkit-box-shadow:0px 0px 3px 3px #dbf0fb;
box-shadow:0px 0px 3px 3px #dbf0fb;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border:1px solid #d3ecfa;
}
.side-area.side-type-sat{
-moz-box-shadow:0px 0px 3px 3px #edf5e6;
-webkit-box-shadow:0px 0px 3px 3px #edf5e6;
box-shadow:0px 0px 3px 3px #edf5e6;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border:1px solid #d6ebd2;
}

/*calendar style */
.calendar-block{
  position: relative;
/*  padding: 30px 27px;*/ 
  padding: 30px 27px 0;
}
.icon_calender{
  position: absolute;
  top:-15px;
  right: -61px;
  width: 119px;
  height: 119px;
  z-index: 1;
}
.side-type-week .icon_calender{
	background-image: url('../../week_img/common/ico_calendar.png');
}
.side-type-sat .icon_calender{
	background-image: url('../../sat_img/common/ico_calendar.png');
}
.title_calender{
	width: 215px;
	height: 50px;
  margin-bottom: 5px;
}
.calendar-nav-box{
  position: relative;
  display: table;
  text-align: center;
  z-index: 5;
}
.calendar-nav-list.calendar-text{
  display: table-cell;
  width: 190px;
  vertical-align: middle;
  color: #666;
  letter-spacing: 0.1em;
}
.calendar-nav-list.calendar-text em{
  font-weight: bold;
  font-size: 20px;
}
.calendar-nav-list.calendar-prev,
.calendar-nav-list.calendar-next{
  display: table-cell;
  width: 33px;
  height: 33px;
  vertical-align: middle;
}
.calendar-nav-list.calendar-prev a,
.calendar-nav-list.calendar-next a{
  display: block;
}
.calendar-nav-list.calendar-prev img,
.calendar-nav-list.calendar-next img{
  vertical-align: middle;
	cursor: pointer;
}
.calendar-box{
  width: 100%;
  font-size: 14px;
}
.calendar-table{
  width: 100%;
  text-align: center;
}
.calendar-table-head{
  background-color: #f4f2de;
}
.calendar-youbi{
  color: #0296e1;
  font-weight: bold;
  padding: 2px 0;
}
.calendar-table-body{
}
.calendar-table-body-tr{
  background-image: url('../../week_img/common/line_dot_02.png');
  background-repeat: repeat-x;
  background-position: left bottom;
}
.calendar-table-body-tr:last-of-type{
  background-image: none;
}
.calendar-day{
  width: 35px;
  height: 35px;
  padding: 2px 0;
  vertical-align: middle;
}
.calendar-day a{
  display: block;
  margin: 0 auto;;
  color: #333;
  background-color: #bce8ff;
  
  width: 24px;
  height: 24px;
  line-height: 24px;
  border-radius: 100px
/*  width: 32px;
  height: 32px;
  line-height: 32px;
  border-radius: 16px*/
}

.calendar-day a:hover{
  text-decoration: none;
}

.calendar-day.saturday a{
  background: #bcffbe;
}

/* 過去へのサイトリンク
----------------------------- */
.past_site {
	font-size: 12px;
    margin: 7px 30px 0 0;
    text-align: right;
	display: block;
	z-index: 10000;}
	
.past_site a:link,
.past_site a:visited { color: #0296e1;}

/* side_link_btn style
----------------------------- */

.side_link_btn_wrap {
	margin-top: 30px;
}
.side_link_btn{
	width: 250px;
	height: 35px;
	margin: 0 auto;
}

/* time-table style
----------------------------- */
.time-table-block{
  position: relative;
  width: 250px;
  border-radius: 5px;
  margin: 0 auto;
  margin-bottom: 20px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.time-table-head{
  position: absolute;
  top: -8px;
  left:0px;
  width: 240px;
  height: 48px;
}
.side-type-week .time-table-block{
border: solid 5px #bce8ff;
margin-top: 30px;
}
.side-type-sat .time-table-block{
border: solid 5px #cff7d4;
margin-top: 30px;
}

.time-table-body{
  padding-top: 40px;
}
.time-table-box{
/*  padding: 0px 14px 14px 14px;
  margin: 10px 0;*/
  padding: 10px 14px;
  background-color: #fff;
}
.time-table-list{
/*  display: inline-table; 
	padding-top: 14px;*/
  display: block;
  font-size: 14px;
  background-image: url('../../week_img/common/line_dot_02.png');
  background-repeat: repeat-x;
  padding: 10px 0;

}

ul.time-table-box li:first-child { background-image: none;}


.time-table-list-data{
  display: table-cell;
  font-weight: bold;
  padding-left: 5px;
}
/* 平日 */
.side-type-week .time-table-list-data{ color: #0296e1;letter-spacing: 0.05em;}

/* 土曜 */
.side-type-sat .time-table-list-data{ color: #1b9d2a;letter-spacing: 0.05em;}

.side-type-week .time-table-list-txt a:link,
.side-type-week .time-table-list-txt a:visited,
.side-type-sat .time-table-list-txt a:link,
.side-type-sat .time-table-list-txt a:visited { color: #e40167;}


.time-table-list-txt{
  display: table-cell;
  padding-left: 14px;
}


/* side-bnr-block style
----------------------------- */
.side-bnr-block{
  width: 300px;
  margin: 0 auto;
  margin-bottom: 50px;
}
.side-bnr-box{
  width: 300px;
  margin: 0 auto;
}
.side-bnr-box-list{
  margin-bottom: 10px;
}

/* seach-block style,
side-menber-blog-block style
----------------------------- */
.side-join-wanted-block,
.side-menber-blog-block{
	width: 250px;
	margin: 0 auto;
	margin-bottom: 40px;
}

.side-join-wanted-title,
.side-menber-blog-title{
	margin-bottom: 10px;
}
.side-join-wanted-box,
.side-menber-blog-box{
}
.side-join-wanted-list,
.side-menber-blog-list{
	margin-bottom: 10px;
}

.side-join-wanted-list a,
.side-menber-blog-list a{
	display: block;
}
.side-join-wanted-list a:hover,
.side-menber-blog-list a:hover{
opacity: 0.75;
}



/* seach-block style
----------------------------- */
.seach-block{
  width: 228px;
  margin: 0 auto;
  padding-left: 33px;
  background-image: url('../../week_img/common/icon_seach.png');
  background-repeat: no-repeat;
  background-size: 28px 28px;
  background-position: left center;
}
.seach-block:after {
    clear:both;
}
.seach-input-box{
  width: 214px;
  height: 28px;
  border: solid 1px #d5d5d5;
  border-radius: 3px;
}
.seach-input-box .kensaku{
  float: left;
  width: 156px;
  height: 28px;
  font-size: 14px;
}
.seach-input-btn{
  float: right;
  height: 28px;
}
.seach-input-btn button{
width: 58px;
height: 28px;
background-color: #727272;
border: none;
cursor: pointer;
outline: none;
margin: 0;
padding: 0;
appearance: none;
color: #fff;
border-radius: 0 3px 3px 0;
}

/* footer style
----------------------------- */
.footer-area{
  position: relative;
  clear: both;
  width: 100%;
  height: 300px;
  background-position:
      center bottom,
      left bottom;
  background-repeat:
      no-repeat,
      repeat-x;
  z-index: 3;
}
.footer-area-inner{
  width: 1000px;
  margin: 0 auto;
}
.footer-top-back{
  padding-top: 13px;
  line-height: 1;
  text-align: center;
}
.footer-top-back a{
  display: inline-block;
}
.footer-nav-box{
  display: table;
  padding-top: 75px;
  padding-bottom: 35px;
  width: 100%;
  margin: 0 auto;
}
.footer-nav-list{
  display: table-cell;
  width: 30%;
  text-align: center;
}

/* twitter 20180625 */

.twitter{
	margin:20px 20px 0px 20px;
	border-radius:5px;
	border:solid 1px #ccc;
}

.twitter_tit{
	background-color:#50a9eb;
	border-radius:5px 5px 0 0;
	color:#FFF;
	padding:10px;
	text-align:center;
	font-weight:bold;
}


/*youtube埋め込み*/
.op_movie{
	text-align: center;
	background-color: #faf67e;
	padding: 15px 10px;
	margin-bottom: 30px
}
.op_movie h3{
	/*color: #833500;*/
	font-weight: bold;
	font-size: 1.25rem;
	margin-bottom: 15px;
}
.op_movie iframe{
	width: 640px;
	height: 360px;
}

.special{
	background-color:#b5e9ff;
}

/* news */

#news{
	margin-bottom:30px;
	margin-left:10px;
}

#news img{
	margin-top: 15px;
}
#news img:first-child{
	margin-top: 0;
}
#news a{
	font-size:1.2rem;
	font-weight: bold;
	color:#000;
	display: inline-block;
	margin-top: 15px;
}
#news a:first-child{
	margin-top: 0;
}
/* news txt */

.news_txt{
	margin:0px auto 30px;
	background:#FFF;
	font-size:1.1rem;
	line-height: 1.2;
	border:solid 2px;
}

.news_txt .tit{
	padding:10px 15px;
	font-weight: bold;
	font-size:1.2rem;
	background: #000;
	color:#FFF;
}

.news_txt .txt{
	padding:15px;
}
/*add_20200120*/
.btn_tw{
	padding-top: 15px;
}