@charset "UTF-8";
html{ font-size: 62.5% }

.skippr {
	height: 600px !important;
	width: 1600px !important;
	margin: 0 auto;
	min-height: 623px !important;
}
#random{
	/*margin-top: 90px;*/
}


.slidebox{
	position: relative;
}
.slidebox .txt01{
	position: absolute;
	width: 55%;
	top:20%;
	right: 7%;
}
.slidebox .txt01 img{
	width: 100%;
}
.slidebox .txt02{
	position: absolute;
	width: 70%;
	top:10%;
	right: 15%;
}
.slidebox .txt02 img{
	width: 100%;
}
.slidebox .txt03{
	position: absolute;
	width: 65%;
	top:30%;
	right: 15%;
	text-align: center;
}
.slidebox .txt03 img{
	width: 100%;
	max-width: 800px;
}
.slidebox .txt04{
	position: absolute;
	width: 60%;
	top:5%;
	right: 20%;
}
.slidebox .txt04 img{
	width: 100%;
}
.slidebox .txt05{
	position: absolute;
	width: 55%;
	top:15%;
	right: 25%;
}
.slidebox .txt05 img{
	width: 100%;
}
.slidebox .txt06{
	position: absolute;
	width: 40%;
	top:10%;
	right: 10%;
}
.slidebox .txt06 img{
	width: 100%;
}
.slidebox .h100ph {
	height: 100%;
	background-size: cover;
	background-position: 50% 62.5%;
}

#mnav {
    width: 100%;
    height: 110px;
    overflow: hidden;
    background: url(../../img/top/nav_bg.png) repeat-x left center;
    position:fixed;
    bottom: inherit;
    top:-9px;
    left: 0;
    z-index: 99;


	padding: 30px 0 10px;
}
#mnav .logo img{
	width: 100%;
	max-width: 180px;
}
#mnav .headbtn{
	text-align: right;
}
#mnav .headbtn a{
	font-size: 14px;font-size: 1.4rem;
	margin-right: 5px;
}

#mnav ul {
	padding-top: 0;
}

#mnav li a{
	padding-top: 10px;
}
.modal-sm{
	width: 400px;
}
/*ヘッダメニュー*/
#menu-item-73,#menu-item-70,#menu-item-268,#menu-item-282{
	display: none;
}

/*機能・特徴*/

.feature_icon {
    padding: 20px 200px;
}

@media screen and (max-width: 1600px) {/*スマホの場合*/
.skippr {
	height: 600px !important;
	width: 100% !important;
	min-height: 600px !important;
}
.ksud{
	text-align: center;
}
}
@media screen and (max-width: 1100px) {/*スマホの場合*/
html{
	font-size: 8px !important;
	line-height: 1.3;
}
.skippr {
	height: 700px !important;
	min-height: 470px !important;
}
.slidebox .txt01{
	width: 55% !important;

}
.hatena {
	font-size: 32px !important;
}
.modal-sm{
	width: 400px;
}
.ksud{
	padding: 6% 0 !important;
	background-color:#FFF; 
}
.page .ksud{
	padding: 0 !important;
}
.ksud h2{
	font-size: 45px; font-size: 4.5rem !important;/*IE8ハック*/
	padding: 1% 0 7% !important;
}

}


@media screen and (max-width: 990px) {/*スマホの場合*/
	html{
	font-size: 8px !important;
	line-height: 1.3;
}
.skippr {
	height: 500px !important;
	min-height: 350px !important;
}
.hatena {
	font-size: 32px !important;
}
.modal-sm{
	width: auto;
}
.feature .img_phone{
	background-image: none !important;
}
.wrap_feature{
	background:  url(../../img/top/km/arrow_phone_smp.gif) no-repeat bottom center;
}
.ksud h2{
	font-size: 45px; font-size: 3.7rem !important;/*IE8ハック*/
	}
.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;
    }
    .feature_icon {
    padding: 15px 100px;
}
.feature_icon .col-xs-3{
    padding: 0px 5px;
}
}

