@charset "utf-8";

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

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

last modify : 2016/08/25 308_tsuda 開催日時追加 

memo:
2016/08/25 227_suzuki リード文下　投稿募集画像追加 #10521
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); 
}
.ttl_pref_name_data{
  width:300px;
}

.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 {
  clear: both;
  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.dates table th:nth-child(1),
.program_box.dates table td:nth-child(1) {
  width:85px;
}
.program_box.dates table th:nth-child(2),
.program_box.dates table td:nth-child(2) {
  width:221px;
}
.program_box.dates table th:nth-child(3),
.program_box.dates table td:nth-child(3) {
  width:180px;
}
.program_box.dates table th:nth-child(4),
.program_box.dates table td:nth-child(4) {
  width:181px;
}
.program_box.dates table th:nth-child(5),
.program_box.dates table td:nth-child(5) {
  width:144px;
}

.program_box table tr td {
  padding: 15px 15px 80px;
  border-left: 1px solid #ccc;
  text-align: left;
  box-sizing: border-box;
}

.program_box table tr td.name{
  text-align: center;
}

.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.name{
  padding: 15px 0 20px;
}

/* 写真 */
.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;
}
/* スケジュールテーブル　↑ */

/* 開催日時　↓ */
dl.day_category{
  display: block;
  overflow: hidden;
  width: 1000px;
}
dl.day_category dt{
  background:#1E620E;
  border-radius: 5px 5px  0 0;
  color: #fff;
  float: left;
  font-size: 19px;
  font-weight: bold;
  padding: 1%;
  margin: 0 15% 0 0;
  text-align: center;
  width: 32%;
}
dl.day_category dt:first-child{
  margin: 0 2% 0 15%;
}
dl.day_category a dt{
  background:#CB2025;
}
dl.day_category a dt:hover{
  opacity: .8;
}
nav.day_menu{
  background:#1E620E;
  border-radius:5px;
  display: block;
  margin: 0 auto 1em;
  width: 895px;
}

nav.day_menu ul{
  margin:0 auto;
  overflow:hidden;
  padding: .8%;
  width: 881px;
}

nav.day_menu a li,
nav.day_menu li{
  background: #fff;
  border-radius: 5px;
  box-sizing: border-box;
  color: #1E620E;
  float: left;
  font-size: 1.55em;
  font-weight: bold;
  height: 32px;
  margin: .4% .4% .4% .8%;
  padding: .3% 0 0 0;
  text-align: center;
  text-indent: 0;
  vertical-align:middle;
  width: 7.15%;
}

nav.day_menu li.nav01{
  margin: .4%;
}

nav.day_menu li.non_btn,
nav.day_menu li.non_btn.nav01{
  background:rgba(255,255,255,.35);
  border-radius:6px 6px 5px 5px;
  color:#fff;
  height: 28px;
  margin: .9% .4% .4% .8%;
  padding: .1% 0;
}

nav.day_menu li.non_btn.nav01{
  margin: .9% .4% 0 .4%;
}

nav.day_menu a li:hover{
  color: #D51017;

}

nav.day_menu a li.nav01{
  color:#7277CC;
}
nav.day_menu a li.nav02{
  color:#3B79CC;
}
nav.day_menu a li.nav03{
  color:#2C97D4;
}
nav.day_menu a li.nav04{
  color:#2CAEAC;
}
nav.day_menu a li.nav05{
  color:#299F5B;
}
nav.day_menu a li.nav06{
  color:#88BE3D;
}
nav.day_menu a li.nav07{
  color:#E19A2B;
}
nav.day_menu a li.nav08{
  color:#E96F3A;
}
nav.day_menu a li.nav09{
  color:#E25252;
}
nav.day_menu a li.nav10{
  color:#E35688;
}
nav.day_menu a li.nav11{
  color:#B75FAC;
}
nav.day_menu a li.nav12{
  color:#8C59B0;
}
nav.day_menu a li.nav01:hover{
  color:rgba(114,119,204,.7);

}
nav.day_menu a li.nav02:hover{
  color:rgba(59,121,204,.7);
}
nav.day_menu a li.nav03:hover{
  color:rgba(44,151,212,.7);
}
nav.day_menu a li.nav04:hover{
  color:rgba(44,174,172,.7);
}
nav.day_menu a li.nav05:hover{
  color:rgba(41,159,91,.7);
}
nav.day_menu a li.nav06:hover{
  color:rgba(136,190,61,.7);
}
nav.day_menu a li.nav07:hover{
  color:rgba(225,154,43,.7);
}
nav.day_menu a li.nav08:hover{
  color:rgba(233,111,.7,.7);
}
nav.day_menu a li.nav09:hover{
  color:rgba(226,82,82,.7);
}
nav.day_menu a li.nav10:hover{
  color:rgba(227,86,136,.7);
}
nav.day_menu a li.nav11:hover{
  color:rgba(183,95,172,.7);
}
nav.day_menu a li.nav12:hover{
  color:rgba(140,89,176,.7);
}
/* 開催日時　↑ */

/* 投稿状況　↓ */
.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;
}
.prefecture .program_box.dates .post_info {
  width: 524px;
}
.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: 30px auto 40px;
  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; }