@charset "utf-8";

/* ==========================================================

title : 生活施設検索　日本の祭り／花火大会カテゴリ
scope : 日本の祭りスケジュール

last modify : 2016/08/25 227_suzuki リード文下　投稿募集画像追加 #10521

memo:
2016/08/10 264_tanabe 新規

========================================================== */
html,img,div,p,figure,dl,dd,dt,ul,li{
	margin:0;
	padding:0;
	}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	line-height:0;
	}
.clearfix { display: inline-block; }
#content {
  text-align: left;
}

#content #main{
	padding-bottom: 20px;
}
/*--h1 title--*/
h1{
  position:relative;
	margin:0 auto;
	height:180px;
	width:970px;
  text-align:center;
	overflow:hidden;
}
.ttl_pref_name {
  position:absolute;
  bottom:15px;
  left:-50%;
  right:-50%;
  display:inline-block;
  width:250px;
  height:40px;
  margin:0 auto;
  background-color:#fff;
  font-size:28px;
  line-height:40px;
  text-align:center;
	border: 1px solid #24195f;
  border-radius: 5px;
  letter-spacing: 0.1em;
	box-shadow:2px 2px 0px 2px rgba(92,92,92,0.45);
	-moz-box-shadow:2px 2px 0px 2px rgba(92,92,92,0.45);
	-webkit-box-shadow:2px 2px 0px 2px rgba(92,92,92,0.45);	
}
.color_01 {
  color:#1300a1;
}
p.caption_txt{
	width: 700px;
	margin: 26px auto 0;
	font-size: 15px;
	text-align: left;
	line-height: 1.6;
}

/* 投稿募集画像 */
.lead_boshu{
	margin: 10px auto;
	text-align:center;
}
.lead_boshu > img{
	line-height:1;
	vertical-align: top;
}

/*--h2 title--*/
h2 {
  width:880px;
	height:40px;
	margin:0 auto 15px auto;
	padding-left:8px;
	font-size:20px;
	line-height:40px;
  box-sizing: border-box;
}

h2:before {
  content: url(/schedule_festa/image/ttl_program_icon.png);
  display:inline-block;
  vertical-align:middle;
  margin-right: 5px;
  height:34px;
  background-size: 100%;
  vertical-align: -10px;
}
.m_01:after, .m_02:after, .m_03:after, .m_04:after, .m_05:after, .m_06:after,
.m_07:after, .m_08:after, .m_09:after, .m_10:after, .m_11:after, .m_12:after {
    content: "";
    display: block;
    height: 2px;
}
.m_01:after {
	border-bottom: 2px dashed #7277cc;
}
.m_02:after {
	border-bottom: 2px dashed #3b79cc;
}
.m_03:after {
	border-bottom: 2px dashed #2c97d4;
}
.m_04:after {
	border-bottom: 2px dashed #2caeac;
}
.m_05:after {
	border-bottom: 2px dashed #299f5b;
}
.m_06:after {
	border-bottom: 2px dashed #88be3d;
}
.m_07:after {
	border-bottom: 2px dashed #e19a2b;
}
.m_08:after {
	border-bottom: 2px dashed #e96f3a;
}
.m_09:after {
	border-bottom: 2px dashed #e25252;
}
.m_10:after {
	border-bottom: 2px dashed #e35688;
}
.m_11:after {
	border-bottom: 2px dashed #b75fac;
}
.m_12:after {
	border-bottom: 2px dashed #8c59b0;
}

/* ------------------------------
 共通
-------------------------------- */
.sat {
  color:#5579ff;
}
.sun {
  color:#f8549d;
}

/* スケジュールテーブル　↓ */
.program_box:last-child {
  margin-bottom:20px;
}
.program_box ul {
    width: 850px;
    margin: 0 auto 20px;
    border-spacing: 0;
    font-size: 16px;
	border: 5px solid #ccc;
	box-sizing: border-box;
}
.program_box li {
  text-align: center;
  border-top: 3px solid #ccc;
  box-sizing: border-box;
}
.program_box li:first-of-type {
	border-top: none;
}
.program_box li:nth-child(2) {
  border-top: 1px solid #ccc;
}
.program_box table {
  width: 100%;
  border-spacing: 0;
  font-size:16px;
}
.program_box table tr:nth-child(2n){
 position:relative;
}
.program_box table th {
  color: #fff;
  padding: 8px 10px;
  background: #ccc;
  border-left:1px solid #ccc;
  text-align: center;
  box-sizing: border-box;
}
.program_box table th:nth-child(1),
.program_box table td:nth-child(1) {
  width:220px;
}
.program_box table th:nth-child(2),
.program_box table td:nth-child(2) {
  width:170px;
}
.program_box table th:nth-child(3),
.program_box table td:nth-child(3) {
  width:240px;
}
.program_box table th:nth-child(4),
.program_box table td:nth-child(4) {
  width:207px;
}
.program_box table tr td {
  padding: 15px 15px 80px;
  border-left: 1px solid #ccc;
  text-align: left;
  box-sizing: border-box;
}
.program_box table th:first-of-type,
.program_box table td:first-of-type {
  border-left:none;
}
.program_box ul li:nth-child(2n+2) table tr {
  background: #fff;
}
.program_box ul li:nth-child(2n+2) table .post_info{
  background:#fff;
}