@media screen and (max-width: 768px){
.skippr {
	height: 620px !important;
	min-height: 270px !important;
}
.slidebox .txt01 {
    position: absolute;
    width: 80% !important;
    top: 10%;
    right: 10%;
}
.slidebox .txt02 {
    position: absolute;
    width: 90%;
    top: 20%;
    right: 5%;
}
.slidebox .txt03 {
    position: absolute;
    width: 80%;
    top: 30%;
    right: 10%;
}
.slidebox .txt04 {
    position: absolute;
    width: 80%;
    top: 10%;
    right: 10%;
}
.slidebox .txt05 {
    position: absolute;
    width: 80%;
    top: 15%;
    right: 10%;
}
.slidebox .txt06 {
    position: absolute;
    width: 48%;
    top: 20%;
    right: 4%;
}
.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand {
     margin-left: 0px; 
}


}

@media screen and (max-width: 650px) {/*スマホの場合*/
html{
	font-size: 7.5px !important;
	line-height: 1.3;
}

.skippr {
	height: 620px !important;
	min-height: 270px !important;
}

.smdata p{
	font-size: 24px;font-size: 2.4rem  !important;
}

.select3 h3{

	font-size: 17px !important;
}
.select3 p{

	font-size: 17px !important;
}
.hatena {
	font-size: 32px !important;
}
.modal-sm{
	width: auto;
}
#menu-item-73,#menu-item-70,#menu-item-268,#menu-item-282{
	display: block !important;
}
.feature_icon {
    padding: 10px 30px;
}
.feature_icon .col-xs-3{
    padding: 0px 5px;
}
.feature .container {
    padding: 0 10px !important;
}

/*チャット*/
.mcs-chat.is-close, 
.mcs-chat.is-open.is-close {
    height: 29px !important;
    width: 43px !important;
    float: right !important;
}

.is-close .mcs-theme-title{
	text-indent: 75px;
	    display: inline-block !important;
	    position: static !important;
}
.is-close{
	position: relative;
	  	
}
.is-close .mcs-chat__title:after{
	content: "\f0e6";
	font-family: FontAwesome;
	position: absolute;
  	top: 0%;
  	right: 8px;
  	margin-top: -8px;
  	color: #fff;
  	z-index: 2;
  	font-size: 24px;
	font-weight: 100;
}

}


@media screen and (max-width: 414px) {/*スマホの場合*/
html{

	font-size: 5.5px !important;
	line-height: 1.3;
}
body#index{
	padding-top: 50px;
}
.skippr {
	height: 325px !important;
	min-height: 170px !important;
}
#random{
	padding-top: 0px !important;
}
.slidebox .txt01{
	width: 70% !important;
	top:12% !important;
	right: 10% !important;
}

.slidebox .txt02{
	width:80% !important;
	top:15% !important;
	right: 10% !important;
}
.slidebox .txt03{
	width:80% !important;
	top:15% !important;
	right: 10% !important;
}

.slidebox .txt04{
	width: 50% !important;
	top:15% !important;
	right: 10% !important;
}
#mCSB_1_container {
text-align: left !important;
}
#mCSB_1_container img{
width:70% !important;
text-align: left !important;
}
#mnav {
    height: 90px !important;

}
.catchcopy{
	font-size: 28px; font-size: 3.5rem !important;/*IE8ハック*/
}
.feature .container{
	padding: 0  !important;
}
.smdata p,
.page .ksud p{
	font-size: 20px;font-size: 2.6rem  !important;
}
.select3{
	padding-bottom: 0  !important;
}
.select3 h3{

	font-size: 17px !important;
}
.select3 p{

	font-size: 17px !important;
}
.smdata .btn_blue{
font-size: 18px !important;

}
.hatena {
	font-size: 32px !important;
}
.modal-sm{
	width: auto;
}

