@charset "UTF-8";

/*
Theme Name: 可児市イベントカレンダー
Theme URI: http://kani-city.ctk.mmrs.jp/
Description: 可児市イベントカレンダー　KANIcity×365days
Version: 1.0
Author: 可児市経済政策課
Author
*/

/*--------------- Refarence Border -------------------*/
/* @media (min-width:769px){
 body {border-top: 10px solid #00bfff;}}
@media only screen and (max-width:768px){
body {border-top: 10px solid #8a2be2;}}
@media (max-width:640px){
body {border-top: 10px solid #000000;}}
@media (max-width:480px){
body {border-top: 10px solid #ffd700;}}
@media (max-width:320px){
body {border-top: 10px solid #ee82ee;}} */
/*--------------- //Refarence Border -------------------*/



body{
	font-family:"Roboto",Meiryo,Arial,sans-serif;
}
body a{
	cursor: pointer;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-ms-transition:0.5s all;
	-o-transition:0.5s all;
}
/*----- logo header -----*/
#header {
	background: rgba(255, 255, 255, 0.5);
    padding: 0.5em 0;
    text-align: center;
}
.logo h1 {
    margin: 0 auto;
    position: relative;
    top: -1.5em;
}

a.kanilink{
	position: relative;
	z-index: 2;
}

.citylogo a{
  position: relative;
  z-index: 2;
}

.citylogo .widgettitle{
  display: none;
}

