@charset "utf-8";

/*-------------------------------------------- wrap ------------------------------------------*/
#wrap-outer {background:url(../images/bg_wrap-outer.png?t=1) repeat-x left top -23px; clear:both; overflow: clip;}
#wrap-outer2 {background:url(../images/bg_wrap-outer2.gif?t=1) no-repeat center 128px;}
#wrap-outer3 {background:url(../images/bg_wrap-outer3.png?t=1) repeat-x left top -22px;}

#wrap-outer_2nd {background:url(../images/bg_wrap-outer.png?t=1) repeat-x left top -23px; clear:both; overflow: clip;}
#wrap-outer_2nd #wrap-outer2 {background:url(../images/bg_2nd_wrap-outer2.gif?t=1) no-repeat center 128px;}
#wrap-outer_2nd #wrap-outer3 {background:url(../images/bg_wrap-outer3.png?t=1) repeat-x left top -22px;}

#wrap {margin:0px auto; text-align:left; position:relative;}
#wrap2{margin:0px auto; text-align:left; position:relative;}





/*
#wrap-outer, #wrap-outer_2nd, #wrap-outer_map {background:url(../images/bg_wrap-outer.gif) repeat-x left top;}

#wrap-outer #wrap-outer2 {}
#wrap-outer_2nd #wrap-outer2 {background:url(../images/bg_wrap-outer2.gif) repeat-y center top;}

#wrap-outer3 {background:url(../images/bg_wrap-outer3.gif) repeat-x left top;}

#wrap {margin:0 auto 0 auto; text-align:left; position:relative;}
#wrap2{margin:0 auto 0 auto; text-align:left; position:relative;}
*/