/* 写真 */
.program_box td.festa,
.sec_month .program_box td.festa {
  padding: 15px 20px 20px;
  vertical-align:middle;
}
.program_box td.festa span,
.sec_month .program_box td.festa span {
	position:relative;
	display:block;
  width:180px;
  height:120px;
  margin-top:15px;
	overflow:hidden;
}
.program_box td.festa span img {
	position:absolute;
  top:0;
  bottom:0;
  left:0;
  right:0;
	display:block;
	width:180px;
  min-width:180px;
  margin:auto;
}
/* スケジュールテーブル　↑ */


/* 投稿状況　↓ */
.prefecture .program_box .post_info {
  position: absolute;
  bottom: 0px;
  width: 620px;
  height: 66px;
  padding: 8px 15px;
  border-top: 1px solid #ccc;
  /*border-left:  1px solid #ccc !important;*/
  border-left-width: 1px !important;
  border-left-style: solid !important;
}
.user_up_unit {
  display: block;
  width: 100%;
  height: 50px;
  max-height: 50px;
  margin:0 auto;
  box-sizing: border-box;
}
.user_up_unit div.user_up_box:first-of-type {
	width: 154px;
}
.user_up_unit div:first-of-type dd {
	min-width: 50px;
}
.user_up_box {
  display: table-cell;
  width: 145px;
  height: 50px;
  text-align:center;
  border-right: 1px solid rgba(0,0,0,0.1);
  box-sizing: border-box;
  vertical-align:middle;
}
.user_up_box:last-of-type {
  border-right:none;
}
.user_up_box dl {
  display:inline-block;
  vertical-align:middle;
}
.user_up_box dt {
  min-width:35px;
  display:table-cell;
}
.user_up_box dt img {
  vertical-align:middle;
}
.user_up_box dd {
  display:table-cell;
  min-width:60px;
  padding-top:4px;
  font-size:14px;
  text-align:right;
  vertical-align:middle;
  color: #888;
}
.icon_point_double_com,
.icon_point_double_photo,
.icon_point_double_movie {
  display:inline-block;
  width:100px;
  height:20px;
  padding-top:2px;
  text-align:center;
  border-radius: 2px;
  overflow:hidden;
  box-sizing: border-box;
}
.icon_point_double_com {
  background-color:#d57118;
}
.icon_point_double_photo {
  background-color:#008da1;
}
.icon_point_double_movie {
  background-color:#6d4e98;
}
.icon_point_double_com img,
.icon_point_double_photo img,
.icon_point_double_movie img {
  vertical-align:1px;
}
.icon_point_double_com + dl dd,
.icon_point_double_photo + dl dd,
.icon_point_double_movie + dl dd{
	min-width:34px;
	vertical-align: top;
}

/*FireFox ハック*/
@-moz-document url-prefix() {
   .prefecture .program_box .post_info{
    bottom:6px;
  }
}

/* ipadはabsolute配置しない */
@media screen and (max-device-width: 1024px) {
  .program_box table tr:nth-child(2n){
   display:table-row;
  }
  .program_box table tr td{
    padding:10px 15px;
  }
  .program_box table td.festa + td{
    height:86px;
  }
  .prefecture .program_box .post_info{
    position:relative;
  }
}
/* 投稿状況　↑ */

/* ------------------------------
 月別設定
-------------------------------- */
/*---1月---*/
.program_box.month01 table th {
  background: #7277cc;
}
.program_box.month01 table th,
.program_box.month01 table td,
.program_box.month01 ul,
.program_box.month01 li,
.program_box.month01 .post_info {
  border-color:#babded;
}
.program_box.month01 li {
  background: #f6f6fc;
}
.program_box.month01 li:nth-child(2n+1) .post_info{
  background: #f6f6fc;
}

/*---2月---*/
.program_box.month02 table th {
  background: #3b79cc;
}
.program_box.month02 table th,
.program_box.month02 table td,
.program_box.month02 ul,
.program_box.month02 li,
.program_box.month02 .post_info {
  border-color:#9fbfea;
}
.program_box.month02 li {
  background: #f7faff;
}
.program_box.month02 li:nth-child(2n+1) .post_info{
  background: #f7faff;
}

/*---3月---*/
.program_box.month03 table th {
  background: #2c97d4;
}
.program_box.month03 table th,
.program_box.month03 table td,
.program_box.month03 ul,
.program_box.month03 li,
.program_box.month03 .post_info {
  border-color:#9fcfeb;
}
.program_box.month03 li {
  background: #ecf8ff;
}
.program_box.month03 li:nth-child(2n+1) .post_info{
  background: #ecf8ff;
}

/*---4月---*/
.program_box.month04 table th {
  background: #2caeac;
}
.program_box.month04 table th,
.program_box.month04 table td,
.program_box.month04 ul,
.program_box.month04 li,
.program_box.month04 .post_info {
  border-color:#92d1d0;
}
.program_box.month04 li {
  background: #e8f7f7;
}
.program_box.month04 li:nth-child(2n+1) .post_info{
  background: #e8f7f7;
}