.citylogo {
	float:left;
}
.phone {
	float:right;
    text-align:left;
}
/*----- slider-caption -----*/
.slider{
	background:url(images/header-bg.jpg)0px 0px no-repeat;
	width:100%;
	min-height:600px;
	display:block;
	padding:14em 0 0;
}
.slider-caption{
	text-align:center;
}
.slider-caption h1{
	font-size:8em;
	text-transform:uppercase;
	font-weight:900;
	margin:0;
	padding:0;
	color:#FFF;
}
.slider-caption h1 span{
	color:#008e10;
}
.slider-caption h2{
	font-size:3em;
	text-transform:uppercase;
	font-weight:900;
	margin:0;
	padding:0;
	color:#FFF;
}
.slider-caption h3{
	font-size:2em;
	text-transform:uppercase;
	font-weight:900;
	margin:0.5em 0 0 0;
	padding:0;
	color:#FFF;
}
.slider-caption h3 span{
	color:#008e10;
}
/*--sticky-navigation--*/
.header{
	z-index: 9;
    margin-top:-52px;
}
.sticky-navigation{
	background: rgba(255, 255, 255, 0.8);
    font-size: 1.2em;
    text-transform: uppercase;
    /* border-bottom:1px solid #EEE; */
}
.sticky-navigation.stuck{
    position: fixed;
    top: 0;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .2);
}
.sticky-navigation ul{
    list-style-type: none;
    margin:0;
    padding:0;
}
.sticky-navigation .top-menu{
/*     float:left; */
    position:relative;
}
.sticky-navigation ul li {
    display:inline-block;
    padding: 0 37px;
}
.sticky-navigation a {
    padding: 0.3em 0 0.3em 27px;
	color: #222;
	text-decoration: none;
	display: inline-block;
	/* font-weight:700; */
}
.sticky-navigation ul li:before {
     background: url("image/bg/nav_icon.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    content: "";
    height: 25px;
    /* left: 0; */
    position: absolute;
    top: 3px;
    width: 25px; */
}
/*** icon ***/
.sticky-navigation ul li.home:before {background-position: 0 0;}
.sticky-navigation ul li.site:before {background-position: -25px 0;}
.sticky-navigation ul li.use:before {background-position: -50px 0;}
.sticky-navigation ul li.info:before {background-position: -75px 0;}
.sticky-navigation ul li.app:before {background-position: -100px 0;}
.sticky-navigation ul li.con:before {background-position: -125px 0;}

.sticky-navigation ul li a:hover,.sticky-navigation ul li.active a{
    color:#ff6464;
    text-decoration:none;
    border-bottom:3px solid #ff6464;
}
.sticky-navigation div.top-search{
	float: right;
	margin-top: 0.6em;
	position: relative;
	width: 29%;
}

.sticky-navigation div.top-search input[type="text"]{
	border: 1px solid #EEE;
	outline: none;
	position: relative;
	padding: 0.36em;
	width: 73%;
	transition: border-color 0.4s;
	-webkit-transition: border-color 0.4s;
	-moz-transition: border-color 0.4s;
	-ms-transition: border-color 0.4s;
	-o-transition: border-color 0.4s;
	color:#008e10;
	-webkit-appearance:none;
}
.sticky-navigation div.top-search input[type="text"]:hover{
	border-color:#008e10;
}
.sticky-navigation div.top-search input[type="submit"]{
	background:#008e10;
	color:#FFF;
	font-weight:700;
	text-transform:uppercase;
	border:none;
	outline:none;
	padding:0.4em 0.8em;
	position:absolute;
	font-size:1em;
	display:inline-block;
	right:0;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-moz-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
}
.sticky-navigation div.top-search input[type="submit"]:hover{
	background:#000;
}
.fixed {
	position: fixed;
	top: 0;
	width: 100%;
	margin: 0 auto;
	left: 0;
}
/*-----menu-----*/
.sticky-navigation span.menu:before{
/* 	content: url(images/menu1.png)no-repeat 0px 0px; */
	cursor:pointer;
	width:100%;
}
.sticky-navigation span.menu{
	display: none;
}


/* color */
.bg_gray { background-color: #f6f6f6;}
.hpink{ color:#ff6464;}
.Lgreen {
    color:#8bc34a;
}
.text-right {text-align:right;}
.text-center {text-align:center;}
.text-left {text-align:left;}


/*----- top-grids ------*/
.top-grids{
	padding:2em 0;
}
.top-grid{
	margin-bottom:1em;
}
.top-grid h4 a{
	text-transform:uppercase;
	font-weight:700;
	font-size:1.1em;
	text-decoration:none;
}
.top-grid h4 a:hover{
	color:#008e10;
}
.top-grid p{
	color:#777;
	font-size:1em;
	line-height:1.7em;
}
.topapp {
    margin: 2em 0;
    text-align: center;
}
a.app-btn {
    background: none repeat scroll 0 0 #ff6464;
    color: #fff;
    font-weight: 700;
    padding:1em 4.5em;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 19px;
}
a.app-btn:hover {
    background: rgba(255, 255, 255, 0.1);
    border: 1px solid #ff6464;
}

/* ------ our-news -----*/
.our-news{
	padding: 1.5em 0 2em;
	/* background: #f7f7f7; */
}

.our-news2{
	padding: 1.5em 0 2em;
}
.head-section h3{
	font-size:1.7em;
	color:#000;
	text-transform:uppercase;
	font-weight:700;
	border-bottom:1px solid #EEE;
	display:inline-block;
	padding:0 0 0.5em 0;
	margin:0 0 0.5em 0;
}
.head-section p{
	color:#777;
	font-style:italic;
	font-size: 1em;
}
.news-grid h3.app_t {
	font-size: 16px;
    font-weight:400;
}
.news-grid h4{
    font-size: 1em;
    font-weight: 700;
    margin: 0;
    padding: 0.5em 0 0.3em;
    text-align: center;
}
.news-grid p{
	color: #777;
	line-height: 1.7em;
	padding: 0.1em 0 0em;
	display: block;
	font-size: 1em;
}
a.news-btn{
	color:#000;
	display:inline-block;
	text-transform:uppercase;
	text-decoration:none;
	background:#66bb6a;
	color:#FFF;
	padding:0.7em 1.8em;
    letter-spacing:1px;
}
.news-grids a img:hover {
    opacity:0.5;
}
a.news-btn:hover{
	background: rgba(255,255,255,1);
    border:1px solid #66bb6a;
    color:#212121;
    text-decoration:none;
}
.our-news h3 span {
    font-size:0.7em;
    padding-left:0.5em;
}

.our-news ul {
    margin: 0.8em 0 2em;
    padding: 0;
}
.our-news ul li {
    list-style: outside none none;
    line-height:2.5;
}
.our-news ul li a {
    border-bottom: 1px solid #e1e1e1;
    color: #777;
    display: block;
    font-size: 1em;
    padding: 0.5em 1em;
    text-decoration: none;
    text-transform: uppercase;
    transition: all 0.3s ease 0s;
}
.our-news ul li a:hover {
    color: #ff6464;
    padding-left: 0.2em;
}
.data {
    margin-right:1em;
}
.speaker-r {
    text-align:right;
}
.our-news .col-sm-2_5, .our-news  col-xs-6 {
    padding-left: 5px;
    padding-right: 5px;
}
/*---- Calendar -----*/
#calendar {
    padding: 1em 0 3em 0;
}

/*---- PIck up -----*/
/* .testmonials{
	background: url(images/video1.jpg) no-repeat 0px 0px;
	background-size: cover;
	min-height: 331px;
	padding: 3em 0;
	position: relative;
} */
.pickup{
	padding: 1.5em 0 3em;
}
.head-section p{
	color:#000;
}
.testmonials div.head-section{
	margin-top: 1em;
}
.pick-grid {
    padding: 0.35em 0 0;

}
.pickup h3, .pickup h5, .pick-grid h4 {
	margin: 0;
}
.pick-grid h4{
	text-transform: uppercase;
	padding: 0;
    font-size:1em;
}
.pick-grid a img:hover {opacity:0.5;}

.description_div p,
.pick-grid .data02 {
	color:#888;
    padding:0.5em 0 0;
    margin:0;
}
.pickup .col-md-3, .pickup .col-xs-6 {
    padding-left: 5px;
    padding-right: 5px;
}
/*------ link -----*/
.bottom-grids{
    margin-bottom: 5em;
    padding: 1.5em 0;
}

.bottom-grids ul{
	margin:0.8em 0 0 0;
	padding:0;
}

ul#ul_bnrs h2.widgettitle {
  display:none;
}

.bottom-grids ul li{
    display: inline-block;
    padding: 0 0.9em;
    text-align: center;
    vertical-align:top;
}
.bottom-grids ul li a img {
    border: 5px solid #fff;
    border-radius: 50%;
    box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.2);
  width:110px;
  height:auto;
}
.bottom-grids ul li a:hover img {
    border: 5px solid #ff6464;
    transform: scale(1.05);
}
.bottom-grids ul li a:hover{
    color: #ff6464;
}
.bottom-grids h4 {
	font-size:16px;
    line-height:1.2;
}
/*----- news-letter ----*/
.news-letter{
	padding: 2em 0 4em;
}
.news-letter-left{
	float:left;
}
.news-letter-right{
	float:right;
}
.news-letter-left h3{
	font-size: 1.8em;
	font-weight: 700;
	color: #000;
	text-transform: uppercase;
	margin: 0;
	padding: 0;
}
.news-letter-left h3 span{
	width:64px;
	height:64px;
	display:inline-block;
	background:url(images/mail.png) no-repeat 0px 0px;
	vertical-align:middle;
	margin-right:0.4em;
}
.news-letter-right{
	width: 30%;
	position: relative;
	margin-top: 0.8em;
}
.news-letter-right input[type="text"]{
	border: 1px solid #EEE;
	outline: none;
	position: relative;
	padding: 0.8em;
	width: 100%;
	transition: border-color 0.4s;
	-webkit-transition: border-color 0.4s;
	-moz-transition: border-color 0.4s;
	-ms-transition: border-color 0.4s;
	-o-transition: border-color 0.4s;
	color: #008e10;
	-webkit-appearance: none;
	border-radius:3em;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
	-moz-transition:0.5s all;
	position:relative;
}
.news-letter-right input[type="submit"]{
	position:absolute;
	right:10px;
	top:5px;
	height:32px;
	width:32px;
	display:inline-block;
	background:url(images/submit.png) no-repeat 0px 0px;
	border:none;
	transition:0.5s all;
	-webkit-transition:0.5s all;
	-o-transition:0.5s all;
	-ms-transition:0.5s all;
	-moz-transition:0.5s all;
}
.news-letter-right input[type="submit"]:hover{
	background:url(images/submith.png) no-repeat 0px 0px;
}
.social-share ul{
	padding:0;
}
/*------ footer ------*/
.footer{
	background: url("image/bg/stripe_6x6.png") repeat scroll 0 0 #ff6464;
    padding:2.5em 0 0;
}
.footer .whitebg {
    background-color: #fff;
    padding:1.5em;
    width:85%;
}
.footer-left{
	float:left;
}
.footer h2, .footer h5 {
    margin: 0.3em 0;
    font-weight:600;
    font-size:1.1em;
}
.footer ul{
	margin:0;
	padding:0;
}
.footer ul li{
    background-color: #fff;
    background-position: 0 0;
    background-repeat: no-repeat;
    display: inline-block;
    height: 28px;
    line-height: 28px;
    margin: 5px 10px;
    padding: 0 1.5em;
    transition: all 0.3s ease-in-out 0s;
}
.footer ul li a{
    color: #212121;
}
.footer ul li:hover{
    background-color:#ff6464;
}
.footer ul li a:hover { color:#fff;}
.footer-right p{
	color:#fff;
	text-transform:uppercase;
}
.footer-right p a{
	color:#008e10;
}
.footer-right p a:hover{
	color:#fff;
	text-decoration:none;
}
.footer .f_site ul {
	text-align:right;
}
.footer .f_site ul li {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: inline-block;
    font-size: 0.85em;
    margin: 0;
    padding: 0 1em;
    position: relative;
    top: 12.5em;
}
.footer .f_site ul li a:hover {
	color:#212121;
}
.copyright {
    background-color: #ff6464;
    color:#fff;
    padding:0.5em 0;
}
.copyright p { margin:0;}
/*----- top arrow -----*/
.goup, .godown {
    overflow: hidden;
}
.square-l {
    display: block;
    height: 55px;
    width: 48px;
    background: none repeat scroll 0 0 #66bb6a;
    color: #fff;
    vertical-align: middle;
    margin:0 auto;
}
a.square-l span:hover {
	opacity:0.5;
    color:#fff;
}
.godown span, .goleft span, .goup span {
    box-sizing: border-box;
    display: block;
    height: 100%;
    left: 0;
    opacity: 1;
    position: absolute;
    text-align: center;
    top: 0;
    transform-origin: 0 0 0;
    transform-style: preserve-3d;
    transition: all 0.6s cubic-bezier(0.05, 0.06, 0.05, 0.95) 0s;
    width: 100%;
}
a.gototop:hover, a.gototop:focus {
    color:#f0f4c3;
}
/*----- sub page -----*/
.top-header{
    max-height: 250px;
    overflow: hidden;
}
.tph_img {
    vertical-align: bottom;
    width: 100%;
}

/* Add to 20150318 */
/*----- about -----*/
.about-header{
	background:url(../images/header-bg.jpg) no-repeat 50%;
}
.about-header{
	text-align:center;
}
.about-header h1{
	margin:0;
	text-transform:uppercase;
	font-weight:700;
	font-size:4em;
	color:#FFF;
	padding-top:0.75em;
}
.about-head{
	padding:0.5em 0 0.5em 0;
}
.about-top-gridn {
    padding:1em 0;
}
.about-head h3{
	font-size:2em;
	font-weight:700;
	/* text-transform:uppercase; */
	margin:0 0 0 0;
	padding:1em 0 0.1em 0;
	border-bottom: 2px solid #ff8383;
}
.about-head span{
	color:#555;
	font-size:1.15em;
}
.about-top-grid{
	margin:1em 0;
}
.about-top-grid h4{
	font-weight:700;
	text-transform:uppercase;
	font-size:1.4em;
	margin:0;
	padding:0.5em 0 0.5em 0;
}
.about-top-grid p{
	color:#777;
	line-height:1.7em;
}
.about-latest-news-grids{
	padding:3em 0;
}
.about-latest-news-grid h4{
	color:#000;
	/* font-weight:700; */
	font-size:1.5em;
	/* text-transform:uppercase; */
	margin:0;
	padding:0.3em 0;
}
.about-latest-news-grid p{
	color:#777;
	/* line-height:1.7em; */
}
.about-top-gridn h4 {
	font-size: 1.4em;
	color: #ff6464;
    padding:1em 0 0;
}
.about ul {
	padding-left:25px;
}
.space {
    padding-bottom: 2em;
}
/*-----  Usage -----*/
.usage-header{
	background:url(../images/header-bg.jpg) no-repeat 50% 100%;
	text-align:center;
}
.usage-head{
	padding:0.5em 0 0.5em 0;
}
.usage-head h3{
    border-bottom: 2px solid #ff8383;
    font-size: 2em;
    font-weight: 700;
    margin: 0 0 5px;
    padding: 1em 0 0.1em;
}

.usage-head span{
	color:#777;
    font-size:1.15em;
}
.usage-grid{
    padding:1em 0 3em;
}
.usage h4{
    color: #ff6464;
    font-size: 1.4em;
    padding: 1em 0 0;
}
.usage ul {
	padding:1em 0 1em 25px;
}
.usage table {
	border: 1px solid #eee;
    width:90%;
}
.usage table > thead > tr > th,
.usage table > tbody > tr > th,
.usage table > thead > tr > td,
.usage table > tbody > tr > td {
 	padding: 8px;
 	line-height: 1.42857143;
 	vertical-align: top;
 	border-top: 1px solid #eee;
    border-left: 1px solid #eee;
    text-align:center;

}
.usage table > thead > tr > th  {
    background-color: #f6f6f6;
}






/*----- products -----*/
.products-header{
	background: url(images/header-bg.jpg) no-repeat 70%;
	text-align:center;
}
.products-header h1 {
	margin: 0;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 4em;
	color: #FFF;
	padding-top: 0.75em;
}
.products-header h1 span {
	color: #008e10;
}
.products-head{
	padding:0.5em 0 0.5em 0;
}
.products-head h3{
	font-size:2em;
	color:#000;
	font-weight:700;
	text-transform:uppercase;
	margin:0;
	padding:1em 0 0.3em 0;
}
.products-head span{
	color:#777;
}
.products-grids{
	margin-top:1.5em;
}
.products-grid{
	margin-bottom:2em;
}
.products-grid img{

}
/*------ contact&request -----*/
.contact-head{
	text-align:center;
}
.contact-grids h5{
    border-bottom: 1px solid #999;
    font-size: 1.5em;
	margin-bottom: 20px;
    padding: 5px;
    color: #555;
}
.contact-head span{
	color: #777;
}
.contact-grids {
    padding:2em 0;
}
.contact h3, .request h3 {
    border-bottom: 2px solid #ff8383;;
    font-size: 2em;
    padding: 5px;
}
.contact ul, .request ul {padding-left:15px;}
.contact ul li, .request ul li {padding-bottom:5px;}
a.s_blank {
    text-decoration:underline;
    color:#ff6464;
}
.contact table, .request table {
    border-top: 1px solid #ededed;
    width: 100%;
    margin: 0;
}
.contact table th, .contact table td,
.request table th, .request table td {
    border-bottom: 1px solid #ededed;
    padding: 1.5em 2em;
}
.contact table th, .request table th {
    width: 23%;
}
.contact table th span, .request table th span {
    color:#ff6347;
    font-weight: 400;
}

.about table td input[type="text"],
.about table td input[type="email"],
.about table td input[type="tel"],
.about table td input[type="date"],
.about table td input[type="url"],
.about table td textarea,
.request table td input[type="text"],
.request table td textarea {
	width:85%;
	/* padding:1em; */
	/* font-family: 'Droid Sans', sans-serif; */
	border:1px solid #EEE;
	-webkit-appearance:none;
	outline:none;
	color:#777;
	transition:border-color 0.4s;
	-webkit-transition:border-color 0.4s;
	-moz-transition:border-color 0.4s;
	-o-transition:border-color 0.4s;
	-ms-transition:border-color 0.4s;
	background-color: #f6f6f6;
    border: 1px solid #f6f6f6;
	line-height: 1.3em;
    padding: 15px 10px;
}
.contact table td input.input_middle,
.request table td input.input_middle {
    margin: 0;
    width: 60%;
}
.contact table td input.input_short,
.request table td input.input_short {
    width: 27%;
}
.contact table input[type="text"]:hover,.contact table textarea:hover,
.request table input[type="text"]:hover,.request table textarea:hover {
	/* color:#66bb6a; */
	border-color:#66bb6a;
}
.contact-form input[type="submit"] {
	background: #ff6464;
	color: #FFF;
	font-weight: 700;
	text-transform: uppercase;
	border: none;
	outline: none;
	margin-top:1em;
	padding: 0.7em 4em;
	font-size: 1.25em;
	display: inline-block;
	transition: 0.5s all;
	-webkit-transition: 0.5s all;
	-moz-transition: 0.5s all;
	-o-transition: 0.5s all;
	-ms-transition: 0.5s all;
}
.contact-form input[type="submit"]:hover {
	background: #fff;
	border: 2px solid #66bb6a;
    color:#212121;
}
/*------ Privacy -----*/
.privacy-head {
    padding: 0.5em 0;
}
.privacy h3 {
    border-bottom: 2px solid #ff8383;
    font-size: 2em;
    font-weight: 700;
    margin: 0 0 5px;
    padding: 1em 0.35em 0.1em;
}
.privacy-head span {
    padding-left: 0.8em;
}
.privacy-top-grids {
    padding: 1em 0 3em 0;
}
.privacy-top-grids h4 {
    color: #ff6464;
    font-size: 1.3em;
    padding: 1em 0 0;
}
.privacy ul {
	padding-left: 15px;
}


/*-----------------------------------------------------------------------------------*/
.b-link-stripe{
	position:relative;
	display:inline-block;
	vertical-align:top;
	font-weight: 300;
	overflow:hidden;
}
.b-link-stripe .b-wrapper{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	text-align:center;
	color:#ffffff;
	overflow:hidden;
}
.b-link-stripe .b-line{
	position:absolute;
	top:0;
	bottom:0;
	width:20%;
	background:rgba(0, 142, 16, 0.84);
	transition:all 0.5s linear;
	-moz-transition:all 0.5s linear;
	-ms-transition:all 0.5s linear;
	-o-transition:all 0.5s linear;
	-webkit-transition:all 0.5s linear;
	opacity:0;
	visibility:hidden; /* lt-ie9 */
}
/* lt-ie9 */
.b-link-stripe:hover .b-line{
	visibility:visible;
}
.b-link-stripe .b-line1{
	left:0;
}
.b-link-stripe .b-line2{
	left:20%;
	transition-delay:0.1s !important;
	-moz-transition-delay:0.1s !important;
	-ms-transition-delay:0.1s !important;
	-o-transition-delay:0.1s !important;
	-webkit-transition-delay:0.1s !important;
}
.b-link-stripe .b-line3{
	left:40%;
	transition-delay:0.2s !important;
	-moz-transition-delay:0.2s !important;
	-ms-transition-delay:0.2s !important;
	-o-transition-delay:0.2s !important;
	-webkit-transition-delay:0.2s !important;
}
.b-link-stripe .b-line4{
	left:60%;
	transition-delay:0.3s !important;
	-moz-transition-delay:0.3s !important;
	-ms-transition-delay:0.3s !important;
	-o-transition-delay:0.3s !important;
	-webkit-transition-delay:0.3s !important;
}
.b-link-stripe .b-line5{
	left:80%;
	transition-delay:0.4s !important;
	-moz-transition-delay:0.4s !important;
	-ms-transition-delay:0.4s !important;
	-o-transition-delay:0.4s !important;
	-webkit-transition-delay:0.4s !important;
}
.b-link-stripe:hover .b-line{
	opacity:1;
}
/*-----------------------------------------------------------------------------------*/
/*	Animation effects
/*-----------------------------------------------------------------------------------*/
.b-animate-go{
	text-decoration:none;
}
.b-animate{
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	visibility: hidden;
	font-size:1.1em;
	font-weight:700;
}
.b-animate img{
	margin-top:9%;
	display: -webkit-inline-box;
}
/* lt-ie9 */
.b-animate-go:hover .b-animate{
	visibility:visible;
}
.b-from-left{
	position:relative;
	left:-100%;
}
.b-animate-go:hover .b-from-left{
	left:0;
}

/* wordpress化にともない追加 */
.widgettitle {
    font-size:  1em;
    font-weight: normal;
}

ul#ul_bnrs h4,
ul#ul_bnrs span.fa {
    display: none;
}