#logo {
	position: relative;
}
#logo img{
	width: 100px;
	position: absolute;
	left: 50%;
	margin-left: -50px;
	top:12px;
}
.feature .row{
	padding: 0 15px !important;
}
.feature .img_phone img{
	width: 63% !important;
}
.feature_icon {
    padding: 5px 0px;
}
.feature_icon .col-xs-3{
    padding: 0px 5px;
}
#footer-area a {
    font-size: 14px !important;
}
.l_txt h3 {
	text-align: center !important;
	padding-top: 0px !important;
}
.l_txt .col-xs-3{
float: none !important;
    margin: auto !important;
}
.fif_fif h3{
	 font-size: 19px !important;
}
.fl-row-content-wrap{
	padding:0px !important;
}

.slidebox .h100ph {
	height: 100%;
	background-size: cover;
	background-position: 0 0 !important;
}


}/*max-width: 320px*/


body{
	
}

h3{
	font-size: 26px; font-size: 2.6rem;
	color: #000 !important;
	line-height: 1.6;
	font-weight: bold;
	text-align: left;
}

.page p{
	font-size: 24px;font-size: 2.4rem;
	line-height: 1.8;
	text-align: left;
	padding: 3% 0;
}

#random{
	padding-top: 65px;
}
#index .navbar {
position: fixed !important;
    top: 0px;}
.btn_blue,
.btn_pink,
.btn_blue_light,
.btn_yellow{
	display: inline-block;
	    padding: 2.5% 4% !important;
}

.smp_follow{
position:fixed;
bottom:-14px;
padding:5px;
z-index:99;
width:100%;
}
.smp_follow .btn_pink{
	padding: 5px 20px !important;
	font-size:14px;
	font-weight: 100;
}
nav .btn_box .btn_blue{
	font-size: 14px;
	font-weight: 100;
}
.crash h2{
	padding-bottom: 0 !important;
}
.ksud{
	text-align: center;
	padding: 1.7% 0;
}
.ksud_line{
	border-bottom: 1px solid #D8E2E2;
}
.ksarrow{
	text-align: center;
	margin-top: -1px;
}
.ksud h2{
	font-size: 45px; font-size: 4.5rem;/*IE8ハック*/
	line-height: 1.6;
	padding: 1% 0 3%;
	font-weight: bold;
	color: #000;
}
.ksc {
	background-color:#E0E8E9;

}


.ksudcolor{
	background-color: #F7F9F9;
}

.ks_blue{
	color: #006699;
}
.ks_pink{
	color: #FF0066;
}
.km_flow.col-xs-12 img{
	width: 170px;

}


.small{
	font-size: 20px; font-size: 2rem;/*IE8ハック*/
}
.catchcopy{
	color: #000;
	padding: 6% 0 0;
	line-height: 1.7;
	font-size: 30px; font-size: 3.0rem;/*IE8ハック*/
}

.img100 img{
	width: 100%;

}

@charset "UTF-8";

/* ///////////////////////////////////////////////////////////////////


/////////////////////////////////////////////////////////////////// */
body#index{
	background-color: #fff;
}
#index footer{
	padding-bottom: 0;
}
div.ksud {

}

div.ksud div.container { overflow: hidden;
}

div.ksud div.container h2 {

}


div.ksud div.container div.r_speed h3,
div.ksud div.container div.r_cospa h3,
div.ksud div.container div.r_jisseki h3
 {
	color:#006699;
	text-align: center;
}

div.ksud div.container div.r_speed p,
div.ksud div.container div.r_cospa p,
div.ksud div.container div.r_jisseki p
 {
	color:#000;
	font-size: 19px;font-size: 1.9rem;
}

div.ksud div.container div a.btn_white {
	padding: 10px 20px;
	background-color: #fff;
	border-radius: 10px;
	font-size: 20px; font-size: 2rem;
	display: inline-block;
}



div.ksud div.container div.r_speed {
	overflow: hidden;
	padding-top: 15px;
	padding-bottom: 15px;
	background-image: url("../../img/top/km/bg_speed.jpg");
	background-size: cover;
}



div.ksud div.container div.r_cospa {
	overflow: hidden;
	padding-top: 15px;
	padding-bottom: 15px;
	background-image: url("../../img/top/km/bg_cospa.jpg");
	background-size: cover;
}