/*---5月---*/
.program_box.month05 table th {
  background: #299f5b;
}
.program_box.month05 table th,
.program_box.month05 table td,
.program_box.month05 ul,
.program_box.month05 li,
.program_box.month05 .post_info {
  border-color:#8ec9a7;
}
.program_box.month05 li {
  background: #edfaf3;
}
.program_box.month05 li:nth-child(2n+1) .post_info{
  background: #edfaf3;
}

/*---6月---*/
.program_box.month06 table th {
  background: #88be3d;
}
.program_box.month06 table th,
.program_box.month06 table td,
.program_box.month06 ul,
.program_box.month06 li,
.program_box.month06 .post_info {
  border-color:#b1d67e;
}
.program_box.month06 li {
  background: #f3f9eb;
}
.program_box.month06 li:nth-child(2n+1) .post_info{
  background: #f3f9eb;
}

/*---7月---*/
.program_box.month07 table th {
  background: #e19a2b;
}
.program_box.month07 table th,
.program_box.month07 table td,
.program_box.month07 ul,
.program_box.month07 li,
.program_box.month07 .post_info {
  border-color:#efc582;
}
.program_box.month07 li {
  background: #faf3e7;
}
.program_box.month07 li:nth-child(2n+1) .post_info{
  background: #faf3e7;
}

/*---8月---*/
.program_box.month08 table th {
  background: #e96f3a;
}
.program_box.month08 table th,
.program_box.month08 table td,
.program_box.month08 ul,
.program_box.month08 li,
.program_box.month08 .post_info {
  border-color:#eda586;
}
.program_box.month08 li {
  background: #fdf5f2;
}
.program_box.month08 li:nth-child(2n+1) .post_info{
  background: #fdf5f2;
}

/*---9月---*/
.program_box.month09 table th {
  background: #e25252;
}
.program_box.month09 table th,
.program_box.month09 table td,
.program_box.month09 ul,
.program_box.month09 li,
.program_box.month09 .post_info {
  border-color:#ee8787;
}
.program_box.month09 li {
  background: #fdf5f2;
}
.program_box.month09 li:nth-child(2n+1) .post_info{
  background: #fdf5f2;
}

/*---10月---*/
.program_box.month10 table th {
  background: #e35688;
}
.program_box.month10 table th,
.program_box.month10 table td,
.program_box.month10 ul,
.program_box.month10 li,
.program_box.month10 .post_info {
  border-color:#ee92b2;
}
.program_box.month10 li {
  background: #fdf4f7;
}
.program_box.month10 li:nth-child(2n+1) .post_info{
  background: #fdf4f7;
}

/*---11月---*/
.program_box.month11 table th {
  background: #b75fac;
}
.program_box.month11 table th,
.program_box.month11 table td,
.program_box.month11 ul,
.program_box.month11 li,
.program_box.month11 .post_info {
  border-color:#d291ca;
}
.program_box.month11 li {
  background: #fcf4fb;
}
.program_box.month11 li:nth-child(2n+1) .post_info{
  background: #fcf4fb;
}

/*---12月---*/
.program_box.month12 table th {
  background: #8c59b0;
}
.program_box.month12 table th,
.program_box.month12 table td,
.program_box.month12 ul,
.program_box.month12 li,
.program_box.month12 .post_info {
  border-color:#b088cd;
}
.program_box.month12 li {
  background: #f9f3fe;
}
.program_box.month12 li:nth-child(2n+1) .post_info{
  background: #f9f3fe;
}

/* ----------------------------
 banner
------------------------------ */
.other_bnr {
	margin: 80px auto 50px;
	text-align: center;
	width: 630px;
}

.other_bnr figure {
	margin-bottom: 25px;
}

.other_bnr figcaption {
	font-size: 14px;
	margin-top: 8px;
}

.bnr_wrap {
	display: flex;
  flex-wrap: wrap;
	justify-content:space-between;
	align-items: flex-end;
}

.bnr_wrap figure {
	width: 300px;
}

.bnr_wrap figcaption {
	margin-left: 8px;
	text-align: left;
}

/* ----------------------------
 SEO text
------------------------------ */
.pr_txt {
  margin-top:30px;
}

/* ----------------------------
 btn_pagetop
------------------------------ */
#btn_pagetop {
	display: none;
	width: 90px;
	height: 70px;
	position: fixed;
	bottom: 30px;
	right: 30px;
	cursor: pointer;
	z-index: 100;
	background: url(/search/image/dtl_new/bg_pagetop_btn.png) no-repeat 0 0;
	-webkit-transition: background 200ms linear;
	-moz-transition: background 200ms linear;
	-ms-transition: background 200ms linear;
	transition: background 200ms linear;
	border-radius: 6px;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	-ms-box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,0.4);
	box-shadow: 0 1px 5px rgba(0,0,0,0.4);
}

#btn_pagetop:hover { background-position: 0 -50px; }