ul#ul_bnrs div.description_div p {
    font-size: 16px;
    line-height: 1.2;
    color: #000!important;
    margin-bottom: 20px;
}


/*-------------------------------------------------
 モバイル用ミニカレンダー
--------------------------------------------------*/
table.em-calendar td.eventful {
	background-color: #f00;
}

table.em-calendar {
	width: 95%;
}

table.em-calendar tr.days-names td {
	width: 14%;
}

able.em-calendar td {
	padding: 5px 0;
}




/*-------------------------------------------------
 201503追加スタイルシート
--------------------------------------------------*/
.container {
	width: 100%!important;
	max-width: 1170px;
}


/* 固定ページ基本 */
.contents_wrap {
    margin-top: 20px;
}

img.top_phone {
    display: block;
    margin:0 auto 10px auto;
}

/* お知らせ */
.single_wrap {
    margin: 20px auto 35px auto;
    width: 90%;
}

#h3_posttitle {
    font-size: 1.3em;
    font-weight: bold;
    border-bottom: 1px solid #999;
    margin: 0 0 15px 0;
    padding: 0 0 10px 0;
}

.post_date {
    color: #888;
}

.post_honbun {
    line-height: 1.5em;
}

/* ページネーション */
.navigation {
    text-align: center;
}

/* カレンダー全体 */
#calendar_all {
    clear: both;
}

