@charset "UTF-8";
/*reset*/
body {
font-family: "メイリオ", Meiryo, Helvetica, Arial, sans-serif !important;
}
.bs-component a{
color:#333;
}
.bs-component a:hover,
.bs-component a:focus {
color: #3366cc;
text-decoration: none;
outline:none;
}
.cf:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden
}
.cf{
zoom:1
}

/*module control*/
.sphide{
display: none;
}
.pchide{
display: block;
}

/*header*/
header .inner {
width: 950px;
margin: 0 auto;
}
header .inner #msthd #msthdsbox{
box-sizing: initial;
}

/*navigation*/
.nav > li,
.dropdown{
position: static;
}
.nav > li > a{
display: inline-block;
border-bottom:2px solid #fff;
padding: 10px 0px 8px;
-webkit-border-radius: 0;
border-radius: 0;
}
.navbar {
min-height:60px;
margin-bottom: 0;
border-top: solid 1px #eee;
}
.navbar-default .navbar-nav > li > a:focus,
.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:focus {
background: none;
color: #333;
}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > .active > a:hover{
background: none;
color: #333;
}
.navbar-default .navbar-nav a:hover.over{
color:#3366cc;
}
.navbar-default .navbar-collapse{
padding: 0 8px;
}
.navbar-nav > li {
margin-right: 0 !important;
font-size:15px;
font-weight: bold;
}
.navbar-nav > li:after{
content: "｜";
}
.navbar-nav > li.nobar:after{
content: "";
}
.navbar-nav > li > a {
margin: 8px 0;
}
.navbar-nav > li.dropdown.active.open .dropdown-toggle{
color: #3366cc !important;
border-bottom: 2px solid #3366cc !important;
}
.container-fluid {
max-width: 950px;
padding: 0;
}
.navbar-collapse{
padding: 0;
}

/*navbar-right*/
.navbar-right{
margin-right: 0;
}
.navbar-nav.navbar-right > li {
font-size:12px;
font-weight: normal;
}
.navbar-nav.navbar-right > li:nth-child(4):after{
content:"";
}

/*dropdown menu*/
.nav .open > a, 
.nav .open > a:hover, 
.nav .open > a:focus{
border-color: #650068;
}
.dropdown-menu{
left:0 !important;
width: 100%;
padding: 0;
background: #f5f5f5;
-webkit-box-shadow: 0 2px 0 rgba(0, 0, 0, .175);
box-shadow: 0 2px 0 rgba(0, 0, 0, .175);
border:none;
border-top: 1px solid #eee;
}
.navbar-nav > li > .dropdown-menu {
margin-top: 0;
}
.dropdown-menu .inner{
max-width: 950px;
margin: 0 auto;
padding: 20px 8px;
}
.dropdown-menu .divider {
height: 1px;
margin: 5px 0 10px;
}
.dropdown-menu .service_link li.divider{
display: block;
}
.dropdown-menu .service_link li.title_link{
display: block;
font-size: 15px;
font-weight: bold;
}
.dropdown-menu .service_link li.title_link.spc,
.dropdown-menu .service_link li.title_link.ybbguide{
margin-top:20px;
}
.dropdown-menu .service_link li{
display: inline-block;
font-size: 12px;
font-weight: normal;
}
.dropdown-menu .service_link li span{
margin-right: 15px;
color: #999;
}
.dropdown-menu .service_link li:after{
content: "｜";
}
.dropdown-menu .service_link li:last-child:after,
.dropdown-menu .service_link li.last:after{
content: "";
}