div.ksud div.container div.r_jisseki {
	overflow: hidden;
	padding-top: 15px;
	padding-bottom: 15px;
	background-image: url("../../img/top/km/bg_jisseki.jpg");
	background-size: cover;
}

div.feature h2{
	padding-bottom: 0px;
}

div.feature p{
	padding-top: 0;
	text-align: center;
	font-size: 20px;font-size: 2.0rem;
}
.smdata h2 img{
	max-width: 819px;
}

.smdata .imgdata{
	max-width: 303px;
}

.smdata p{
	font-size: 20px;font-size: 1.9rem;
}

.price .container{
	padding: 0 ;
}

.price img{
	max-width: 1079px;
}
.feature .container{
	padding: 0 110px;
}
.feature .img_phone{
	background:  url(../../img/top/km/arrow_phone.gif) no-repeat left center;
}
.feature .img_phone img{
	max-width: 250px;
}


.wrap_feature {
	padding-bottom:100px;
}
.wrap_feature .w33p{
	width:28%;
	margin: 1% 2.66%;
}
.wrap_feature .icn_coupon {
		display: inline-block;
	
}


.wrap_feature .ftr_salon {
	display: inline-block;
}
.wrap_feature{
	position: relative;
	overflow: hidden;
	
}
.wrap_feature div{
	padding: 0 !important;
	display: inline-block;
	float: left;
}
.wrap_feature div img{
	width: 100%;
}
.wrap_feature .ftr_push {
		display: inline-block;
}

.wrap_feature .ftr_photo {
		display: inline-block;
}

.wrap_feature .ftr_stamp {
		display: inline-block;
}

.wrap_feature .ftr_new {
		display: inline-block;
}

.wrap_feature .ftr_map {
		display: inline-block;
}

.wrap_feature .ftr_friend {
		display: inline-block;
}

.wrap_feature .ftr_sns {
		display: inline-block;
}

.wrp_ftr_xs {
	padding-bottom:0px;
}

.wrp_ftr_xs div{
	width:105px;
	padding:0 5px 0px;
	margin: 0 7px;
}
.feature p{
	padding-bottom: 3em;
}
#coupon{
	
}

/*QA*/
.qawrap{
	
}
.qabox{
	display: table-cell;
	background-color: #85A8C7;
	padding: 4%;
	border:1px solid #E0E8E9;
}

.qabox p a{
	text-align: center;
	color: #fff;
	font-size: 20px;font-size: 2.0rem;
	display: block;
}
.qa{
	padding-bottom: 0 !important;
}
.qa .btnbox{
	padding: 3%;
}

.cvr h3{
	text-align: center;
}

.cvr span{
	font-size: 34px;font-size: 3.4rem;
}

.btn_pink{
	display: inline-block;
    background-color: #009966;
    border-radius: 6px;
    color: #fff;
    padding: 5px 20px;
    margin: 5px 0;
	font-weight: bold;
	font-size: 20px;
    
}
.btn_blue_light{
	display: inline-block;
    background-color: #0099CC;
    border-radius: 6px;
    color: #fff;
    padding: 10px 20px;
    margin: 5px 0;
    font-weight: bold;
    font-size: 20px;
}
.btn_pink:hover {
    text-decoration: none;
    color: #ff0;
}
.cvr .btnbox{
	padding: 3%;
}

.btn_green{
display: inline-block;
	background-color: #009966;
	    border-radius: 6px;
    color: #fff;
    padding: 5px 20px;
    margin: 5px 0;
	font-weight: bold;
	font-size: 20px;
}

.nayami .nayami_big{
	max-width: 980px;
}

.nayami .nayami_small{
	max-width: 723px;
}
.modal-content{
	background-color: #85A8C7;
}
.modal h4{
	font-weight: bold;
	color: #fff;
	position: relative;
	z-index: 99;
	font-size: 18px;
	padding-top: 4px;
}
.modal-body{
	background-color: #FFF;
	border-bottom-left-radius:6px;
	border-bottom-right-radius:6px;
	font-size: 17px;
	line-height: 1.7;
}
.close {
	opacity: .6;
	color: #fff;
	z-index: 100;
	position: relative;
}
.close :hover{
	opacity: 1;
	color: #fff;
}

