/*
Theme Name: vividmore
Theme URI: 
Description: vividmoreオリジナルテーマ
*/



body,
html {
    width: 100%;
    height: 100%;
	line-height: 1.7;
}

body{
   font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
   font-weight: 700;
   margin: 0;
   padding: 0;
}
body{
	padding-top:89px;
}
a,a:hover{
	color:#00afec;
}
img{
	max-width:100%;
	height:auto;
}
.p_non{
	padding: 0;
}
.m_non{
	margin:0;
}
.bold{
	font-weight:bold;
}
#logo{
	overflow:hidden;
}
#logo a{
	height: 89px;
	line-height:39px;
}
#logo a img{
	height:39px;
	width:auto;
}
/*margin*/
.mg_tp15{
	margin-top: 15px;
}
.mg_tp20{
	margin-top: 20px;
}
.mg_tp25{
	margin-top: 25px;
}
.mg_tp30{
	margin-top: 30px;
}

.mg_bt15{
	margin-bottom: 15px;
}
.mg_bt20{
	margin-bottom: 20px;
}
.mg_bt25{
	margin-bottom: 25px;
}
.mg_bt30{
	margin-bottom: 30px;
}
/*padding*/
.pd_rg10{
	padding-right: 10px;
}
.pd_rg15{
	padding-right: 15px;
}
.pd_rg20{
	padding-right: 20px;
}
.pd_rg25{
	padding-right: 25px;
}
.pd_rg30{
	padding-right: 30px;
}

.pd_bt15{
	padding-bottom: 15px;
}
.pd_bt20{
	padding-bottom: 20px;
}
.pd_bt25{
	padding-bottom: 25px;
}
.pd_bt30{
	padding-bottom: 30px;
}

.pd_tp15{
	padding-top: 15px;
}
.pd_tp20{
	padding-top: 20px;
}
.pd_tp25{
	padding-top: 25px;
}
.pd_tp30{
	padding-top: 30px;
}

.pd_lf10{
	padding-left: 10px;
}

.pd_lf15{
	padding-left: 15px;
}
.pd_lf20{
	padding-left: 20px;
}
.pd_lf25{
	padding-left: 25px;
}
.pd_lf30{
	padding-left: 30px;
}

/*■■ common ■■■■■■■■*/
section{
	padding-top:100px;
	padding-bottom:100px;
}
section:nth-child(odd){
	background:#f8f8f8;
}
section:nth-child(even){
	background:#ffffff;
}
section#news.lower{
	background:#f8f8f8;
}
.section_title{
	margin-bottom:40px;
}
.section_title h1{
	margin-bottom:7px;
	font-size:30px;
}
.section_title p{
	margin-bottom:0;
}
.row-eq-height { /*col高さ揃え*/
    display: flex;
    flex-wrap: wrap;
}
.row-center{/*colセンター寄せ*/
text-align:center;
letter-spacing:-0.4em;
}
.row-center > [class*='col-'] {
display:inline-block;
letter-spacing:0;
vertical-align:top;
float:none !important;
}
/*■■ NAV ■■■■■■■■*/
.navbar .navbar-brand{
	padding-top:25px;
	padding-bottom:25px;
}
.navbar-default{
	background: #FFF;
}
.navbar-default .navbar-nav>li>a{
	color:#303030;
	transition:color 0.3s;
	font-weight:700;
}
.navbar-default .navbar-nav>li>a:hover{
	color:#00afec;
}

	
/*■■ KV ■■■■■■■■*/
section.jumbotron {
    background-image:url(img/kv_sample.jpg);
    background-position: center center;
    background-repeat: no-repeat;
    -moz-background-size: contain;
    -o-background-size: contain;
    -webkit-background-size: contain;
    background-size: contain;
   
	padding-top:0;
	padding-bottom:0;
	margin-bottom:0;
	line-height:0;
}
section.jumbotron .container{
	display:table;
    min-height: 750px;
}
section.jumbotron .container h1{
	display:table-cell;
	vertical-align:middle;
	font-size:40px;
	color:#fff;
	line-height:60px;
	height:650px;
	text-shadow:1px 1px 4px rgba(0,0,0,.9);
}
/*■■ CONCEPT ■■■■■■■■*/
#concept{
	border-top:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
	background:#fff;
	color:#000;
}