/*open arrow*/
.dropdown-menu .service_link li.title_link{
position: relative;
display: inline-block;
}
.dropdown-menu .service_link li.title_link:before {
position: absolute;
top: 7px;
right:0;
width: 9px;
height: 9px;
border-top: 2px solid #333;
border-right: 2px solid #333;
content: "";
z-index: 1;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.dropdown-menu .service_link li.title_link.right:hover:before{
border-top: 2px solid #3366cc;
border-right: 2px solid #3366cc;
}
.dropdown-menu .service_link li.title_link:after {
content: "";
}
.dropdown-menu .service_link li.title_link.right a{
margin-right: 15px;
}

/*off link*/
.dropdown-menu .service_link li.title_link.off:before{
border-top: none;
border-right: none;
}
.dropdown-menu .service_link li.title_link.right.off:hover:before{
border-top: none;
border-right: none;
}


/*tel module*/
.tel_module{
width:950px;
margin: 20px auto 0;
-ms-transform: translate(0, 0);
-webkit-transform: translate(0, 0);
transform: translate(0, 0);
}
.tel_module ul{
text-align: center;
}
.tel_module li{
display: inline-block;margin-right: 25px;
vertical-align: top;
}
.tel_module li.call_back {
margin-right: 0;
}
.tel_module dl{
text-align: center;
margin-bottom: 0;
}
.tel_module dt h3 {
margin:0;
font-size:16px;
font-weight: bold;
line-height: 1.5;
color: #fb002a;
}

/*free*/
.tel_module li:nth-child(1) .free_call {
display: inline-block;
height: 47px;
padding-left:70px;
background:url("http://i.yimg.jp/images/bb/promo/v1/pc/top/img/common/free_call.png") no-repeat;
background-position:0 center;
background-size:60px 50px;
color:#154cad;
font-size:41px;
font-weight: bold;
line-height: 1.2;
}
.tel_module li:nth-child(1) .free_call span {
display: none;
}
.free_call a{
color:#154cad;
text-decoration: none;
}
.tel_module li:nth-child(1) .free_call + dd{
color:#666;
font-size:12px;
line-height: 1;
margin:5px 0;
}
.tel_module li:nth-child(1) dd:last-of-type{
font-size:18px;
line-height: 1;
text-indent: -0.7em;
}
.tel_module li:nth-child(1) dd span{
font-size:20px;
font-weight: bold;
line-height: 1;
}

/*call back*/
.tel_module li:nth-child(2) dt{
margin-bottom: 5px;
}
.tel_module li:nth-child(2) dd{
position: relative;
}
.tel_module li:nth-child(2) dd a{
display: block;
width: 340px;
height: 70px;
background:#154cad ;
-webkit-border-radius: 6px;
border-radius: 6px;
border-bottom: #036 solid 3px;
font-size:28px;
line-height: 74px;
color: #fff;
text-decoration: none;
}
.cb_notice_pc{
font-size: 11px;
font-weight: bold;
}

/*ab test */
.tel_module li:nth-child(2) dd a.abtest{
background: #00a507;
border-bottom: #148218 solid 3px;
}
/*ab test */

/*ab result */
.tel_module li:nth-child(2) dd a.result{
background: #00a507;
border-bottom: #148218 solid 3px;
}
/*ab result */

.tel_module li:nth-child(2) dd a:before{
position: absolute;
top: 29px;
right:20px;
width: 16px;
height: 16px;
border-top: 3px solid #fff;
border-right: 3px solid #fff;
content: "";
z-index: 1;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.tel_module li:nth-child(2) dd a:hover{
border-bottom: none;
transform: translate3d(0, 3px, 0);
}
.tel_module li:nth-child(2) dd a:hover{
margin-bottom:3px;
}
.tel_module li:nth-child(2) dd a span{
display: inline-block;
height: 70px;
background: url("http://i.yimg.jp/images/bb/promo/v1/pc/top/img/common/call_back.png") no-repeat;
background-position:0 center;
background-size:43px 43px;
padding:0 31px 0 54px;
color: #fff;
}

/*sp free*/
.tel_module .sp_free_call a{
display: block;
width: 300px;
height: 80px;
background: #154cad;
-webkit-border-radius: 6px;
border-radius: 6px;
border-bottom: #036 solid 3px;
}
.tel_module .sp_free_call p{
margin:0;
padding: 10px 0 9px 46px;
display: inline-block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
height: 80px;
color: #fff;
text-decoration: none;
background: url("http://i.yimg.jp/images/bb/promo/v1/pc/top/img/common/w_free_call.png") no-repeat;
background-position: 0 center;
background-size: 44px 35px;
}
.tel_module .sp_free_call span:nth-child(1){
display: block;
font-size: 29px;
}
.tel_module .sp_free_call span:nth-child(2){
display: block;
margin: 1px 0 5px;
font-size: 11px;
font-weight: normal;
line-height: 1;
}
.tel_module .sp_free_call span:nth-child(3){
display: block;
font-size: 13px;
font-weight: normal;
}
.tel_module .sp_free_call i{
font-weight: bold;
font-style: normal;
}
.tel_module .sp_free_call dd:last-of-type{
text-indent: 0em !important;
}

/*free callbtn change*/
.block_break{
display: inline-block;
margin:0 auto;
}

/*tel module bottom*/
.tel_wrap{
margin: 40px auto 0;
padding: 20px 0;
background: #fafafa;
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
}

/*social*/
.social_wrap{
border-bottom: solid 1px #ddd;
padding-bottom: 20px;
}
.social_wrap span{
display: none;
}
.social_wrap ul{
height: 40px;
}
.social_wrap li{ 
display: inline-block;
margin-right: 10px;
}
.social_wrap li.fbBtn_wrap{ 
margin-right: 0;
}
.social_wrap li.twBtn_wrap a,
.social_wrap li.fbBtn_wrap a{ 
display: block;
}
.social_wrap .twBtn{ 
display: block;
height: 40px;
width: 40px;
background: #43a5e4 url("http://i.yimg.jp/images/bb/promo/v1/pc/top/img/common/twlogo.png") no-repeat;
background-position:center center;
background-size:29px 24px;
-webkit-border-radius: 4px;
border-radius: 4px;
}
.social_wrap .fbBtn{ 
display: block;
height: 40px;
width: 40px;
background: #41559b url("http://i.yimg.jp/images/bb/promo/v1/pc/top/img/common/fblogo.png") no-repeat;
background-position:15px 6px;
background-size:18px 34px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

/*sub footer*/
.subfooter{
background:#f5f5f5;
border-top: solid 1px #eee;
padding:20px 0 0;
}
.subfooter .price{
margin: 20px 0;
font-size: 12px;
color:#666;
}
.subfooter .price span{
margin-left:10px;
}

/*pc switch view*/
.yjChviewWrap {
margin-top: 0;
text-align: center;
}
.mb .yjChviewWrap {
margin-bottom:20px;
}
.yjChviewWrap .yjChview {
display: inline-block;
padding: 10px 30px;
border: 1px solid #e7e7e7;
background: #fff;
text-align: center;
}
.yjChviewWrap .yjChview dt, .yjChviewWrap .yjChview dd {
display: inline;
font-size: 14px;
line-height: 1.2em;
}
.yjChviewWrap .yjChview dt {
padding-right: 0.2em;
}
.yjChviewWrap .yjChview dd span {
font-weight: bold;
}
.yjChviewWrap .yjChview dd:after {
content: "\ff5c";
}
.yjChviewWrap .yjChview dd.end:after {
content: "";
}

/*pc footer*/
#footer{
position: relative;
top: -1px;
z-index: 1;
text-align: center;
}
#footer a {
color: #1d3994;
}
#footer a:hover {
color: #3366cc;
}
#footer a:visited {
/*color: purple;*/
}
#footer #universalFooter {
margin: 0 auto;
padding: 10px 0 7px;
border-top: 1px solid #ccc;
}
#footer address {
max-width: 940px;
margin: 0 auto;
padding: 10px 5px 20px;
border-top: 1px solid #ccc;
font-size: 75%;
line-height: 1.4;
}