.modal-dialog-center {
  margin-top: 20%;
}
.hatena {
	border-radius: 100px;
	background-color: #85A8C7;
	padding:3px 10px;
	color: #FFF;
	position: absolute;
	top:-27px;
	left: 50%;
	font-size: 30px;font-size: 3.0rem;
	font-weight: bold;
	margin-left: -21px;

}

.smp_grf{
	max-width: 390px !important;
}

.why_table{
	max-width: 819px !important;
}

.repeat .repeat_grf{
	max-width: 739px !important;
}

.repeat_flow{
	max-width: 860px !important;
}

.kiduki .img100 img{
	max-width: 320px !important;
}
.apli {
	max-width: 550px !important;
}

.img100 p{
	text-align: center;
}

.kiduki .img100 p{
	text-align: left;
}

.bold{
	font-weight: bold !important;
}
.ksud .repeatcopy h2{
	font-size: 3.5rem;
}

.ksud .repeatcopy h2 .ks_pink{
	font-size: 4.5rem;
}

#logo img{
	width: 125px;
}
.btn_yellow{
	    background: #FF9900;
    color: #fff;
    padding: 5px 20px !important;
    border-radius: 6px;
    margin-right: 10px;

}
.navbar .btn_box .btn_blue{
    background: #006699;
    color: #fff;
    padding: 5px 20px !important;
    border-radius: 6px;
    margin-right: 10px;
}

.navbar .button_above {
text-align: right;
font-size: 1.2rem;
line-height: 1.4;
padding-top: 5px;
}
.navbar .button_above a{
	font-size: 1.2rem;
	color: #999;
}

.navbar .btn_box .btn_pink{
	font-size: 14px;
	padding: 5px 20px !important;
	font-weight: 100 !important;
}
.navbar .btn_box .btn_green{
	font-size: 14px;
	padding: 5px 20px !important;
	font-weight: 100 !important;
}
.navbar .btn_box .btn_white {
    background: #fff;
    color: #999;
    padding: 5px 20px !important;
    border-radius: 6px;
    margin-left: 10px;
    border: 1px solid #ccc;
}

.l_txt{
	margin-top: 4rem;

}
.l_txt h3{
	clear:both;
	padding-top: 30px;
}

.l_txt p{
	padding-top: 0;
}

.mailmagaend .bigimg{
	max-width: 547px;
}
.eventbadge .bigimg{
	max-width: 499px;
}


.segment .bigimg{
	max-width: 612px;
}

.stampcontrol .bigimg{
	max-width: 499px;
}

.salonreserve .bigimg{
	max-width: 547px;
}

.fif_fif h3{
	font-weight: 100;

}

.fif_fif h3 img{
	margin-right: 10px;

}

.fif_fif .fif_img {

	text-align: center;
}
.fif_fif .fif_img img{
	width: 100%;
	max-width: 346px;
	text-align: center;
}


/*料金プラン*/

.p_standard img{
	max-width: 553px;
}
.p_stores img{
	max-width: 553px;
}

.txtleft{
	text-align: left;
	line-height: 1.5;
	padding-left: 30px;
}

/* --- Plans ---------------------------- */
.planSelect {

}
.my_planHeader {
    text-align: center;
    color: white;
    padding-top:0.2em;
    padding-bottom:0.2em;
}
.my_plan2 .my_planTitle,
.my_plan3 .my_planTitle{
	color: #666 !important;
}
.my_planTitle {
    font-size:1.6em;
    font-weight: bold;
}
.my_planPrice {
    font-size:1.4em;
    font-weight: bold;
    line-height: 1.5;
}
.my_planDuration {
    margin-top: -0.6em;
    line-height: 2;
}

@media (max-width: 768px) {
    .my_planTitle {
        font-size:small;
    }
}
/* --- Features ------------------------- */