/*■■ Service ■■■■■■■■*/
#service{
	margin-bottom:-30px;
}
#service .service_ico{
	height:auto;
}
#service .service_ico_img{
	height:175px;
}
	
#service .service_ico_img img{
	border-radius:5px;

}
#service h2{
	font-size:16px;
}
/*■■ Service contents ■■■■■■■■*/
#service_contents .container .row{
	padding-top:50px;
	padding-bottom:50px;
	border-bottom:#e6e6e6 solid 1px;
}
#service_contents .container .row:first-child{
	padding-top:0;
}
#service_contents .container .row:last-child{
	padding-bottom:0;
	border-bottom:none;
}
#service_contents .service_col_inner{
	padding-left:24px;
}
#service_contents h2{
	font-size:16px;
}
#service_contents img{
	border-radius:5px;
}
/*■■ STAFF ■■■■■■■■*/
#staff{
	margin-bottom:-50px;
}
#staff .container .row div{
	margin-bottom:50px;
}
#staff .staff_ico img{
	width:180px;
	height:180px;
	border-radius:180px;
}
#staff .staff_position{
	color:#00afec;
	margin-bottom:7px;
}

/*■■ NEWS ■■■■■■■■*/
#news .news_cat{
	background:#00afec;
}
#news .news_box{
	margin:0 -15px;
}
#news .news_each{
	padding:22px 0;
	border-bottom:1px solid #e6e6e6;
}
#news .news_box .news_each:first-child{
	border-top:1px solid #e6e6e6;
}
#news .news_each div{
	margin-bottom:0;
	max-width:940px;
	margin-left:auto;
	margin-right:auto;
}
#news .news_each div .news_date,#news .news_each div > a{
	display:inline-block;
	margin-right:2em;
	margin-bottom:0;
}
#news .news_each div > a:hover{
	text-decoration:none;
}
#news .news_each .news_cat{
	display:block;
	color:#fff;
	width:142px;
	text-align:center;
	padding:5px 0;
	border-radius:5px;
}
#news .news_each .news_title{
	font-size:16px;
	display:inline-block;
	margin-right:2em;
	margin-bottom:0;
	font-weight:normal;
}
#news .news_cat_list{
	border-top:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
	padding:30px 0;
	margin:0 -15px;
}
#news .news_cat_list > div{
	max-width:940px;
	margin:0 auto;
}
#news .news_cat_list div > a{
	display:inline-block;
	margin-right:2em;
	margin-bottom:0;
}
#news .news_cat_list div > a:hover{
	text-decoration:none;
}
#news .news_cat_list .news_cat{
	display:block;
	color:#fff;
	width:142px;
	text-align:center;
	padding:5px 0;
	border-radius:5px;
}
#news .news_single_box{
	border-bottom:1px solid #e6e6e6;
	border-top:1px solid #e6e6e6;
}
#news .news_single{
	max-width:970px;
	margin-left:auto;
	margin-right:auto;
	padding:50px 15px;
}
#news .news_single .single_info{
	margin-bottom:50px;
}
#news .news_single .single_info p{
	float:left;
	margin-bottom:0;
}
#news .news_single .single_info p > span,#news .news_single .single_info p > a{
	display:inline-block;
	margin-right:2em;
	margin-bottom:0;
}
#news .news_single .single_info p > a:hover{
	text-decoration:none;
}
#news .news_single .news_cat{
	display:block;
	color:#fff;
	width:142px;
	text-align:center;
	padding:5px 0;
	border-radius:5px;
}
#news .news_single .single_title{
	margin-bottom:50px;
	font-size:24px;
}
#news .news_single .single_sns{
	float:right;
	max-width:400px;
	padding:5px 0;
	text-align:right;
}
#news .news_single .single_sns div{
	margin-left:5px;
	display:inline-block;
	height:22px;
	vertical-align:top;
}

/*---wp post--*/
/* editor */
 
.news_single_cont p {
    display: block;
    margin: 0 0 1em;
}
.news_single_cont strong { font-weight: bold; }
.news_single_cont em { font-style: italic; }
.news_single_cont blockquote {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 40px;
    -webkit-margin-end: 40px;
}
 
