/*!
 * style.css
 *   ★デザイン編集時はこのCSSを編集すること★
*/
	/* ↓各画面幅個別指定↓*/
	/* @media screen and (min-width: 980px) {
	/* 980px以上用（PC用）の記述 */
	/* }*/
	/* @media screen and (min-width: 768px) and (max-width: 979px) {*/
	/* 768px - 979px用（タブレット用）の記述 */
	/* }*/
	/* @media screen and (min-width: 480px) and (max-width: 767px)  {
	/* 480px - 767px用（タブレット／スマートフォン用）の記述 */
	/* }
	/* @media screen and (max-width: 479px) {
	/* 479px以下用（スマートフォン用）の記述 */
	/* }*/

/*-----------
common
-----------*/
body{
	/*
	font-family:"YuGothic","Yu Gothic","游ゴシック","Hiragino Kaku Gothic ProN","Meiryo",sans-serif;
	*/
	font-size:14px;
	line-height:1.5em;
}

a {
    color:#595959;
}

.p10{padding:10px;}
.p15{padding:15px;}
.p20{padding:20px;}
.p25{padding:25px;}
.p30{padding:30px;}

.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}

.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}

.mtb10{margin-top:10px;margin-bottom:10px;}
.mtb15{margin-top:15px;margin-bottom:15px;}
.mtb20{margin-top:20px;margin-bottom:20px;}
.mtb25{margin-top:25px;margin-bottom:25px;}
.mtb30{margin-top:30px;margin-bottom:30px;}

.v-top{
	vertical-align:top;
}

/* GoogleMapのiframeをレスポンシブ化 */
.ggmap {
	position: relative;
	padding-bottom: 76.00%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

table.about-list{

}
table.about-list th{
	/* background-color:#E0ECF8; */
	width:120px;
	min-width:80px;
	font-weight:normal;
	text-align:center;
	vertical-align:middle !important;
}
table.about-list th,
table.about-list td{
	/*border-top:2px solid #fff !important;*/
	border-top:none !important;
	border-bottom:1px solid #ccc !important;
}

table.about-list-sub th,
table.about-list-sub td{
	vertical-align:top;	
	border:none !important;
}
table.about-list-sub td{
	padding-left:10px;
}

table.history-list th{
	/* color:#009EDF; */
	min-width:80px;
	font-weight:normal;
	vertical-align:middle !important;
}
table.history-list th,
table.history-list td{
	border-top:none !important;
	border-bottom:1px solid #ccc !important;
}
table.history-list tr th:first-child{
	width:100px;
}
table.history-list tr th.month{
	text-align:right;
	width:50px;
}

@media (min-width: 1200px) {
	.navbar{
		min-height:75px;
	}
	.navbar-brand.logo{
		padding:6px 15px;
	}
	.navbar-brand{
		height:75px;
	}
	.navbar-brand > img{
		max-height:65px;
	}
}

.navbar-inverse{
	background-color:#FFFFFF;
	border-color:#FFFFFF;
	background-image:none;
}

.navbar-inverse .navbar-nav > li > a{
	text-shadow:none;
}

.navbar-inverse .navbar-collapse{
	border-color:#fff;
}


@media (min-width: 1200px) {
	.navbar-nav > li > a{
		padding:28px 35px;
		font-size:20px;
		font-weight:bold;
	}
}
@media (max-width: 1199px) {
	.navbar-nav > li > a{
		padding:15px 25px;
		font-size:16px;
		font-weight:bold;
	}
}

.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > li > a:hover, 
.navbar-inverse .navbar-nav > .open > a:focus{
    background-image: none;
    box-shadow: none;
}

.navbar-inverse .navbar-brand, 
.navbar-inverse .navbar-nav > li{
	border-right:none;
	letter-spacing: 0.05em !important;
}

.navbar-inverse .navbar-nav > li > a{
	color:#666;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus,
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
	color:#666;
	background-color:#eee;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .active > a{
	background-image:none;
	box-shadow:none;
	color:#666;
}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus{
	background-color:#eee;
	color:#666;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a,
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover{
	color:#666;
}
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover{
	text-decoration:underline;
}
.navbar-nav > li > .dropdown-menu{
	margin-left:25px;
}

.navbar-inverse .navbar-toggle{
	border-color:#aaa;
}
.navbar-inverse .navbar-toggle .icon-bar{
	background-color:#aaa;
}

.navbar-inverse .header-menu-selected{
	background-color:#eee;
}

#gnavi-m .scroll a::after{
	font-size:16px;
	line-height:16px;
}


.extra-menu .extra-menu-item a{
	color:#fff;
}
.extra-menu .extra-menu-item a:hover{
	text-decoration:underline;
}
.extra-menu .extra-menu-item .extra-menu-item-name{
	padding:10px;
}

.block-title{
	text-align:center;
	font-size:48px;
}
.block-subtitle{
	text-align:center;
	font-size:18px;
	color:#888;
	margin-bottom:20px;
}
.block-border{
	border-top:2px dotted #ccc;
}

.section-title{
	border-top:2px dotted #ccc;
	border-bottom:2px dotted #ccc;
	padding:15px 0;
	margin:15px 0;
	/* color:#009EDF; */
	padding-left:10px;
	font-size:18px;
	font-weight:bold;
}


.page-head h1.page-head-text-title{
	text-align:center;
	font-size:48px;
}
.page-head h3.page-head-text-subtitle{
	text-align:center;
	font-size:18px;
	color:#888;
	margin-bottom:20px;
}

.page-head .page-head-text-comment{
	/* color:#009EDF; */
    color: #595959;
}

.page-head .page-head-text-comment-box{
	border-top:2px dotted #ccc;
	padding:15px 0;
	
}

.page-head .page-head-text-note{
	border-top:2px dotted #ccc;
	border-bottom:2px dotted #ccc;
	padding-top:15px;
}
.page-head .page-head-text-note .page-head-text-note-item{
	padding-bottom:15px;
}

.page-head .page-head-text-note .page-head-text-note-title{
    /* color: #009edf; */
    font-size: 18px;
    font-weight: bold;
}
.page-head .page-head-text-note .page-head-text-note-text{
	padding-top:10px;
}

.page-head .page-head-pickup{
	margin-top:15px;
	text-align:center;
}
.page-head .page-head-pickup img{
	max-width:200px;
	display:inline-block;
}


.index-fixed .col-sm-4, .col-xs-3 {
    padding-right: 3px;
    padding-left: 3px;
}

#content .index-fixed .item .item-note .title{
	font-size:18px;
	font-weight: bold;
}