.my_feature {
    line-height:2.8em;
    font-weight: bold;

}
.my_feature small{
    font-size: 12px;
    font-weight: 100;
}
@media (max-width: 768px) {
    .my_feature {
        text-align: center
    }
 }

.my_featureRow {
    margin-top: 0.2em;
    margin-bottom: 0.2em;
    border: 0.1em solid rgb(163, 163, 163);
}

/* --- Plan 1 --------------------------- */
.my_plan1 {
    background: rgb(224,234,242);
}

.my_planHeader.my_plan1 a {
    background: rgb(72, 109, 139);
    color:white;
}

.my_planHeader.my_plan1 {
    background: rgb(105, 153, 193);
    border-bottom: thick solid rgb(72, 109, 139);
}

/* --- Plan 2 --------------------------- */
.my_plan2 {
    background: #fff;
}

.my_planHeader.my_plan2 a {
    background: rgb(108, 131, 62);
    color:white;
}

.my_planHeader.my_plan2 {
    background: rgb(224, 234, 242);
    border-bottom: thick solid rgb(105, 153, 193);
}


/* --- Plan 3 --------------------------- */
.my_plan3 {
    background: #fff;
}

.my_planHeader.my_plan3 a {
    background: rgb(199, 127, 40);
    color:white;
}

.my_planHeader.my_plan3 {
   background: rgb(224, 234, 242);
    border-bottom: thick solid rgb(105, 153, 193);
}








.my_planFeature {
    text-align: center;
    font-size: 1.7em;
}
.my_planFeature span{
    font-size: 12px;
}
.my_planFeature i.my_check {
    color: #FF0033;
    line-height: 1.3;
}

.my_planFeature i.my_remove {
    color: #999;
    line-height: 1.3;
}
.my_planFeature i.my_wait,.wait {
    color: #999;
    line-height: 1.3;
}
.my_planFeature i.my_triangle {
    color: #009999;
    line-height: 1.3;
}
.chushaku{
    font-size: 12px;
}
.my_featureRow .txt{
    padding: 11px;
    display: block;
}
.plantxt{
    color: #666;
    font-size: 16px !important;
    font-weight: bold;
    color: #FF0033;
    line-height: 1;
}
.plantxt del{
    font-size: 12px;
    color: #666;
    line-height: 1;
    display: block;
}


/*よくある質問*/
#faq {
    margin-top: -5px;
}
#faq .panel-default .panel-heading{
    color: #31708f;
    background-color: #d9edf7;
    border-color: #bce8f1;
    background-image: url("../../img/img_faq_q.gif");
    background-repeat: no-repeat;
    background-position: 8px 8px;
    padding-left: 30px;

}

#faq .panel-default{
    border-color: #bce8f1;
}

#faq .panel-body{
    background-image: url("../../img/img_faq_a.gif");
    background-repeat: no-repeat;
    background-position: 7px 15px;
    padding-left: 30px;
    text-align: left;
}

#faq h2{
    margin-bottom: 0px;
    line-height: 1.3;
}

#faq h3{
    margin-top: 0px;
    padding-top: 15px;
    color: #666;
}

#faq h4.panel-title{
	text-align: left;
}

/*資料ダウンロード*/
.doc_download h2{
	font-size: 3.5rem;
}

.doc_download .download_list{
	background-color: rgb(224, 234, 242);
	border-radius: 10px;
	max-width: 800px;
	margin: auto;
	padding: 2%;
}
.doc_download .download_list h3{
	text-align: center;
	margin-top: 0;
	font-weight: 100;
	color: #006699;
}
.doc_download .download_list ul{
	list-style-type: none;
	max-width: 500px;
	margin: auto;
}
.doc_download .download_list ul li{
	text-align: left;
	font-size: 1.9rem;

}
.doc_download .download_list ul .pdf{

}


.doc_download .tokuten h3{
	text-align: center;
	margin-top: 6%;

}
.p_standard{
	margin-bottom: 10px;
}

.doc_download .tokuten p{
	color: #333;
	font-size: 2.4rem;
	max-width: 800px;
	margin: auto;
	padding: 1%;
}
.doc_download .tokuten .bigtxt{
	font-size: 3.3rem;
}

