/*
Theme Name: t-space
Author: Chihiro Yamamoto
Description: Description
Version: 1.0.0
Text Domain: t-space
Tags:
*/

@charset "utf-8";

@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/*-----------------------------------------------------------------------------------------
reset
-----------------------------------------------------------------------------------------*/
/*@import url(http://reset5.googlecode.com/hg/reset.min.css);*/
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,audio,canvas,details,figcaption,figure,footer,header,hgroup,mark,menu,meter,nav,output,progress,section,summary,time,video{border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;margin:0;padding:0;}body{line-height:1;}article,aside,dialog,figure,footer,header,hgroup,nav,section,blockquote{display:block;}nav ul{list-style:none;}ol{list-style:decimal;}ul{list-style:disc;}ul ul{list-style:circle;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}ins{text-decoration:underline;}del{text-decoration:line-through;}mark{background:none;}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input[type=submit],input[type=button],button{margin:0!important;padding:0!important;}input,select,a img{vertical-align:middle;}

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline}:focus{outline:0}body{line-height:1;color:black;background:white}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{text-align:left;font-weight:normal}blockquote:before,blockquote:after,q:before,q:after{content:""}blockquote,q{quotes:"" ""}

/*-----------------------------------------------------------------------------------------
common class
-----------------------------------------------------------------------------------------*/
.float-left{ float: left; }
.float-right{ float: right; }
.text-center{ text-align: center; }
.text-right{ text-align: right; }
.text-left{ text-align: left; }
.clearfix{
    clear: both;
    display: block;
    overflow: hidden;
}
.mb5{ margin-bottom: 5px; }
.mb10{ margin-bottom: 10px; }
.mb20{ margin-bottom: 20px; }
.mb30{ margin-bottom: 30px; }
.mb40{ margin-bottom: 40px; }
.mb50{ margin-bottom: 50px; }
.mb60{ margin-bottom: 60px; }
.mb70{ margin-bottom: 70px; }
.mb80{ margin-bottom: 80px; }
.pt80{ padding-top: 80px}
.pb80{ padding-bottom: 80px}
/*-----------------------------------------------------------------------------------------
common setting
-----------------------------------------------------------------------------------------*/
body{
    background-color: #ffffff;
    color: #666666;
    /*font-family: 'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','メイリオ','Meiryo','Lucida Grande','sans-serif';*/
    font-family: 'Noto Sans Japanese', sans-serif;
    font-size: 13px;
    width: 100%;
	line-height: 1.7;
}
h2 {
	text-align: center;
	margin: 0 auto;
	font-size: 24px;
	font-weight: 700;
}
.Roboto{
    font-family: 'Roboto Condensed', sans-serif !important;
}
/*-----------------------------------------------------------------------------------------
    link setting
-----------------------------------------------------------------------------------------*/
a{
    color:#666666;
    text-decoration:none;
}
a:link {
    color:#666666;
}
a:hover {
    color:#666666;
    font-style:normal;
}

/*-----------------------------------------------------------------------------------------
head
-----------------------------------------------------------------------------------------*/
.header{
    z-index: 2000;
    width:100%;
	height: 60px;
}
.header img{
    max-height: 100%;
    max-width: 100%;
}
	.header .logo{
		margin-top: 8px;
		margin-left: 24px;
		max-width: 380px;
	}
	.navbar-brand{
		padding: 0;
	}
nav {
	background-color: #ffffff;
    height: 70px;
}

nav a{
    display: inline-block;
}
nav .fb{
	margin-left: 40px;
	margin-right: 40px;
	height: 25px;
	margin-top: 21px;
	position: absolute;
	right: 0px;
}
	nav .fb img{
		max-height: 25px;
	}
    nav ul {
        width: 900px;
    }

	nav li {
		padding-top: 11px;
        margin-left: 5%;
	}
	nav li:last-child {
		margin-right: 100px;
	}
	@media screen and (max-width: 768px) {
		.header .logo {
	    	max-width: 50%;
			margin-top: 15px;
		}
		nav .fb{
			position: static;
			float: right;
            margin-right: 24px;
		}
        nav ul {
            width: 100%;
        }
        .navbar-collapse{
            padding: 0;
        }
        .navbar-nav {
            margin: 0;
        }
		nav li {
			text-align: center;
			font-size: 20px;
			font-weight: bold;
			border-bottom: solid 1px #999999;
			padding-top: 0px;
            background-color: #ffffff;
            margin-left: 0;
		}
		nav li:last-child {
			margin-right: 0px;
			border-bottom: none;
		}
	}

