body {
  font-family: "メイリオ", Meiryo, "Century Gothic", "游ゴシック Medium", 游ゴシック体, "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  word-wrap: break-word;
  -webkit-text-size-adjust: none;
  font-size:15px;
  text-align:left;
  line-height:1.7;
}
ol, ul {
  list-style-type: none;
  padding: 0;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
	line-height:1.2;
}

li {
  vertical-align: top;
}

.container {
    max-width: 100%;
	padding-left:25px;
	padding-right:25px;
}

body {
    /*padding-top: 68px !important;*/
    padding-top: 108px !important;
    background:#21a3dd;
}

img{max-width:100%;}

a:hover img {
	opacity: .5;
	-webkit-opacity: .5;
	-moz-opacity: .5;
	filter: alpha(opacity=50);	/* IE lt 8 */
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
}
 
a img {
	-webkit-transition: opacity .5s ease-out;
	-moz-transition: opacity .5s ease-out;
	-ms-transition: opacity .5s ease-out;
	transition: opacity .5s ease-out;
}

/*===================================================*/
/*NAVIGATION*/
/*===================================================*/
.navbar{
	min-height:68px;
    margin-bottom: 0px;
    background:#000;
	border:none;
}
.navbar-header {
	min-width: 214px;
	min-height:68px;
}


.navbar-brand{
	width:200px;
    padding: 30px 30px 0 16px;
}
.sitecatch{
    position: absolute;
    top: 10px;
    left: 20px;
    font-size: 10px;
	color:#FFF;
}
.navbar-nav{margin:0;}
.navbar-default .navbar-collapse, .navbar-default .navbar-form{

}