#content .index-fixed{
	background-color:#E9E5E2;
	padding-top:25px;
	padding-bottom:25px;
}
#content .index-fixed .item .item-note{
	background-color:transparent;
}

#content .index-news,
#content .index-contact{
	padding-top:25px;
}

#content .index-news h3,
#content .index-contact h3{
	margin-top:0;
	font-size:18px;
}

#content .index-news .item{
	margin-bottom:0px;
}
#content .index-news .item a{
	padding: 5px 10px;
}

#content .index-news .col-sm-9,
#content .index-contact .col-sm-7{
	border-left:2px dotted #ccc;
}
@media (max-width: 767px) {
	#content .index-news .col-sm-9,
	#content .index-contact .col-sm-7{
		border-left:none;
	}
}

#content .index-banner .item {
	padding: 0;
	margin: 5px;
}

#content .index-contact .item{
	padding:5px 0;
}

#content .index_btm{
	margin-top:25px;
	background-color:#eee;
	background-image: url(http://sincol-s.co.jp/assets/fixed/img/sincol-indexill_back.jpg);
	background-repeat:no-repeat;
	padding-bottom:5em;
	padding-top:2em;
}

@media (min-width: 768px) {
	#content-h .backstretch-box .backstretch .backstretch-slide-title{
		font-size:48px;
	}
}


#content .to-webcatalog.icon-link .unit-related-label::after{
    content: "\f08e" !important;
    font-family: FontAwesome;
}

#content .unit-main{
	margin-bottom:50px;
}

/*-----------
.design-a
-----------*/
#content.design-a .page-head {
    padding: 15px 0 0;
}

#content.design-a .page-main{
	padding:0 !important;
	margin:0;
}

#content.design-a h5.unit-title {
    position: relative;
    margin: 10px 0px 25px 0px;
    padding: 10px 10px 0px 20px;
    font-weight: bold;
    font-size: 115%;
    color: #000;
}

#content.design-a h5.unit-title::after {
    content: " ";
    position: absolute;
    padding: 0 20px;
    bottom: 0;
    bottom: -5px;
    left: 10px;
    width: 120px;
    width: 60%;
    height: 20px;
    background: rgba(255,182,182,0.4);
    -webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    transform: rotate(-1deg);
}

#content.design-a table.spec-table {
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: solid;
    border-left-style: solid;
    border-top-color: #DAD5D4;
    border-right-color: #DAD5D4;
    border-bottom-color: #DAD5D4;
    border-left-color: #DAD5D4;
}