/* img */
 
.news_single_cont .aligncenter {
    display: block;
    margin: 0 auto;
}
.news_single_cont .alignright { float: right; margin-left:1em; margin-bottom:1em;}
.news_single_cont .alignleft { float: left; margin-right:1em; margin-bottom:1em;}
 
.news_single_cont img[class*="wp-image-"],
.news_single_cont img[class*="attachment-"] {
    height: auto;
    max-width: 100%;
}
/*---/wp post--*/

#news .pagination_box{
	text-align:center;
}
.pagination{
	border-radius:0;
	margin:45px 0;
}
.pagination>li>a, .pagination>li>span{
	color:#00afec;
	background:none;
	padding:4px 10px;
	border:none;
	border-radius:4px;
	margin:0 5px;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover{
	background:#00afec;
	color:#fff;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
	background:#00afec;
	border:none;
}
#news .nextprev_box{
	max-width:970px;
	margin:50px auto 0;
	padding-left:15px;
	padding-right:15px;
}
#news .nextprev_box a{
	display:inline-block;
}
#news .nextprev_box a:first-child{
	float:left;
}
#news .nextprev_box a:last-child{
	float:right;
}
/*■■ COMPANY ■■■■■■■■*/
#company .company_table{
	margin:0 -15px;
	padding:0;
	list-style:none;
}

#company .company_table li{
	border-bottom:1px solid #e6e6e6;
}
#company .company_table li:first-child{
	border-top:1px solid #e6e6e6;
}
#company .company_table li p{
	max-width:790px;
	width:100%;
	margin:0 auto;
	display:table;
}
#company .company_table li p span{
	display:table-cell;
	padding:20px 0;
	vertical-align:top;
}
#company .company_table li p span:first-child{
	font-weight:700;
	width:120px;
}
#company #map{
	margin-top:50px;
}
/*■■ map ■■■■■■■■*/
#map,#map iframe{
    width: 100%;
    height: 350px;
    margin: 0;
    padding: 0;
}

/*■■ CONTACT ■■■■■■■■*/

#contact ul{
	margin:0 -15px;
	padding:0;
	list-style:none;
}

#contact ul li{
	border-bottom:1px solid #e6e6e6;
}
#contact ul li:first-child{
	border-top:1px solid #e6e6e6;
}
#contact ul li p{
	max-width:790px;
	width:100%;
	margin:0 auto;
	display:table;
}
#contact ul li p .contact_th,#contact ul li p .contact_td{
	display:table-cell;
	padding:20px 0;
	vertical-align:top;
}
#contact ul li p .contact_th{
	font-weight:700;
	width:160px;
}
#contact input[type=submit]{
	color:#fff;
	background:#00afec;
	width:142px;
	text-align:center;
	padding:5px 0;
	border-radius:5px;
	border:none;
	line-height:1.7;
}

/*■■ sns ■■■■■■■■*/
#sns_box{
	width: 100%;
	background-color: #444;
}
#sns{
	padding:100px 0;
	text-align: center;
}

/*■■ sns ■■■■■■■■*/
footer{
	padding: 40px 0;
	background:#323232;
	color:#fff;
}
footer a{
	color:#fff;
}




@media screen and (max-width: 479px) {
/* 479px以下用（スマートフォン用）の記述 */

}
@media (min-width:768px){
.navbar-nav>li>a{
}
#gnavi ul li{
	padding-top:20px;
}
}
@media (min-width:992px){
/* 979px以下用（タブレット用）の記述 */
.navbar .container{
	padding-left:0;
	padding-right:0;
}
}

@media(max-width:767px) {
body{
	padding-top:82px;
}
#logo a{
	height: 82px;
	line-height:32px;
}
#logo a img{
	height:32px;
	width:auto;
}

section.jumbotron,section.jumbotron .container{
    min-height: 420px;	
}
section.jumbotron .container h1{
	font-size:30px;
height:420px;
}