/* 検索フォーム */
.em-search-wrapper {
    padding-right: 25px;
}

div#calendar div.css-search {
    padding: 5px 0 0 0;
    position: relative;
    border-radius: 0;
    width: 25%;
    float: left;
}

.em-search-ajax{
	width: 73%;
    float: right;
}

div.css-search div.em-search-main button.em-search-submit {
	background:none!important;
    border:0;
    border-radius: 0;
    float: right;
}

div.css-search div.em-search-main button.em-search-submit:honver {
	background:none!important;
    border:0;
    padding: 5px 0 0 0;
    border-radius: 0;
    float: right;
}

table.events-table {
    border-collapse: collapse;
    margin-bottom: 20px;
    width: 100%;
}

table.events-table th,
table.events-table td {
    border: 1px solid #dedede;
    padding: 10px 20px;
    margin-bottom:  20px;
}

table.events-table th.event-time {
	width: 43%;
}

table.events-table th.event-description {
	width: 57%;
}

form#wpfc-calendar span.ui-state-default {
	border: none!important;
	border-top-left-radius: 0!important;
	border-bottom-left-radius: 0!important;
	border-top-right-radius: 0!important;
	border-bottom-right-radius: 0!important;
}

form#wpfc-calendar span.ui-corner-all {
	border-top-left-radius: 0!important;
	border-bottom-left-radius: 0!important;
}