.navbar-toggle{
	margin:16px 7px 0 0;
	padding:10px 7px;
	border-radius: 0px;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus{
	background-color:#000;
}

.navbar-default .navbar-toggle {
    border-color: #FFF;
	border:none;
}
.navbar-default .navbar-toggle .icon-bar{
	background-color: #FFF;
}


.search_box .btn-default {
    padding: 5px 10px;
    background-color: #000;
    border: none;
    color: #FFF;
    font-size:12px;
    transition-property: all;
    transition: 0.3s linear;

	font-family:FontAwesome;
}
.search_box .btn-default:hover {
	background:rgba(0,0,0,.4);
}
/*.search_box .btn-default:before{
	font-family:FontAwesome;
	content:"\f002";
	padding-right:3px;

}*/
.search_box .form-control{
	height:27px;
	padding:3px 5px;
}
.gsc-input .gsc-input-box{
    height:auto;
}

.gsc-search-button input.gsc-search-button{
    box-sizing:content-box;
}

.gsc-orderby .gsc-inline-block{
    box-sizing:content-box;
}

@media (min-width: 768px){
	.mainnav{
		position: absolute;
		top: 68px;
		left: 0;
		background: rgba(110,110,110,.7);
		width: 100%;
        padding-right:230px;
	}


	.navbar-default .navbar-nav.mainnav > li > a {
		padding: 10px 10px 10px 28px;
		font-size: 12px;
		color:#FFF;
		transition-property: all;
		transition: 0.3s linear;
	}
    .navbar-default .navbar-nav.mainnav > li.nav_machidukuri > a {
		padding-left: 36px;
	}
	.navbar-default .navbar-nav.mainnav > li :hover {
		background:rgba(0,0,0,.4);
	}

	.nav_kau:before{
		content: "";
		background: url(../images/top5/svg/icon_kau.svg) no-repeat center;
		position: absolute;
		display: block;
		width: 19px;
		height: 19px;
		top: 9px;
		left: 6px;

	}
	.nav_stay:before{
		content:"";
		background: url(../images/top5/svg/icon_stay.svg) no-repeat center;
		position: absolute;
		display: block;
		width: 18px;
		height: 19px;
		top: 11px;
		left: 7px;

	}
	.nav_life:before{
		content:"";
		background:  url(../images/top5/svg/icon_life.svg) no-repeat center;
		position: absolute;
		display: block;
		width: 18px;
		height: 18px;
		top: 10px;
		left: 8px;

	}
	.nav_health:before{
		content:"";
		background:  url(../images/top5/svg/icon_health.svg) no-repeat center;
		position: absolute;
		display: block;
		width: 14px;
		height: 18px;
		top: 11px;
		left: 10px;
	}
	.nav_play:before{
		content: "";
		background:url(../images/top5/svg/icon_play.svg) no-repeat center;
		position: absolute;
		display: block;
		width: 18px;
		height: 17px;
		top: 10px;
		left: 6px;
	}
	.nav_tenbo:before{
		content: "";
		background:url(../images/top5/svg/icon_tenbo.svg) no-repeat center;
		position: absolute;
		display: block;
		width: 14px;
		height: 18px;
		top: 10px;
		left: 10px;
	}
	.nav_gov:before{
		content: "";
		background:url(../images/top5/svg/icon_gov.svg) no-repeat center;
		position: absolute;
		display: block;
		width: 14px;
		height: 18px;
		top: 10px;
		left: 10px;
	}
    .nav_machidukuri:before{
		content: "";
		background:url(../images/top5/svg/icon_shakeHand.svg) no-repeat center;
		position: absolute;
		display: block;
		width: 23px;
		height: 23px;
		top: 8px;
		left: 10px;
	}

	.navbar-default .navbar-nav.membernav > li > a {
		padding: 24px 12px;
		font-size: 12px;
		font-weight:700;
		color:#FFF;
		border-left:.5px solid rgba(255,255,255,.2);
		transition-property: all;
		transition: 0.3s linear;
	}

	.navbar-header {
	    min-width: 214px;
	}

	.btn_kojin_flr a{
		content: "";
		background: url(../images/top5/svg/btn_kojin_fr.svg) no-repeat center;
		height:68px;
		width: 105px;
		padding: 18px 0 18px !important;
		margin-right:10px;
		text-indent: 100%;
		white-space: nowrap;
		border-left:none !important;
		overflow: hidden;
		background-size: contain;

	}
	.btn_dantai_flr a{
		content: "";
		background: url(../images/top5/svg/btn_dantai_fr.svg) no-repeat center;
		height:68px;
		width: 105px;
		padding: 18px 0 18px !important;
		margin-right:10px;
		text-indent: 100%;
		white-space: nowrap;
		border-left:none !important;
		overflow: hidden;
		background-size: contain;

	}
	.btn_login a{
		content: "";
		background: #e5a819 url(../images/top5/svg/btn_login.svg) no-repeat center;
		height:68px;
		width: 114px;
		padding: 18px 12px 18px !important;
		text-indent: 120%;
		white-space: nowrap;
		overflow: hidden;
		background-size: 100px;

	}


	.navbar-form.search_box{
		padding:0;
		margin:0;
	}
	.search_box{
	    position: absolute;
	    top:74px;
	    right: 0px;
	}
	.search_box .row{
		margin:0;
	}
	.search_box .form-control{
		max-width:150px;
		width:100%;
	}
	.search_box .pad0{
		padding:0 2px;
	}

}

@media (min-width: 786px) {
    .btn_kojin_flr a{
		width: 114px;
	}
	.btn_dantai_flr a{
		width: 114px;
	}
}

@media (max-width: 900px) {
    .navbar-default .navbar-nav.mainnav > li.secondRaw > a{
        padding-top:0px;
    }
    li.secondRaw:before{
        top:-2px;
    }
}

@media (max-width: 767px){
    body{
        padding-top:70px !important;
    }

	.membernav{
		margin-top:15px;
		padding-bottom:15px;
		border-top:.5px solid #DDD;
	}

	.nav.mainnav > li,
	.nav.membernav > li{
	    position: relative;
	    display: inline-block;
	    min-width: 47%;
	    line-height:1.6;
	    margin:0 1%;
/*	    border-bottom:1px solid #000;*/
        font-size:13px;
	}
	.nav.mainnav > li:after,
	.nav.membernav > li:after{
		font-family:FontAwesome;
		content:"\f054";
		position:absolute;
		right:-7px;
		top: .85em;
	}


	.nav.mainnav > li a,
	.nav.membernav > li a,
    .navbar-default .navbar-nav.mainnav > li.secondRaw > a{
		padding:10px 5px;
	}


	.search_box{
	    display: block;
	    width: 100%;
	}
	.navbar-form.search_box{
		clear:both;
		margin:15px auto 0;
		padding:5px;
	}
	#navbar{background:#FFF;padding-bottom:10px}
	.sr-only {
	    position: absolute;
	    width: 36px;
	    height: 0;
	    padding: 0;
	    margin: 0;
	    border: 0;
	    top: 25px;
	    color: #FFF;
	    display: block;
	    left: 0;
	    z-index: 99999;
	    font-size: 8px;
	    overflow:initial !important;
	    clip:auto;
	}

}
/*===================================================*/
/*HOME*/
/*===================================================*/
.wrapper {
  *zoom: 1;
  margin:0 auto;
  overflow:hidden;

}
.wrapper:after {
  content: "";
  display: block;
  clear: both;
}



/*===================================================*/

.nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
    color: #FFF;
    cursor: default;
    background-color: #2dbbed;
    border: none;
    border-bottom-color: transparent;
}
.nav-tabs > li > a{border:initial;}
.nav-tabs > li > a{border-right:1px dotted #DDD;margin:0;border-radius:0}
.nav-tabs > li:last-child > a{border:none}

.nav-tabs{background:#9e9c9d;border-bottom:0;}
.nav-tabs > li{width:33.3333%;text-align:center;font-weight:bold;margin:0;}
.nav-tabs > li > a{
	color:#FFF;
	padding:10px 5px;
}
.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus{
	background:#000;
	border:none;
}
#tab1,#tab2,#tab3,#tab4{
	padding:10px 0;
}
.tab-pane{background:#FFF}


/*===================================================*/
/*カテゴリ別配色*/
.amacat{
	position:absolute;
	width:100%;
	bottom:0;
	left:0;
	padding:2px 5px;
	background:#070707;
	color:#FFF;
	font-size:11px;
	text-align:center;
}

.cat0{background-color:#3fbaf5}
.cat1{background-color:#de840c}
.cat2{background-color:#2b5e95}
.cat3{background-color:#c13033}
.cat4{background-color:#5e9d32}
.cat5{background-color:#d4a60a}
.cat6{background-color:#6087cc}
.cat7{background-color:#ef3e2c}
.cat8{background-color:#2db09e}
.cat9{background-color:#aa8953}
.cat10{background-color:#86becb}



/*===================================================*/
/*フッター*/
.section-ft{padding:30px 20px 10px;background:#34bee3;color:#FFF}
.section-ft a,.section-ft a:hover{color:#FFF}
.section-ft li{padding:2px;margin:1px}
.section-ft li:before{
	content:"\f138";
	font-family: FontAwesome;
	padding-right:4px;
}
ul.ftarea li{display:inline-block;margin-right:1em;font-size:13px;}

.copy{padding-top:20px;font-size:11px;}

/*===================================================*/
/*その他*/
.mintitle {
    font-family: 游明朝, YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HG明朝E, "ＭＳ Ｐ明朝", serif;
}


/*Loading*/
.loadingWrap {
  width: 100%;
  height: 100%;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 5;
}
.loadingWrap img {
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -69px 0 0 -69px;
  width: auto;
}

#pagetop {
    position: fixed;
    bottom: 30px;
    right: 10px;
    z-index:9999;
}
#pagetop a{
    width: 45px;
    height: 45px;
    display: block;
    text-align: center;
    font: 11px/100% Arial, Helvetica, sans-serif;
    text-transform: uppercase;
    text-decoration: none;
    color: #FFFFFF;
    background: rgba(0,0,0,.6);
    -webkit-transition: 1s;
    -moz-transition: 1s;
    transition: 1s;
}
#pagetop i {
    margin-top: 8px;
    font-size: 28px;
}

/*-------------------------------------------*/
/*media query custom*/
/*-------------------------------------------*/
@media screen and (max-width: 1199px) {
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
		padding:10px;
	}
	.row {
	    margin-right: -8px;
	    margin-left: -8px;
	}

}
@media (max-width: 768px){
	.sec-rank h2{
		text-align:center;
	}
}

@media screen and (max-width: 767px) {
	.container{
		padding-left:15px;
		padding-right:15px;
	}

	.main-container{
		width:100%;
		padding-left:0px;
		margin-left:0px;
	}
	.navbar-fixed-top .navbar-collapse, .navbar-fixed-bottom .navbar-collapse{
		max-height: 460px;
	}

}


@media screen and (max-width: 414px) {

	#pagetop {
	    position: fixed;
	    bottom: 10px;
	    right: 10px;
	}
}


/* フロア */
.svc_middle_inner .row
{
    margin:0px;
    /*padding:0px;*/
}
.svc_middle_inner .col-md-5
{
    padding:0px;
}
.svc_middle_inner .col-md-7
{
    padding:0px;
}