#service_contents .row .p_non{
	padding-left:15px;
	padding-right:15px;
}
#service_contents .service_col_inner{
	padding-left:0;
	margin-top:30px;
}
#news .news_each, #news .news_cat_list{
	padding-left:15px;
	padding-right:15px;
}
#news .news_each p span{
	margin-right:0;
	margin-bottom:5px;
}
#news .news_each > div > a{
	margin-right:1em;
}
#news .news_each .news_cat{
	color:#fff;
	width:auto;
	text-align:center;
	padding:5px 10px;
	border-radius:5px;
	}
#news .news_each .news_title{
	display:block;
	padding:30px 0 10px;
	font-size:16px;
}
#news .news_each .news_title a{
	display:block;
}
#news .news_cat_list div > a{
	margin-right:1em;
}
#news .news_cat_list .news_cat{
	width:auto;
	padding-left:10px;
	padding-right:10px;
	margin-bottom:5px;
}

#news .news_single{
	padding-left:0;
	padding-right:0;
}
#news .news_single .single_info p{
	margin-bottom:10px;
}
#news .news_single .single_info p > a{
	margin-right:1em;
}
#news .news_single .single_info p .news_cat{
	width:auto;
	padding-left:10px;
	padding-right:10px;
}
#news .news_single .single_sns{
	float:left;
	max-width:400px;
	padding:5px 0;
	text-align:left;
}
#news .news_single .single_sns div{
	margin-bottom:5px;
}
#news .nextprev_box{
	padding-left:0;
	padding-right:0;
}

/*---wp post--*/
/* editor */
 
 
/* img */
 
.news_single_cont .aligncenter {
    display: block;
    margin: 0 auto;
}
.news_single_cont .alignright {
	float:none;
	display: block;
    margin: 0 auto;
}
.news_single_cont .alignleft { 
	float:none;
	display: block;
    margin: 0 auto;
}
 
/*---/wp post--*/


#company .company_table li{
	padding-left:15px;
	padding-right:15px;
}

#contact ul li{
	padding:0 15px;
}
#contact ul li p{
	display:block;
	padding:20px 0;
}
#contact ul li p .contact_th,#contact ul li p .contact_td{
	display:block;
	padding:0;
}
#contact ul li p .contact_th{
	width:100%;
	margin-bottom:5px;
}
}
@media (max-width: 991px) {
.navbar-header .navbar-toggle{
	border:none;
	margin-top:28px;
	width:42px;
	height:32px;
	display:block;
}
.navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover{
	background:none;
}
.navbar-default .navbar-toggle .icon-bar{
	-webkit-transition:.35s ease-in-out;
	-moz-transition:.35s ease-in-out;
	transition:.35s ease-in-out;
	position:absolute;
	left:10px;
}	
.navbar-default .navbar-toggle .icon-bar+.icon-bar{
	margin-top:0;
}
.navbar-default .navbar-toggle span:nth-child(2){
	top:9px;
}
.navbar-default .navbar-toggle span:nth-child(3){
	top:15px;
}
.navbar-default .navbar-toggle span:nth-child(4){
	top:21px;
}
.navbar-default .navbar-toggle[aria-expanded="true"] span:nth-child(2){
	top:15px;
	-webkit-transform:rotate(315deg);
	-moz-transform:rotate(315deg);
	transform:rotate(315deg);
}
.navbar-default .navbar-toggle[aria-expanded="true"] span:nth-child(3){
	width:0;
	left:21px
}
.navbar-default .navbar-toggle[aria-expanded="true"] span:nth-child(4){
	top:15px;
	-webkit-transform:rotate(-315deg);
	-moz-transform:rotate(-315deg);
	transform:rotate(-315deg);
}
.navbar-header {
	float: none;
}
.navbar-toggle {
	display: block;
}
.navbar-collapse {
	border-top: 1px solid transparent;
	box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-collapse.collapse {
	display: none!important;
}
.navbar-nav {
	float: none!important;
	margin: 7.5px -15px;
}
.navbar-nav>li {
	float: none;
}
.navbar-nav>li>a {
	padding-top: 10px;
	padding-bottom: 10px;
}
.navbar-text {
	float: none;
	margin: 15px 0;
}
.navbar-collapse.collapse.in {
	display: block!important;
}
.collapsing {
	overflow: hidden!important;
}
.navbar-fixed-bottom .navbar-collapse, .navbar-fixed-top .navbar-collapse{
	max-height:none;
}
}
@media(max-width:1199px) {
}