.doc_download .tokuten .arrow{
	padding-left: 1em;
	color: #000;

}

.doc_download .tokuten .arrow .fa{
	color: #FF0066;
}

.fl-module-content {
    margin: 20px 0;
    }
    
    .fl-row-fixed-width {
 max-width: 2100px; 
    }
.fl-row-content-wrap {
    padding: 20px 0;
    }
 .page #primary{
   padding:0;}

.page .hentry {
    margin: 0 ;
    padding: 0px 0;
}


.navbar.navbar-default {


}

.navbar-toggle {

    float: left;
}
nav .btn_box {
    position: absolute;
    right:10px;
    top: 0px;
}
nav .container{
position:relative;
}



.navbar-header{
margin-right:20px !important;
}
.page header{
background-color:#85A8C7;
    text-align: center;
}
.category .headerbg{
background-color:#85A8C7;
    text-align: center;
}
.category #main{
	background-color: #fff;
}

.category h1.page-title{
	padding: 60px 0;
	color: #fff;
}
.top-link{height:0;}

.page header .entry-title{
margin-top:60px;
margin-bottom:60px;
color:#fff;
}
.navbar-toggle {
margin-left:10px;
margin-right:10px;
}

.ksc_light{
background-color:#F7F9F9;
}

.page-header {
    padding-bottom: 0; 
    margin: 0; 
    border-bottom: none;}

.entry-content{
    margin: 0; 
}
.page   .ksud{
padding: 0;
}

.page .ksud p{
font-size:1.9rem;
}

.page .ksud h2{
font-weight:100;
}

.txtcenter{
	text-align: center !important;
}
.footer-widget-area h3{
	display: none;
}

#footer-area {
    background-color: #006699;
    color: #fff;
    font-size: 1.4rem;
}
#footer-area a {
    color: #fff;
}

.footer-widget-area .widget ul li{
	border-bottom: none !important;
}

#colophon {
    background-color: #006699;
    padding: 10px 0;
    border-top: none;
    color:#fff;
}
.site-info .copyright{
    color: #fff;
}

.page footer.entry-meta{
	position: absolute;
	top:0;
}

.da-slider{
	background: #fff !important;
}
.telnumber .nmb_btnbox{
	padding-top: 5px;
}
.telnumber .nmb_btnbox a{
	display: block;
	text-align: center;
	margin-top:5px;
}
.telnumber{
	padding-top: 10px;
}
.telnumber .nmb_btnbox .btn_pink{
	font-size: 14px;
	font-weight: 100;
}
.telnumber .nmb_btnbox .btn_yellow{
	margin-right: 0;
}
.telnumber .nmb_btnbox .btn_blue{
	border:1px solid #99CCFF;
	border-radius: 6px;
		font-size: 14px;
	font-weight: 100;
	background-color:#006699;
}


#below_footer_container{
	position: absolute;
	bottom: 0;
}


/*チャット*/
.mcs-chatLayout.mcs-chatLayout--customer{
	margin-right: 60px;
}
.copyright{
	margin-bottom: 50px;
}


.is-open .mcs-chat__title:before{
content: '';
background:url("../../img/img_tomoka.jpg") no-repeat;
width: 82px;
height: 82px;
position: absolute;
bottom:-20px;
left: -50px;
border:3px solid #3A76BD;
border-radius: 100%;

}

.mcs-chat .mcs-chat__title{
	display: inline !important;
	position: relative;
	padding-left: 40px;
}
.is-close.mcs-chat .mcs-chat__title{
	padding-left: 0;
}
.mcs-chat__title{

}
.mcs-chat.is-open{
	overflow: visible;
} 
.is-close .mcs-chat__title:before{
	display: none;
}
.scroll-to-top{
	bottom:6% !important;
}


/*トップページ*/
#index .wpcf7c-elm-step1 span{
	font-size: 1.2em;
	color: #000;
}
#index #form{
	border:5px solid #f9f9f9 !important;
}