/*back to top*/
.btot {
position: fixed;
bottom: 20px;
right: 20px;
display: none;
z-index: 2;
}
.btot a {
position: relative;
display: block;
height: 40px;
width: 40px;
background: #fff url("http://i.yimg.jp/images/bb/promo/v1/pc/top/img/common/btot_img.png") no-repeat;
background-position:8px 12px;
background-size:22px 43px;
border:solid 1px #eee;
border-bottom: solid 2px #aaa;
-webkit-border-radius: 6px;
border-radius: 6px;
}
.btot a:hover {
background-position:8px -18px;
}
.btot span{
display: none;
}

/*sp footer*/
.footerDefault {
font-size: 14px;
line-height: 1;
text-align: center;
}
.footerDefault .changeDevice {
margin: 10px;
font-size: 14px;
}
.footerDefault .changeDevice dl {
display: inline-block;
padding: 5px 5px 5px 10px;
border: 1px solid #e7e7e7;
background: #f9f9f9;
}
.footerDefault .changeDevice dt {
display: inline;
}
.footerDefault .changeDevice dt:after {
content: ":";
}
.footerDefault .changeDevice dd {
display: inline;
}
.footerDefault .changeDevice dd:after {
content: "|";
}
.footerDefault .changeDevice dd:last-child:after {
content: "";
}
.footerDefault .changeDevice p {
font-size: 12px;
}
.footerDefault .changeDevice a,
.footerDefault .changeDevice span {
padding: 0 5px;
}
.footerDefault .changeDevice span {
font-weight: bold;
}
.footerDefault .footerInner {
padding: 13px 10px 15px 10px;
border-top: 3px solid #d4d7db;
background: #eeeeee;
}
.footerDefault .loginArea {
margin-bottom: 15px;
text-align: center;
}
.footerDefault .loginArea p + p {
margin-top: 10px;
}
.footerDefault .loginArea .loginName {
display: inline-block;
word-break: break-all;
word-wrap: break-word;
-moz-word-wrap: break-word;
text-align: left;
}
.footerDefault .loginArea .loginStatus em {
font-weight: bold;
}
.footerDefault .commonLink {
margin-bottom: 10px;
}
.footerDefault .commonLink li {
display: inline;
}
.footerDefault .commonLink li:after {
content: " | ";
}
.footerDefault .commonLink li:last-child:after {
content: "";
}
.footerDefault .subLink {
margin-bottom: 8px;
font-size: 12px;
}
.footerDefault .subLink li {
display: inline;
}
.footerDefault .subLink li:after {
content: " - ";
}
.footerDefault .subLink li:last-child:after {
content: "";
}
.footerDefault small {
display: block;
font-size: 12px;
}


/*tablet*/
@media (min-width: 600px) and (max-width: 1024px) {
	/*navigation*/
	.navbar-default .navbar-nav > li > a,
	.navbar-default .navbar-nav > .active > a{
	padding: 10px 0px 8px;
	background: #fff !important;
	border-bottom: 2px solid #fff !important;
	-webkit-border-radius: 0;
	border-radius: 0;
	color:#333 !important;
	}
	.navbar-nav > li.dropdown.active.open .dropdown-toggle.on{
	background: #fff;
	border-bottom: 2px solid #3366cc !important;
	color: #3366cc !important;
	}
	.navbar-default .navbar-nav a.over{
	border-bottom: 2px solid #fff !important;
	color: #333 !important;
	}
	.navbar-default .navbar-nav .dropdown-menu a.over{
	border-bottom: 2px solid #f5f5f5 !important;
	color: #333 !important;
	}
}