h1 {margin:0; color:#666; font-size:12px; position:absolute; top:15px; left:0; font-weight:normal;}

h2{
letter-spacing:0.1em;
margin:0px 0 20px 0; 
padding:7px 0 8px 20px;
color:#555;
font-size:20px;
font-weight:bold;
border:1px solid #DDD;
border-radius:3px;
background-color:#FFF;
background:-moz-linear-gradient(top, #FFF, #F7F7F7);
background:-webkit-linear-gradient(top, #FFF, #F7F7F7);
background:linear-gradient(to bottom, #FFF, #F7F7F7);
-pie-background:linear-gradient(top, #FFF, #F7F7F7);

behavior:url("/contents/style/PIE.htc");
position:relative;/*for PIE*/
}

h2:before{
content:'';
height:30px;
width:3px;
display:block;
position:absolute;
top:50%;
left:0;
margin-top: -15px;
background-color:#3ea3e5;
border-left:1px solid #3ea3e5;
}


h3 {letter-spacing:0.1em;margin:0px 0 20px 0;padding: 9px 0 11px 15px;color:#FFF;font-size: 18px;font-weight:bold;border:1px solid #3da2e4;border-radius:3px;background-color:#3da2e4;background:-moz-linear-gradient(top, #63bbec, #237fd6);background:-webkit-linear-gradient(top, #63bbec, #237fd6);background:linear-gradient(to bottom, #63bbec, #237fd6);-pie-background:linear-gradient(top, #63bbec, #237fd6);behavior:url("/contents/style/PIE.htc");position:relative;/*for PIE*/}


/*h3 {
position:relative;
padding:10px 10px 8px 20px;
margin:20px 0 20px 0;
line-height:1em;
font-weight: bold;
font-size: 18px;
color: #fff;
border:1px solid #069;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
background-color: #FFF;
background-image: -moz-linear-gradient(top, #069, #069);
background-image: -webkit-linear-gradient(top,  #069, #069);
background-image: linear-gradient(to bottom,  #069, #069);
}

h3:before{
content:'';
height:26px;
width:2px;
display:block;
position:absolute;
top:5px;
left:8px;
background-color:#f4f4f4;
border-left: 4px solid #f4f4f4;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}*/

h4 {
letter-spacing:0.1em;
margin:0px 0 10px 0; 
color:#000;
font-size:20px;
}

/*-------------------------------------------- header ----------------------------------------*/
#header {position:relative; width: 100%; height: 128px; z-index: 30; transition: .3s;}
#header #header_inner{width: 100%; height: 128px; margin:0 auto 0 auto; position:relative; top: 0; left:0; right:0; transition: .3s;} 
#header #header_inner > .inn{width: 1100px; position: relative; margin:0 auto 0 auto; padding: 1px 0 0 0;}

#header #header_inner.scroll-up h1{ max-width: 450px;}
#header .id {position:absolute; top:60px; left:0; z-index:999; }
#header .login_status{position:absolute; top:42px; right:510px; font-size: 14px; color: #c92b56;}
#header .tel {position:absolute; top:21px; right:0; z-index:999; }

#header .gmenu_wrapper{margin: 83px 0 0 0; position: relative;}
#header ul.gmenu01 {display: flex; flex-direction: row; justify-content: flex-end; flex-wrap: nowrap;}
#header ul.gmenu01 > li {}
#header ul.gmenu01 > li + li{ margin-left: 40px;}
#header ul.gmenu01 > li > a{ display: block; padding-bottom: 5px; position: relative;}
#header ul.gmenu01 li > a > img{height: 17px;}
#header ul.gmenu01 > li > a::after {position: absolute; left: 0; content: ''; width: 100%; height: 2px; background: #3ea3e5; bottom: -1px; transform: scale(0, 1); transform-origin: center top; transition: transform 0.3s; }
#header ul.gmenu01 > li > a:hover{ opacity: 1 !important;}
#header ul.gmenu01 > li > a:hover::after {transform: scale(1, 1);}

/*------------------------------------------- footer -----------------------------------------*/
#footer-outer {margin:50px auto 0; background:#F5F5F5 url(../images/bg_footer-outer.gif) repeat-x left bottom;}
#footer-outer2 {}
#footer {width:1100px; margin:0 auto 0 auto; text-align:left; position:relative;color: #555;}

#footer .footer-inner {padding:50px 0 90px 0; box-sizing:border-box;}

#footer .slogan{ height:23px; text-align:center; color:#fff; margin:0 0 20px 0; padding:7px 0 0 0;}

#footer ul {margin:0;}
#footer .site_link li { padding:0 0 0 16px; margin:0 0px 10px 0; background:url(../images/indent.png) left center no-repeat;}
#footer a {color:#555; text-decoration:none;}
#footer a:hover {color:#1493e5; text-decoration:underline;}

#footer .Left_td {width:255px; }
#footer .Left_td .store{ margin:0px 0 20px 0;}
#footer .Left_td .store img{margin:0 0 15px 0;}
#footer .Left_td .tel{ color:#f7ab00; font-size:30px;}
#footer .Left_td .address {margin:20px 0 0 0;}
#footer .Left_td .address strong {display:inline-block; margin-bottom:5px;}

#footer .Right_td {padding:0 0 0 50px;}
#footer .Right_td .site_link {margin:0px 0 0 0;}
#footer .Right_td .site_link td {width:33%;}
#footer .Right_td .dn {margin:30px 0 0;}
#footer .Right_td .dn th {font-weight:normal;}
#footer .Right_td .dn th span {font-weight:bold; color: #1493e5;}

#footer .copyright {color:#FFF; font-family:Arial; font-size:12px; position:absolute; bottom:11px; left:0;}

#footer .infoarc_link {font-family:Arial; font-size:12px; font-weight:bold; position:absolute; bottom:11px; right:0;}
#footer .infoarc_link a {color:#FFF;}

/*---------------------------------------- bread crumbs --------------------------------------*/
.breadcrumbs{ color:#666; margin:0px 0px 12px 3px; font-size:14px;}
.breadcrumbs div{ float:left;}
.breadcrumbs a{ color:#000;}
.breadcrumbs strong{ font-size:14px; color:#cc0000; text-decoration:none;}

/*-------------------------------------------- gnavi -----------------------------------------*/
#gnavi{width:250px; margin:20px 0px 0 0; padding:0; float:left;}
#wrap #gnavi{}

#gnavi ul {margin:0;/*60px 0 0 0;*/}
#gnavi ul li{margin-bottom:10px;}
#gnavi ul li img {vertical-align:top;}

#gnavi ul li.store {margin-bottom:0;}
#gnavi ul li.store ul {margin:20px 0 20px 0;}
#gnavi ul li.store ul li {margin-bottom:0;}

#wrap-outer_2nd #gnavi ul {margin:0 0 0 0;}
#wrap-outer_2nd #gnavi ul li.store ul {margin:20px 0 20px 0;}


/*------------------------------------------ SIDE 非公開情報 ---------------------------------------*/
#gnavi .count{width:250px; height:320px; padding:120px 8px 15px 8px; margin:0;
background:url(../images/menu/count_bg.gif) left top no-repeat; box-sizing:border-box;
/* box-shadow */
box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 0;
-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 0;
-moz-box-shadow:rgba(0, 0, 0, 0.2) 0 0 5px 0;
}
#gnavi .count table{}
#gnavi .count .large{font-size:20px; font-weight:bold; line-height:1.3; background:url(../images/menu/count_ken.gif) no-repeat right center; padding:0 20px 0 0;}
#gnavi .count .vis{color:#f39237;}
#gnavi .count .mem{color:#05C;}

#gnavi .count .count_total{background:#FFF; width:220px; margin:0 auto 10px; padding:7px 10px 7px 10px; border-radius:3px; box-sizing:border-box;}
#gnavi .count .count_tb{margin:0; padding:0; border-collapse: collapse;}
#gnavi .count .count_tb img{margin:0; vertical-align:top;}
#gnavi .count .count_tb tr,
#gnavi .count .count_tb td {margin:0; padding:0;}

#gnavi .count .count_detail{width:200px; margin:9px 20px 0px 20px; color:#000;}
#gnavi .count .count_detail table th,
#gnavi .count .count_detail table td{padding:0 0 0px 0; font-weight:bold; color:#000;}

#gnavi .count .count_line{width:200px; margin:0px 0 0 20px;}
#gnavi .count .count_detail .count_line{margin:4px 0 -2px 0px;}

#gnavi .count .count_detail .dotted_line{ border-top:1px dotted #ccc; height:1px; margin:4px 0 3px 0;}


#gnavi .member{margin:0;}
#gnavi .member ul{padding:0; margin:0;}
#wrap-outer_2nd #gnavi .member ul{margin:0;}
#gnavi .member li{margin:0;}


/*================================
フォーム関連ページ
================================*/
#contents_1col_form{ width: 1000px; margin: auto;}
#contents-inner-member #matching_cond_block + h3,#contents-inner-member table.form + h3{ margin-top: 35px;}

#contents_1col_form .send_txt{font-size: 26px; font-weight: bold; text-align: center;}
#contents_1col_form .send_txt + p{ margin: 20px 0 55px 0; text-align: center;}

.form_privacy_box{background: #f9f9f9;padding: 25px 30px 35px 30px;line-height: 1.8em; border: 1px solid #eeeeee; margin: 35px 0 25px 0;}
.form_privacy_box h4 {color: #000000;margin: 0 0 19px 0;border-bottom: 1px solid #000000;padding: 6px 0 6px 1px;}
.form_privacy_box p{font-size: 15px;}
.form_privacy_box a{color: #ec6d51; text-decoration: underline; transition: .3s;}
.form_privacy_box a:hover{text-decoration: none;}

.form_privacy_box + table .btn.btn_cheak{ width: 350px !important;}



/*------------------------------------------ contents ----------------------------------------*/
#contents {width:810px; margin:20px 0 0 0; float:right;}
#wrap2 #contents {width:820px; margin:20px 0 0 0;}



.info2{
	/*width:178px;*/
	padding:10px 0 10px 0;
	margin:0 0 20px 0px;
	border:5px solid #ffcd00;
	text-align:center;
	font-weight:bold;
	color:#cc0000;
	background-color:#fffdf1;
	font-size:16px;
}