#content.design-a table.spec-table td {
    padding: 7px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: none;
    border-left-style: none;
    border-top-color: #DAD5D4;
    border-right-color: #DAD5D4;
    border-bottom-color: #DAD5D4;
    border-left-color: #DAD5D4;
    text-align: left;
    vertical-align: top;
    width: auto;
}

#content.design-a .page-submenu dl dd {
    padding: 10px;
    margin-left: 0px;
    border-bottom: solid 1px #ddd;
}

#content.design-a .page-submenu dl dd a {
    margin-left: 15px;
    position: relative;
}

/*-----------
.design-b
-----------*/

/*----------
.design-c
----------*/
#content.design-c .theme-attr {
    border-bottom: 1px solid #aaa;
    padding-bottom: 10px;
    font-size: 80%;
}

#content.design-c h5.unit-title {
    border-left: 7px solid #aaa;
    padding: 0.8em 0.5em;
    font-size: 120%;
	font-weight:bold;
}

#content.design-c .page-submenu dl dd {
    padding: 10px;
    margin-left: 0px;
    border-bottom: solid 1px #ddd;
}

#content.design-c .page-submenu dl dd a {
    margin-left: 15px;
    position: relative;
}

/*-----------
.design-d
-----------*/
#content.design-d .page-head-text {
	line-height:1.8em;
}

#content.design-d .theme-title {
    cursor: pointer;
    border: 1px solid #aaa;
    background-color: #eee;
    margin: 0;
    padding: 10px;
	font-weight: bold;
}

#content.design-d h5.unit-title {
    position: relative;
    font-weight: bold;
    font-size: 120%;
	line-height:1.6em;
    color: #CB4470;
}

#content.design-d .unit-text {
    padding: 0.5em 0;
	line-height:1.8em;
}

#content.design-d .unit-image {
    text-align: center;
}

#content.design-d .unit-image > img {
    width: 80%;
    border-radius: 10px;
}

/*-----------
.design-e
-----------*/
#content.design-e .page-head {
    padding: 0;
}

#content.design-e .unit-text {
    padding: 25px 0 0 0;
    line-height: 1.8em;
}

#content.design-e .unit-image img{
	margin-top:15px !important;
	border-radius:10px;
}

@media screen and (max-width: 640px) {
	#content.design-e .theme-title{
		font-size:18px !important;
		font-weight:bold;
	}
	#content.design-e .theme-title .theme-subtitle {
		font-size: 12px !important;
		padding: 10px 5px 0 5px;
	}
}

/*-----------
.design-e2
-----------*/
#content.design-e2 .unit-title{
    font-size: 14px !important;
	padding: 13px 0 0 0;
    line-height: 1.6em;
}

#content.design-e2 .unit-text{
    line-height: 1.7em;
}

@media screen and (max-width: 640px) {
	#content.design-e2 .theme-title{
		font-size:18px !important;
		font-weight:bold;
	}
	#content.design-e2 .theme-title .theme-subtitle {
		font-size: 12px !important;
		padding: 10px 5px 0 5px;
	}
}

/*-----------
.design-f
-----------*/

/*-----------
.design-g、design-s
-----------*/
#content.design-g .unit-title{
	/* color:#009EDF; */
	font-weight:bold;
	font-size:18px;
}

#content.design-s .unit-related > span {
	width: 100%;
}

#content.design-g .unit-related,
#content.design-s .unit-related{
	/*border: 2px solid #009EDF;*/
    border: 2px solid #595959;
}

#content.design-g .unit-related > span{
	display:inline-block;
}

#content.design-g .unit-related-label,
#content.design-s .unit-related-label{
	border:none;
	/* background-color:#009EDF; */
	background-color:#595959;
	color:#fff;
	text-align:center;
}
#content.design-g .unit-related-label::after,
#content.design-s .unit-related-label::after{
	font-size:22px;
	margin:0;
}
#content.design-g .unit-related.to-webcatalog .unit-related-label,
#content.design-s .unit-related.to-webcatalog .unit-related-label{
	width:45px;
}
@media (max-width: 767px) {
	#content.design-g .unit-related.to-webcatalog{
		margin-top:15px;
	}
}

#content.design-g .unit-main .unit-related{
	margin-bottom:15px;
}

#content.design-g .unit-main .unit-related-label{
	display:none !important;
}

#content.design-g .unit-related-link{
	text-align:center;
}
#content.design-g .unit-related-link a{
	display:block;
}
#content.design-g .unit-main .unit-related-link{
	width:100%;
}