.navbar-toggle{
	margin-top: 24px !important;
	margin-right:24px !important;
}
.navbar-toggle span{
	background-color: #666666 !important;
}
/*-----------------------------------------------------------------------------------------
fotter
-----------------------------------------------------------------------------------------*/
footer{
    width: 100%;
    font-size: 12px;
}
footer .pagetop{
    background-color: #d2d0d0;
    padding-top:20px;
    padding-bottom:20px;
}
footer .pagetop-text{
	color: #ffffff;
	font-weight: bold;
	margin-left: 15px;
}
footer img{
	max-width: 25px;
}
.copyright{
    letter-spacing: 0.1em;
    font-size: 6px;
    font-weight: 500;
	padding-top: 20px;
    padding-bottom:20px;
    padding-right: 20px;
}

/*-----------------------------------------------------------------------------------------
HOME Slider
-----------------------------------------------------------------------------------------*/
.home{
    position: relative;
    width: 100%;
    max-width: 1920px;
}
.home img{
	max-width: 100%;
}
/*-----------------------------------------------------------------------------------------
	Common Layout
-----------------------------------------------------------------------------------------*/
h2.underline{
	width: 32%;
    font-family: 'Roboto Condensed', sans-serif !important;
}
h2.underline::after {
    content: "";
	position: relative;
	display:inline-block;
	margin-top: 10px;
	width: 100%;
	height: 15px;
	background-repeat: no-repeat;
	background-position: bottom;
	background-size: contain;
    background-image: url("/install/wp-content/themes/t-space/img/layout/underline.png");
}
.container{
	max-width: 980px;
	margin: 0 auto;
}

/*-----------------------------------------------------------------------------------------
	Lists
-----------------------------------------------------------------------------------------*/
.item{
    min-height: 385px;
}
    .item a{
        display: block;
    }
	.item-image{
        position: relative;
		margin-bottom: 24px;
		max-width: 280px;
	}
		.item-image img{
			width: 100%;
			height: 100%;
		}
    .item-body{
        color:#444444;
        padding-bottom: 10px;
        font-size: 14px;
    }
    .item-body .title{
        font-size: 16px;
        margin-bottom: 5px;
        font-weight: bold;
		max-height: 55px;
    }
    .item-body .text {
	}
.date {
	position: absolute;
	color: #ffffff;
	z-index: 100;
	line-height: 1em;
	letter-spacing: 0.1em;
	text-align: center;
	width: 35%;
}
	.date-y {
		left: 10%;
		padding-bottom: 3px;
		font-size: 15px;
		top: 10px;
	}
	.date-md {
		left: 10%;
		padding-top: 3px;
		border-top: solid 1px #ffffff;
		font-size: 30px;
		top: 30px;
	}
.badge{
	position: absolute;
	width: 80px;
	height: 80px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	z-index: 100;
	bottom: 5%;
	right: 12%;
    padding: 0;
    background-color: none;
}
.badge img{
    position: relative;
	max-width: 100%;
    max-height: 100%;
	height: auto;
}

.shadow {
    display: block;
    width: calc(100% - 30px);
    height: 100%;
    position: absolute;
    top: 0;
    background: #000;
    opacity: 0.25;
    filter: alpha(opacity=25);
    transition: opacity 0.25s ease-out;
    -moz-transition: opacity 0.25s ease-out;
    -webkit-transition: opacity 0.25s ease-out;
    -o-transition: opacity 0.25s ease-out;
}

.ellipsis {
	position: relative;
	overflow: hidden;
}

.ellipsis:before, .ellipsis:after {
	position: absolute;
	background: #fff;
}
	.title.ellipsis:before {
		content: "…";
		bottom: 0px;
		right: 0px;
	}
	.text.ellipsis:before {
		content: "…";
		bottom: 0px;
		right: 7px;
	}
	.ellipsis:after {
		content: "";
		width: 100%;
		height: 100%;
	}