/* 検索フォーム */
div.css-search div.em-search-text {
    background: none!important;
    padding: 0 0 0 0!important;
}

/* 本日のイベント */
.today_list h2.widgettitle {
    display: none;
}

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

li.noevent {
    background-color: #efefef;
    font-weight: bold;
    padding: 35px 20px;
    text-align: left;
}

/* イベントタイトル */
.news-grid .today_list ul li h4 {
	font-size: 0.9em;
    font-weight: normal;
    margin: 0;
    padding: 5px 0;
    text-align: center;
    line-height: 1.3em;
}

.today_list ul li a {
    padding: 0;
    border: none;
    color: #000;
}

.today_list ul li a:hover {
    padding: 0;
    color: #000;
}

.col-sm-2_5 img {
    display: block;
    height: auto;
    max-width: 100%;
}
/*-------------------------------------------------
 イベント詳細画面
--------------------------------------------------*/
.event_detailall {
    wdith: 90px;
    margin: 20px auto;
}

.css-events-list h2 {
    margin: 0 0 10px 0;
}

.event_left {
	float: left;
    width: 40%;
    margin-bottom: 20px;
}

.event_right {
	float: right;
    width: 60%;
    margin-bottom: 20px;
}

table.table_detaile {
    border-collapse: collapse;
    width:100%;
    background-color: #fff;
}

