@charset "utf-8";
/*
Theme Name: kcv-wp-theme
Version: 100.0
package: kcv-wp-theme
Description: KCV Original wordpress Theme
*/


/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

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




html, body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

li {
    /*list-style-type: none*/
}

.category-info h2 {
    font-size:20px ;
    margin: 0px 0px 20px 0;
    padding: 20px;
    border-width:0px;
    border-style:solid;
    border-radius:5px;
    background:#F5F5F5;
    color:#333;
    line-height: 100%;
    text-indent: 8px;
    font-family: 'Montserrat', sans-serif;
}
.category-info li {
    list-style-type: none;
}
.subinfopost {
    border-bottom: 1px dashed #868181;
    clear: both;
    margin-bottom:20px;
}

.sidebar li {
    list-style-type: none;
}

.pagecontent {
    width: 100%;
    max-width: 720px;
    float: left;
}

/** Menu bar settings **/
.menu .sub-menu, .menu .children{
    position:absolute;
    z-index:99;
    display:none;
    width:auto;
    background:#FFF;
    font-size:12px;
    line-height:1;

}


.menu li a{
    display:block;  
    padding:0 5px;  
    color:#fff;
}

.menu li a:hover{
}

.sub-menu li {
    list-style:none;
    width: 150px !important;
    font-size:12px;
    line-height:60px;  
}

.sub-menu li a {
display:block;
    padding:0 5px;  
    /** color:#fff; **/
}

.sub-menu li a:hover { background:#badbeb; }  
.sub-menu li ul li a {  
    background:#9f9;  
    color:#030; 
}  
.sub-menu li ul li a:hover { background:#6f6; }  


/**
.sub-menu li{
    float: left;
    width: auto;
    line-height: 40px;
    text-align: center;
    border-left: 1px #ccc solid;
    border-right: 1px #ccc solid;
}**/

nav ul li a {
    text-decoration: none;
}
nav ul li a:hover {
    text-decoration: none;
}

/** main image effect settings START **/

main .effect {
    width: 200px;
    height: 200px;
    background: #fff;
    overflow: hidden;
    margin-left: auto;
    margin-right: auto;
}
/* Zoom In #1 */
main .effect img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
main .effect:hover img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

/* Shine */
main .effect {
	position: relative;

}
main .effect::before {
	position: absolute;
	top: 0;
	left: -75%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
main .effect:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}

/** main image effect settings E.N.D **/

/** support List settings START **/

.supportlist li {
    display: inline-block;
    width: 48%;
}
/** support List settings E.N.D **/


/**  Menu Mobile  **/
.menuwrapp_mobile{
    display:none !important;
    margin:0;
    float: right;
    margin-top: 10px;
}
.menuwrapp_mobile a{
    color: #333;
}
.mobilemenu_toggle {
/**
    border-bottom: 1px dashed #868181;
    border-top: 1px dashed #868181;
    color: ;
    display: block;
    font-family: 'BebasNeueRegular',sans-serif;
    font-size: 20px;
    line-height: 24px;
    padding: 10px 20px;
**/
}
.menuwrapp_mobile .menu_mobile{
	position:absolute;
	top:60px;
	left:0;
	right:0;
	width:100%;
	z-index:99;
	display:none;
}
.menu_mobile{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D4D4D4;
    font-family: 'BebasNeueRegular',sans-serif;
    font-size: 18px;
    overflow: hidden;
    padding: 5px 0;
}
.menu_mobile .sub-menu{
	background:none;
}
.menu_mobile .sub-menu li{
    list-style: none;
    width: auto !important;
    font-size: 16px;
    line-height: 20px;
}

.menu_mobile a {
    border-bottom: 1px dashed #DADADA;
    color: #333;
    display: block;
    margin: 5px 20px;
    padding: 0 0 5px;
}
.menu_mobile .sub-menu a{
	padding-left:30px
}
.menu_mobile a:hover{
	color: #F1710D;
}

/** media settings START **/

/**  Desktop  **/
@media screen and (min-width:1100px) and (max-width:1800px) {

}

/**  Tablet  **/
@media screen and (min-width:481px) and (max-width:768px) {

.menuwrapp_mobile{
	display:block !important;
}
#global-nav{
	display:none;
}


}

/**  Mobile  **/
@media screen and (max-width:480px) {
.menuwrapp_mobile{
	/*display:none !important;*/
	clear:both;
	margin:0;
	position:relative;
}
#global-nav{
	display:none;
}
}


/* ボランティア募集フォームのスタイル */
.contact table {
	border-collapse: collapse;
}

.contact th, .contact td {
	border-bottom: 1px solid #d4d4d4;
	padding: 10px;
}

.contact th {
	white-space: nowrap;
}

.contact input.small {
	width: 9rem;
}
.contact input.medium {
	width: 20rem;
}

.contact input[name="guide-date"]::-webkit-inner-spin-button{
    -webkit-appearance: none;
}
 
.contact input[name="guide-date"]::-webkit-clear-button{
    -webkit-appearance: none;
}


.contact input[name="guide-date"]::-webkit-calendar-picker-indicator {
    position: absolute;
    width: 100%;
    height: 100%;
	opacity: 0;
}


::placeholder {
    color: #CCC;
}
/**  Tablet  **/
@media screen and (min-width:481px) and (max-width:768px) {
.contact th, .contact td {
	display:block !important;
}

}

/**  Mobile  **/
@media screen and (max-width:480px) {

.contact th, .contact td {
	display: block;
}
	
}

/*
.contact input.large {
	width: 100%;
}
*/