/*-----------------------------------------------------------------------------------------
	Extend item --->HOME Event Lists
-----------------------------------------------------------------------------------------*/
.event-box .item {
    min-height: 0;
}
.event-box .item .event-wrapper{
    position: relative;
    min-height: 280px;
    background-size: cover;
    background-position: center;
}
.event-box .item a{
    position: absolute;
    z-index: 9999;
    width: 100%;
    height: 100%;
    top:0;
    left:0;
}
.event-box .date {
    width: 65%;
    text-align: left;
}
.event-box .date-md {
	left: 7%;
	border-top: none;
	font-size: 32px;
}
.event-box .date-top {
	top:30px;
}
.event-box .date-bottom {
	top:64px;
}
.event-box .date-event{
    top:5px;
    font-size: 24px;
}
.event-box .item-body{
    position: absolute;
    bottom: 0;
    width: calc(100% - 30px);
    z-index: 100;
    color: #ffffff;
    font-size: 18px;
    font-weight: bold;
}

/*-----------------------------------------------------------------------------------------
	Categories
-----------------------------------------------------------------------------------------*/
.marche{
	background-color: #fff100 !important;
	color: #666666 !important;
}
.event{
	background-color: #4caf00 !important;
}
.shop{
	background-color: #00a0e9 !important;
}
.collaboration{
	background-color: #4cb997 !important;
}
.consulting{
	background-color: #000679 !important;
}
.tourism{
	background-color: #e50a84 !important;
}

/*-----------------------------------------------------------------------------------------
	slider
-----------------------------------------------------------------------------------------*/
/*-----------------------------------------------------------------------------------------
	info
-----------------------------------------------------------------------------------------*/
	#info{
		background-color: #efefef;
	}
	.fb_iframe_widget,
	.fb_iframe_widget span,
	.fb_iframe_widget iframe[style]{
	    width: 100% !important;
	}
	.pagePlugin{
		width: 100%;
		margin: 0 auto;
	}
	/*-----------------------------------------------------------------------------------------
		announce
	-----------------------------------------------------------------------------------------*/
	#announce .date{
		position: relative;
    	color: #666666;
		font-size: 13px;
		font-weight: bold;
		width: 100%;
		text-align: left;
		display: inline-block;
	}
	#announce .title{
		font-size: 16px;
		font-weight: bold;
		display: inline-block;
	}
	#announce .text{
		font-size: 14px;
	}
/*-----------------------------------------------------------------------------------------
	access
-----------------------------------------------------------------------------------------*/
#access .adress {
	font-weight: bold;
	font-size: 20px;
}
/*-----------------------------------------------------------------------------------------
	aboutus
-----------------------------------------------------------------------------------------*/
#aboutus {
	line-height: 2;
}
	#aboutus h1{
		font-size: 16px;
		font-weight: bold;
		line-height: 1.7;
	}
	#aboutus img{
		max-width: 100%;
	}
	#aboutus section p{
		font-weight: bold;
	}
/*-----------------------------------------------------------------------------------------
	single
-----------------------------------------------------------------------------------------*/
#single{
	padding-top: 120px;
	background-color: #efefef;
}
#single img {
    max-width: 100%;
    height: auto;
}
#single article{
	word-wrap: break-word;
}
#single article .date{
	color: #666666;
	display: block;
	position: relative;
	width: 100%;
	font-size: 14px;
	font-weight: bold;
}
#single article .title{
	font-size: 18px;
	font-weight: bold;
}