table.table_detaile th,
table.table_detaile td {
    border: 1px solid #999;
    padding: 8px 10px;
}

table.table_detaile th {
	width:15%;
    text-align: center;
}

table.table_detaile td {
	width:85%;
}

table.table_detaile p{
	margin: 0;
}

table.table_detaile ul {
	margin: 0;
	padding: 0 0 0 15px;
}

.div_place {
    margin: 8px 0 15px 0;
}

.event_photo img {
	width: 90%;
}

/* 固定ページ */
p.p_comment{
	color:#777;
    font-size:1.15em;
    text-align: center;
    margin-top: -25px;
}

/* お問い合わせ ・お申込み*/
span.span_label {
	display: inline-block;
	width: 10em;
}

span.span_from {
	display: inline-block;
	margin: 0 10px;
}

/* カレンダー検索結果一覧 */
.em-pagination {
	display: block;
	text-align: center;
	margin-bottom:20px;
	font-size:  1em;
    overflow: hidden;
}

/* ピックアップイベント */
.sp_height img {
	width: 100%;
}

@media only screen and (max-width:991px){
.sp_height:nth-child(odd){
	clear: left;
}
}


/*Safariだけに適用されるCSSハック*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
.bottom-grids ul li a img {
    border: none;
}
}






/*---------------------------------------------
 レスポンシブ時の制御
-----------------------------------------------*/
.nodisplay_pc {
    display: none;
}