#content.design-g .unit-related-1 .unit-related-link{
	/* background-color:#009EDF; */
    background-color:#595959;
}
#content.design-g .unit-related-1 .unit-related-link a{
	color:#fff;
}
#content.design-g .webcatalog-icon{
	max-width:28px;
	margin-right:3px
}


@media (max-width: 767px) {
    #content.design-g .unit-related-label:after,
	#content.design-s .unit-related-label:after{
	    content: "\f105";
        margin-left: 0;
    }    
}
@media (max-width: 479px) {
	#content.design-s .unit-related-link span.group-name{
		display:none;
    }    
}

/*----------
.design-h
----------*/
#content.design-h .attach-files,
#content.design-h .attach-files .attach-file{
	margin:0;
	border:none;
}

#content.design-h .attach-files .attach-file{
	text-align:center;
	background-color:#87A43B;
}
#content.design-h .attach-files .attach-file a{
	padding:6px 15px 7px;
	display:block;
	color:#fff;
}
#content.design-h .attach-files .attach-file a:before{
	content:"";
	margin:0;
}
#content.design-h .attach-files .attach-file a span.file-size{
	display:none;
}

#content.design-h .tab-content{
	margin-bottom:25px;
}

#content.design-h .unit-main {
    margin-bottom: 50px;
    border-bottom: #aaa 1px dotted;
    padding-bottom: 5px;
}

#content.design-h .unit-main .unit-related {
    margin-bottom: 5px;
}

#content.design-h .unit-image, #content .unit-movie {
    margin-bottom: 5px;
}


/*----------
.footer
----------*/
.footer > .footprint,
.footer > .information,
.footer > .shortcut-menu{
	background-color:#E9E5E2;
}

.footer > .footprint {
    background-color: #ccc;
}

.footer .container .text-muted{
	text-align:center;
}

.footer .shortcut-menu .col-sm-3{
	border-left:2px dotted #ccc;
}

.footer .shortcut-menu dl dt{
	border-bottom:none;
}
.footer .shortcut-menu dl dt a,
.footer .shortcut-menu dl dd a{
	color:#666;
}

/* Start Add T2 17.11.01 */
.footer .information,
.footer .information-bottom .footer-site-info{
	display:none;
}
.footer .information-bottom{
	background-color:#e9e5e2;
}

#content .index-theme .col-sm-10, 
#content .index-news .col-sm-10, 
#content .index-contact .col-sm-8{
	border-left:2px dotted #ccc;
}

#content .index-theme .item::before,
#content .index-news .item::before,
#content .index-event .item::before{
	content:"";
}
#content .index-theme .item::after,
#content .index-news .item::after,
#content .index-event .item::after{
    content: "\f105";
    font-family: FontAwesome;
    position: absolute;
    margin-top: -7px;
    top:50%;
    right: 7px;
}
/* End Add T2 17.11.01 */



/* Start Add T2 17.12.22 */
#content-h .backstretch-box .backstretch .backstretch-slide-title img{
    transition:none !important;
	-moz-transition: none !important;
	-webkit-transition: none !important;
    display: inline-block !important;
    width:400px !important;
    height:100px !important;
}
/* End Add T2 17.12.22 */


/* Start Add T2 26.07.03 */
.index-fixed .item .item-note .title,
.index-fixed .item .item-note .item-text{
    color:#595959;
}
/* End Add T2 26.07.03 */


/* Start Add T2 26.07.17 */

#content.design-h .nav-tabs, #content.design-h2 .nav-tabs {
    border-bottom: 10px solid #595959;
}

#content.design-h .nav-tabs > li.active > a, #content.design-h .nav-tabs > li.active > a:hover, #content.design-h .nav-tabs > li.active > a:focus, #content.design-h2 .nav-tabs > li.active > a, #content.design-h2 .nav-tabs > li.active > a:hover, #content.design-h2 .nav-tabs > li.active > a:focus {
    border-color: transparent;
    background-color: #595959;
}

#content.design-h .nav-tabs > li > a, #content.design-h2 .nav-tabs > li > a {
    background-color: #999;
    color: #fff;
}

#content.design-h .nav-tabs > li > a:hover, #content.design-h2 .nav-tabs > li > a:hover {
    border-color: transparent;
    background-color: #595959;
}

.pagination>li>a, .pagination>li>span {
    color: #595959;
}
.pagination>.active>a, .pagination>.active>span, .pagination>.active>a:hover, .pagination>.active>span:hover, .pagination>.active>a:focus, .pagination>.active>span:focus {
    background-color: #595959;
    border-color: #595959;
}