/*-----------------------------------------------------------------------------------------
	single
-----------------------------------------------------------------------------------------*/
#event-single{
	padding-top: 120px;
	background-color: #efefef;
}
#event-single img {
    max-width: 100%;
    height: auto;
}
#event-single article{
	word-wrap: break-word;
}
#event-single article .date{
	color: #666666;
	display: block;
	position: relative;
	width: 100%;
	font-size: 32px;
	font-weight: bold;
}
#event-single article .title{
	font-size: 22px;
	font-weight: bold;
}
#event-single .event-option {
    text-align: center;
    color: red;
}
/*-----------------------------------------------------------------------------------------
	item-list
-----------------------------------------------------------------------------------------*/
#item-list .items-box{
	position: relative;
}
.pagenate{
	padding-top: 80px;
}
.pagination li {
	display: inline-block;
}
.pagination li span{
	border: none;
	color: #666666;
}
.pagination>li:first-child>a, .pagination>li:first-child>span{
	border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
}
.pagination>.active>span{
	border: none;
	color: #666666;
	background-color: #d2d0d0;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	background-color: #d2d0d0;
}
.loading{
	background-color: #000000;
    background: rgba(45,45,45, 0.7);
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 200;
}
.loading span{
	display: block;
	margin: 0 auto;
	color: #ffffff;
	font-size: 36px;
	position: relative;
	top:30%;
}
/*-----------------------------------------------------------------------------------------
	sns
-----------------------------------------------------------------------------------------*/
.sns {}
.sns li{
    float: left;
    width: 24%;
}
.sns ul{
    text-decoration: none;
    margin-right: auto;
margin-left: auto;
}
.sns a {
height: 40px;
margin-bottom: 10px;
margin-left: 5px;
padding-top: 8px;
padding-right: 0px;
padding-bottom: 12px;
padding-left: 0px;
font-size: 12px;
font-weight: bold;
color: #ffffff;
text-align: center;
letter-spacing: 0.1em;
display: block;

}
.sns a:hover {
color: #ffffff;
text-decoration: underline;
}
.sns a#share_fb {
background-color: #3B5998;
border-bottom: 1px solid #3C5A98;
}
.sns a#share_tw {
background-color: #00ACEE;
border-bottom: 1px solid #0193CB;
}
.sns a#share_hatena {
background-color: #008FDE;
border-bottom: 1px solid #007BBF;
}
.sns a#share_google {
background-color: #D43D37;
border-bottom: 1px solid #8D2D1D;
}
/*-----------------------------------------------------------------------------------------
	404
-----------------------------------------------------------------------------------------*/
html.body-100{
    height: 100%;
}
html.body-100 body{
    margin: 0;
    height: 100%;
}
#notfound{
    height: 100%;
    background-color: #efefef;
}
#notfound .item{
    position: relative;
    display: block;
    margin-top: 20%;
    letter-spacing: 5px;
}
#notfound .item h1{
    font-weight: bold;
    font-size: 200px;
}
#notfound .item p{
    font-weight: bold;
    font-size: 35px;
}
/*-----------------------------------------------------------------------------------------
	mode sp *menuは上部
-----------------------------------------------------------------------------------------*/

@media screen and (max-width: 991px) {
    .event-box .item{
        min-height: auto;
    }
    .event-box .item .event-wrapper {
        min-height: 180px;
    }
    .event-box .date-md {
    	font-size: 24px;
        left: 10%;
    }
    .event-box .date-top {
    	top:20px;
    }
    .event-box .date-bottom {
    	top:45px;
    }
    .event-box .date-event{
        top:5px;
        font-size: 18px;
    }
    .event-box .item-body{
        width: 100%;
        font-size: 15px;
    }

	/* ------item parts------ */
    .item{
        min-height: auto;
    }
	.item-image{
		max-width: 300px;
		max-height: 300px;
	}
	.badge {
	    width: 80px;
	    height: 80px;
	}
} /* -- end media screen */

@media screen and (max-width: 767px) {
	.mb50{margin-bottom: 20px;}
	.mb80{margin-bottom: 50px;}
	.pt80{ padding-top: 50px;}
	.pb80{ padding-bottom: 50px;}

	h2.underline {
	    width: 100%;
	}
	#facebook-widget {
		margin-bottom: 50px;
	}
	#single {
	    padding-top: 50px;
	}
	#single img{
		max-width: 100%;
		height: auto;
	}
    .event-box .date {
        width: 290px;
    }
    .event-box .date-md {
        font-size: 22px;
        font-weight: bold;
    }
    .event-box .date-top {
    	top:22px;
    }
    .event-box .date-bottom {
    	top:45px;
    }

	/* ------item parts------ */
	.item-image{
		max-width: 200px;
		max-height: 200px;
	}
	.date-y {
		padding-bottom: 0px;
	    font-size: 13px;
	}
	.date-md {
		font-size: 15px;
		font-weight: bold;
	}
	.badge {
	    width: 55px;
	    height: 55px;
	}
	.badge img{
	    height: auto;
	}

	.item-body .title {
	    font-size: 13px;
	    margin-bottom: 5px;
	    font-weight: bold;
	    max-height: 55px;
	}
	.item-body .text {
		max-height: 70px;
	}

	.text.ellipsis:before {
	    right: 0px;
	}
	iframe{
		max-width: 100%;
	}
	.sns li{
	    width: 50%;
	}
	.sns a {
		height: 40px;
		font-size: 13px;
	}
} /* -- end media screen */