.mini_calendar {
    display: none;
}

/* ページネーション */
.page-numbers {
   border: 1px solid #999;
    float: left;
    margin: 0 7px 8px 0;
    padding: 3px 8px;
}

a:hover.page-numbers {
	text-decoration: none;
    background-color: #e9e9e9;
}

.em-pagination .current {
    background-color: #e9e9e9;
}


/* アイコン修正メニュ */
.top-menu a#menu_home {
   background: url(image/icn/icn_home.png) no-repeat left center;
}

.top-menu a#menu_about {
   background: url(image/icn/icn_about.png) no-repeat left center;
}

.top-menu a#menu_guide {
   background: url(image/icn/icn_guide.png) no-repeat left center;
}

.top-menu a#menu_info {
   background: url(image/icn/icn_info.png) no-repeat left center;
}

.top-menu a#menu_apply {
   background: url(image/icn/icn_apply.png) no-repeat left center;
}

.top-menu a#menu_inq {
   background: url(image/icn/icn_inq.png) no-repeat left center;
}
/*--------------------------- // レスポンシブ時の制御  ---------------------*/





/*----------------------------------------------------
20171016 追加 by ariga
-----------------------------------------------------*/
.icon-tel {
  background:url('./image/tel.png') no-repeat left center;
  padding:0 0 0 33px;
  color:#66BB6A;
  font-size:2em;
  line-height: 1.2em;
}