@charset "utf-8";

#container { background-color:#fff; }
#container #content { padding-top:0px; }
body {background-color:#fff;}
a { color:#009cff; }

/*************************************************
	header left menu
*************************************************/
.header-info { background-color:#fff; padding:75px 35px 15px 35px; text-align:left; position:relative; }
.header-info > h2 { color:#444; text-align:left; }
.header-info > dl dd { color:inherit; }
.header-info.check-ph .area-photo { text-align:left; }
.header-info:before { margin:14px 0 15px 0; }
.header-info > p { margin:4px 0 18px; color:#26356f; font-size:13px; text-align:left; }
.header-info .header-btnwrap { border-bottom:1px solid #eee; padding-bottom:20px; }
.header-info .header-btnwrap a { min-width:70px; padding:6px 10px 7px; background-color:#26356f; border-radius:15px; color:#fff; font-size:12px; text-align:center; margin-right:5px; }
.header-info .header-btnwrap a:hover { background-color:#293e90; }
.header-info .rating { display:block; margin:3px 0; font-size:13px; color:#555; }
.header-info .txt-confidence { display:block; letter-spacing:-0.03rem; }
.header-info .txt-confidence span.line { width:1px; height:9px; margin:-2px 3px 0 3px; display:inline-block; background-color:#cecece; vertical-align:middle; }

.header-request { border-top:none; }
.header-request ul { margin:0; }
.header-request li { background-color:#fff; }
.header-request p { font-size:12px; color:#444; }

.header-request.s1 { padding:8px 35px; border-bottom:none; }
.header-request.s1 li { border:1px solid #d4dadf; width:100%; height:auto; background:#fff; border-radius:30px; }
.header-request.s1 li:hover { border:1px solid #009cff; background-color:#fff; }
.header-request.s1 li a { padding:5px 10px; text-align:left; color:inherit;  }
.header-request.s1 li a:hover { color:#009cff; background-color:#fff; border-radius:30px; }
.header-request.s1 li a:before { display:none; }

.header-linkbtn { border-top:none; padding:0 35px 8px 35px; border-bottom:none; }
.header-linkbtn ul { margin:0; display:flex; -webkit-box-pack:center; text-align:center; }
.header-linkbtn li { background-color:#fff; margin:0 0 0 -1px; padding:0; display:inline-block; position:relative; border:1px solid #d4dadf; width:100%; height:auto; border-radius:3px;  }
.header-linkbtn li:hover { border:1px solid #009cff; background-color:#fff; z-index:1000; }
.header-linkbtn li a { padding:5px 10px; text-align:center; color:inherit; width:100%; height:100%; display:block; position:relative; font-size:12px; box-sizing:border-box; }
.header-linkbtn li a:hover { color:#009cff; background-color:#fff; border-radius:30px; }
.header-linkbtn li a:before { display:none; }

.header-linkbtn li.s1 { border-top-right-radius:0; border-bottom-right-radius:0; }
.header-linkbtn li.s2 { border-top-left-radius:0; border-bottom-left-radius:0; }

.navi li a,
.navi p strong { padding:10px 16px 10px 35px; border-top:none; font-size:14px; font-weight:500; }

.navi li a:hover,
.navi p:hover { background-color:#fff; color:#333; }
.navi p  { margin-top:15px; border-top:1px solid #f0f0f0; }
.navi p:hover strong { color:inherit; }

.navi li:hover a { color:#009cff; text-decoration:underline; }
.navi li:hover a:before { background-position-y:inherit !important; }
.navi li a:before, .navi p strong:before { display:none; }

.navi li span { color:#ff003c; font-weight:500; font-size:10px; }
.navi li span:hover { text-decoration:none !important; }

.navi li.gray { background-color:inherit; }
.navi li.gray a { color:#333; }
.navi li.gray a:hover { color:#009cff; }

.navi li.gray a:after { content:''; width:40px; height:25px; position:absolute; top:7px; background-image:url("../img/bg_icon_sprite_svg.svg"); background-repeat:no-repeat; background-position:-120px -35px; background-size:800px 1000px; }
_:-ms-fullscreen, :root .navi li.gray a:after { right:44px; }

.navi p { margin:15px 35px 10px 35px; padding:0 0 10px 35px; }
.navi p > a:before { width:50px; height:50px; margin:-24px; display:block; position:absolute; top:50%; left:50%; border:none; border-radius:0; background-image:url("../img/bg_icon_sprite_svg.svg"); background-position:0 0; background-size:800px 1000px; }

.navi p:hover > a:before { background-color:#fff; }
.navi p > a { width:50px; height:50px; }
.navi p > a:hover:before { background-color:#fff; }

.navi .btn-googleplay { margin-right:20px; }
.navi .btn-googleplay:before { background-position:0 -60px; }
.navi .btn-googleplay:hover:before { background-position:0 -60px; opacity:0.8; }
.navi .btn-appstore:before { background-position:-50px -60px; }
.navi .btn-appstore:hover:before {background-position:-50px -60px; opacity:0.8; }
.navi .bg_nav10 { padding:20px 0 20px 25px; font-weight:normal; font-size:12px; }

.header-info > h2 div { background-color:#26356f; color:#fff; padding:2px 7px; margin-top:-2px; vertical-align:middle; }
.header-info > dl dd .guide { width:15px; height:15px; top:0; left:0px; }
.header-info > dl dd .guide:before { line-height:15px; font-size:12px; font-weight:500; }

.header-info > dl dd.total { margin-top:0; color:#26356f; }
.header-info > dl dd.total strong { font-size:26px; font-weight:400; }
.info-user { border-bottom:1px solid #eee; padding:0 0 15px 0; text-align:left; }
.header-policy {padding:20px 0 20px 0; margin:0 32px 0 32px; border-top:1px solid #f0f0f0; }

.form-global-search.s1 .form-recent,
.form-global-search.s1 .form-auto { border: 1px solid #ddd;}
.form-global-search.s1 .form-btn-delete02 { width:35px; height:52px; top:4px; right:55px; }
.form-global-search.s1.after .form-btn-delete02 { width:35px; height:52px; top:4px; right:100px; }
.form-global-search.s1 .form-norecent.show { border:1px solid #e8ecef; }
.form-global-search.s1 .form-btn-delete03 { display:none;  }
.form-global-search.s1.after .form-btn-delete03 { width:50px; height:32px; background-color:#26356f; margin-top:-15px; color:#fff; border-top-right-radius:30px; border-bottom-right-radius:30px; line-height:10px; z-index:99; padding:0 7px 2px 5px; font-size:12px; top:29px; display:block; }

@media (min-width:769px) {
	#header {border-right:none;}
    #header > h1 a { height:auto; }
    #header > h1 a:after { display:none; }
    #header > h1 a:before { width:110px; height:30px; margin:17px 0 0 35px; background-image:url("../img/logo_tenping_new.png"); background-size:110px 30px; background-position:0 0; }
    .header-info > dl dd em { font-size:12px; }
	.header-info { padding:57px 35px 15px 35px; }
    
    .form-global-search.s1.open .form-cont,
    .form-global-search.s1.open02 .form-cont { max-height:315px; display:block; position:absolute; top:0; left:0; right:0; border:none; background-color:#fff; margin-right:0; }
    .form-global-search.s1.open .form-cont input,
    .form-global-search.s1.open02 .form-cont input  { margin:14px 10px 10px 10px; padding:0 75px 0 15px; width: calc(100% - 28px); height:32px;  border:1px solid #222; font-size:14px; color:#444; font-weight:400; }
	.form-global-search.s1.open .form-cont input:focus { border:1px solid #009cff; }
	.form-global-search.s1.open .form-cont input:focus + button + button.form-btn-search { border-top:1px solid #009cff; border-bottom:1px solid #009cff; border-right:1px solid #009cff; }
	.form-global-search.s1.open.after .form-cont input { border:1px solid #009cff; }
	.form-global-search.s1.open.after .form-cont input + button + button.form-btn-search { border-top:1px solid #009cff; border-bottom:1px solid #009cff; border-right:1px solid #009cff; }
	
    .form-global-search.s1.open .form-btn-search,
    .form-global-search.s1.open02 .form-btn-search { background-color: #fff; border:1px solid #222; border-left:0px; width:48px; height:32px; top:14px; margin-right:-2px; right:17px; }
	.form-global-search.s1.after .form-btn-search { right:62px; border-top-right-radius:0; border-bottom-right-radius:0; }
    .form-global-search.s1.open .form-btn-search:before, .form-global-search.s1.open02 .form-btn-search:before { margin:-24px 0 0 -4px; background-position:-544px -3px; }  
    .form-global-search.s1 .form-btn-delete { padding:4px 10px; border:1px solid #e8ecef; border-top:none; }
    
    #container .page-tit { padding-left:90px; }
    .page-tit > a { left:20px; }
}
    
@media (max-width:768px) {
    #header > h1 { border-bottom:none; }
	#header > h1 a { width:150px; height:60px; }
	#header > h1 a:before { top:40%; left:35px; margin-top:-12px; margin-left:-37px;  }
    #header > h1 a.logo:before  { width:110px; height:30px; margin:0; background-image:url("../img/logo_tenping_new.png"); background-size:110px 30px; background-position:0 0; }
    #header > h1 .btn-setting { right:60px; top:22px; }
    #header > h1 .btn-logout { right:25px; top:22px; }
    #header > h1 .btn-setting, #header > h1 .btn-logout { width:30px; height:30px; }
	.header-info .btn-view { top:69px; left:10px; right:10px; height:calc(100% - 170px); }
    .header-info > dl { margin:0; }
    .header-info > dl dd { margin-bottom:inherit; }
    .header-info > dl dd.total { padding-top:0; }
    .header-info > dl dd.total a:after, .navi li a:after { right:20px; }
    .header-info.check-ph .area-photo  {display: inline-block; position:inherit; width:60px; margin-left:inherit; margin-top:5px; }
    .header-info.check-ph .area-photo { margin:7px auto; }
	    
    .header-info:before { position:relative; margin:10px 0 15px 0; top:0; left:0; }
    
	.header-open #container:after { z-index:16; }
	
    .header-policy { background-color:inherit; }
    .header-policy dd a:before { background-color:inherit; }
    .header-policy dd a { color:#666; padding:4px 8px; }
    .header-policy:after { display:none; }
    .btn-home:before{ width:110px; height:30px; margin:-16px -64px; background-image:url("../img/logo_tenping_new.png"); background-size:110px 30px; background-position:0 0; }
    .btn-total strong { color:#26356f; font-weight:400; }
    .btn-total strong div + span { margin-left:-3px; }
	.btn-total strong .odometer { margin-right:5px; }
    
    .form-global-search.s1 .form-cont { background-color:#fff; border:none; }
	.form-global-search.s1 .form-cont.show { z-index:17; }
    .form-global-search.s1 .form-cont input { border:2px solid #26356f; font-size:14px; padding:0 75px 3px 15px; width:calc(100% - 20px); }
    .form-global-search.s1 .form-cont .form-btn-search { background-color:#fff; border:2px solid #26356f; border-left:none; z-index:10; right:10px; }
	.form-global-search.s1.after .form-cont .form-btn-search { right:60px; border-top-right-radius:0; border-bottom-right-radius:0; }
   
    .form-global-search.s1 .form-btn-delete { padding:4px 10px; border:1px solid #e8ecef; border-top:none; }
	.form-global-search.s1 .form-btn-delete02 { top:-1px; right:45px; }
    .form-global-search.s1.after .form-btn-delete03 { top:23px; height:34px; right:11px; }
	.form-global-search.s1.after .form-btn-delete02 { top:-1px; right:95px; }
		
    .header-request { background-color:inherit; border:none; }
    .header-request:before { border:none; height:inherit; }
	
	.navi li.gray a:after { top:23px; right:80px; }
	_:-ms-fullscreen, :root .navi li.gray a:after { right:88px; }
}

/*** header scroll ***/
@media (min-width:769px) {
	#header { width:250px; scrollbar-3dlight-color:#eef1f5; scrollbar-face-color:#8b91a0; scrollbar-shadow-color:#8b91a0; scrollbar-darkshadow-color:#8b91a0; scrollbar-track-color:#fff; scrollbar-arrow-color:#8b91a0;/*-ms-overflow-style:-ms-autohiding-scrollbar;*/ overflow-y:scroll; }
	#header::-webkit-scrollbar { width:1px; }
	#header::-webkit-scrollbar-track { background:rgba(0,0,0,0.05);}
	#header::-webkit-scrollbar-thumb { background:rgba(0,0,0,0.08);border-radius:2px; }
	#header::-webkit-scrollbar-thumb:hover { background-color:#ddd; }
}

/*** sub navi ***/
.page-tit { margin-bottom:inherit; padding-bottom:25px; }
.page-tit:after { background-color:inherit; border-bottom:none; }


/*************************************************
	FOOTER
*************************************************/
#footer { border-top:1px solid #e8e8e8; padding-bottom:30px; margin-top:20px; }


/*************************************************
	TOP
*************************************************/
.btn-top { border-radius:2px; background: rgba(31,47,107,0.5);}


/*************************************************
	MEMBER 
*************************************************/
#memWrap h1 a:not(.btn-type) { width:110px; height:30px; margin:0 0 20px 0; background-image:url("../img/logo_tenping_new.png"); background-size:110px 30px; background-position:0 0; }
#memWrap h1 a.uuu { width:108px; height:30px; position: absolute; top:-2px; left:130px; background-image:url("../img/logo_uuu.png"); background-size:108px 30px; background-position:0 0; }
#memWrap h1 { color:#444; position:relative; }
#memWrap h1:after { color:#444; }
#memWrap h1:after { background-color:#444;}
#memWrap .txt-mem { /*background-color:#444;*/ font-size:16px; line-height:24px; margin:50px 0 70px 0; }
#memWrap.mem-success h1 { text-align:center; }
#memWrap.mem-success h1 a:not(.btn-type) { display:inline-block; }
#memWrap.mem-success { background-color:#949494; }
#memWrap .loading02 { background-image:url(../img/loading_white.gif); }
#memWrap.mem-fail h1 a { width:250px; height:50px; background-image:url(../img/bg_icon_sprite_svg.svg); background-size:800px 1000px; background-position:-360px -85px; margin:0 auto; }

@media (max-width: 500px) {
	#memWrap .mem-btn { right:5px; }
}
@media (max-width:320px) {
	#memWrap h1 a:not(.btn-type) { width:80px; height:22px; background-size:80px 22px; }
	#memWrap h1 a.uuu { width:87px; height:24px; left:90px; background-size:87px 24px; }
}