.fl-rich-text p{
	padding: 0;
}

/*お客様の声*/
.kusovoice{
	color: #222;
	font-size: 16px;
	text-align: left;
}
.kusovoice .wrap_voice{
	padding:15px 0;
	overflow: hidden;
}
.kusovoice h3{
	margin-bottom: 15px;
	font-size: 3.7rem;
}
.kusovoice img{
	margin-bottom: 1em;
}
.kusovoice .date{
	font-size: 14px;
}
.kusovoice .date:before{
	content: "活用事例";
	background: #006699;
	padding: 3px 10px;
	margin: 0 1em 0 0;
	color: #fff;
	border-radius: 4px;
	font-size: 11px;
}
.kusovoice .voice_txt{
	line-height: 1.5;
	padding-bottom: 1em;
	font-size: 16px;
}
.kusovoice .voice_com{
	line-height: 2;
	font-size: 13px;
	font-weight: bold;
}
.kusovoice .btn_blue{
	padding: 10px 20px !important;
}


.single #secondary.col-md-4,
.single #secondary.col-sm-12,
.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
{

	min-height: 0 !important;
}

body.single{
	background-color: #fff;
}

#npcatch .title{
	width: 100%;
	display: inline;
	float: none;
}
#newpostcatch-2 h3{
font-weight: 100;
font-size: 19px;

}

.category h2{
	font-size: 20px !important;
	margin-bottom: 20px;
}

.category .entry-content img{
	width: 100%;
}

.category .entry-meta{
	display: none;
}
.category #primary{
	padding: 0;
}
.category .hentry{
	padding-bottom: 0px;
}
.category #footer-area{
	clear:both;
}
.category #footer-area .footer-widget-area{
	overflow: visible;
	padding: 40px 0 20px 0;
}

.single #primary{

	padding: 0;
}

.single #main article{
	padding-bottom: 0;
	margin-bottom: 0;
}
.single .entry-title{
	font-size: 22px !important;
}


.single h2{
	margin-bottom:15px;
	color: #222;
	font-size: 20px;
	border-left: 3px solid #006699;
	padding-left: 1em;
}

.single .entry-header .thumbnail{
	width: 100%;
}

h3.voiceh3{
	margin-bottom:15px;
	color: #222;
	font-size: 18px;
	border-left: 3px solid #006699;
	padding-left: 1em;
	font-weight: 100;
}
.kusob{
	width: 150px;
}

.single .entry-content{

	font-size: 16px;
	color: #222;
}

.single .entry-content p{
	margin: 15px 0;
}

.single .nav-links{
	display: none;
}
.single header .entry-meta{
	display: none;
}
.johnsonbox .btn_blue{
    display: block;
    background-color: #0099CC;
    border-radius: 6px;
    color: #fff;
    padding: 10px 20px;
    margin: 5px 0;
    font-weight: bold;
    font-size: 20px;
}
.johnsonbox{
	padding: 5%;
	text-align: center;
	border: 1px solid #dedede;
	margin: 3em 0;
}
.johnsonbox h3{
	font-weight: 100;
	text-align: center;
}
.johnsonbox a.btn_blue{
	display: inline-block;
}
@media screen and (max-width: 650px) {/*スマホの場合*/
.mcs-chat .mcs-chat__title{
	display: inline-block !important;
	overflow: visible !important;
}
.mcs-chatLayout.mcs-chatLayout--customer{
	margin-right: 0;
}
.mcs-chatLayout.mcs-chatLayout--customer {
    width: auto !important;
    }
.skippr-nav-container{
	bottom:10px !important;
}
#sp{
	display: none !important;
}

}
@media only screen and (max-device-width: 768px) {/* スマホ用のCSS */
	.page header .entry-title{
		margin-top: 0px !important;
		margin-bottom: 0px !important;
	}
	#form dd{
		padding:10px !important;
		
	}
	#form dd span{
		padding:0px !important;
	}
	.fl-module-content{
		margin: 0px !important;
	}
	#form dt{
		padding:20px 10px;
	}
	#sp{
		display: block !important;
	}
}