﻿@charset "utf-8";@media screen and (max-width:640px){.sp{display:inline;}
.pc{display:none;}
body{width:auto;background-color:#fff;margin:0px;padding:0 5px 5px 5px;border:none;text-align:left;}
img{max-width:100%;height:auto;width:auto;text-align:center;}
a:hover img{opacity:0.6;}
#header{}
.head{width:auto;margin:0 auto;}
#h1{display:block;border-bottom:1px solid #003399;margin:0 auto;width:auto;padding:0 0 0 10px;text-align:left;line-height:17px;}
h1{font-size:13px;padding:3px 5px;width:auto;margin:0;text-align:left;color:#fff;}
#h2{display:none;}
#h2_sp{display:block;width:auto;height:auto;background-color:#003399;margin:5px 0 23px 0;padding:0 0 0 10px;float:none;background-image:url(../img01/common/time_sm.png);background-repeat:no-repeat;background:#003399;background-position:top center;line-height:17px;}
h2{font-size:13px;margin:0 auto;padding:3px 0 0 5px;color:#fff;background-color:#003399;}
#time{width:100%;float:none;text-align:center;margin:-23px 0 0;padding:5px 0 0 0;background:#003399;border-bottom:5px solid #fff;}
a[href^="tel:"]{pointer-events:auto;}
img.image{display:none;}
div#imagemap{width:auto;height:45px;background-image:url(../img01/common/logo_tel.gif);background-repeat:no-repeat;background-size:contain;margin:0;padding:0;background-position:center left;}
div#image_logo{top:0px;left:10px;}
div#image_logo a{position:absolute;width:170px;height:35px;}
div#image_tel{top:0px;left:100px;}
div#image_tel a{position:absolute;width:170px;height:35px;left:172px;}
.pankuzu{width:auto;height:40px;margin:0 auto;padding:5px 5px 15px 5px;background:#fff;line-height:14px;}
#bread-crumb-list{width:auto;padding:3px 0 0 0;}
#bread-crumb-list li{display:inline;padding:0 0 0 2px;text-align:left;font-size:12px;}
.fixed_call{position:fixed;top: 0;z-index:3;opacity:0.9;}
.camp_bn_sp{width:auto;height:auto;margin:0 auto;padding:0 5px 0 5px;background:#fff;}
.camp_rest img{width:33.3%}
.camp_gas img{width:50%;}
.camp_built img{width:50%;}
.camp_pump{margin:0 0 0 0;}
.camp_pump img{width:33.3%;}
.emgcy_bn{width:auto;height:auto;margin:0 auto;padding:5px 5px 0 5px;background:#fff;}
#page{width:auto;height:auto;margin:0 auto;padding:0;border:none;background-image:none;background-color:#fff;}
.center img{}
h5{margin:0 0 5px 5px;padding:5px 0px 5px 32px;background-image:url(../img01/common/h5_line_sp.png);background-repeat:no-repeat;}
h6{text-align:center;font-size:16px;}
#contents{float:none;width:auto;height:auto;margin:0;line-height:22px;font-size:14px;}
.conte{padding:0;margin:0 auto;width:auto;font-size:14px;line-height:22px;}
.conte .menu1{width:auto;height:auto;margin:0 5px 10px 5px;padding:0;}
.hedge{margin:5px;line-height:15px;padding-left:1em;text-indent:-1em;}
#side{float:none;width:100%;padding:15px 0 30px 0;text-align:center;}
#side div.navi_blue{background-image:url(../img01/leftmenu/bg_lightblue.png);margin:0 0 10px 0;border:1px #b1c8cf solid;}
#side div.navi_white{margin:5px;padding:5px;background-color:#fff;}
#side h2{font-size:14px;font-weight:bold;padding:2px 10px;background:#003399;background:-webkit-gradient(linear, left top, left bottom, from(#1c8fc8), to(#003399));background:-webkit-linear-gradient(#1c8fc8, #003399);background:linear-gradient(#1c8fc8, #003399);color:#FFF;height:30px;}
#side ul.submenu{width:250px;margin:0 auto;text-align:center;}
#side ul.submenu li{list-style-type:none;}
#side ul.submenu li a{border-bottom:1px solid #ccc;text-decoration:none;display:block;padding:3px 5px 0 25px;background:#FFF;-webkit-transition:0.5s;transition:0.5s;background-repeat:no-repeat;height:30px;font-size:14px;font-weight:bold;background-image:url(../img01/leftmenu/ya.png);}
#side .sidebn{margin:5px;}
#side .sidebn02{margin:5px 0;}
span.navi01{font-size:14px;}
span.navi02{font-size:14px;}
span.navi03{font-size:14px;}
#side .box{background-color:#fff;padding:5px;font-size:13px;line-height:20px;border:1px solid #ccc;margin:0 0 15px 0;overflow:hidden;text-align:left;}
#footer{width:auto;height:auto;padding:0;margin:0 auto;background-image:none;}
.footer_box_up{display:block;width:auto;height:auto;margin:0 auto;padding:0 0 0 0;border-bottom:1px solid #7698bb;}
.footer_boxleft{width:auto;height:auto;margin:0;padding:0;float:none;}
.footer_text_sp{display:block;margin:0 auto;padding:5px;color:#fff;text-align:left;background-image:url(../img01/footer/bg_darkblue.png);background-repeat:repeat;width:auto;height:auto;font-size:14px;}
.footer_boxright{margin:0;color:#fff;padding:0;float:none;}
.footer_boxright p{margin:0;padding:5px 5px 8px 5px;color:#fff;font-size:14px;text-align:center;background-image:url(../img01/footer/bg_darkblue.png);background-repeat:repeat;}
.footer_boxright p a{color:#fff;}
.footer_box_btm{width:auto;height:auto;margin:0 auto;padding:10px 20px 0 20px;text-align:center;background-image:url(../img01/footer/bg_blue.png);background-repeat:repeat;float:none;}
.footer_menubox_01{width:auto;height:auto;margin:0 auto;padding:0 0 20px 0;float:none;}
.footer_menubox_02{width:auto;height:auto;margin:0 auto;padding:0 0 20px 0;float:none;}
.footer_menubox_03{width:auto;height:auto;margin:0 auto;padding:0 0 20px 0;float:none;}
.footer_listbox{width:230px;margin:0 auto;position:relative;float:none;}
li.list{color:#fff;font-size:14px;line-height:25px;text-indent:30px;background-image:url(../img01/footer/back_main.gif);background-repeat:no-repeat;text-align:left;}
.footer_toppage{width:auto;height:auto;margin:0 auto;padding:0 5px 15px 5px;float:none;}
.footer_copyright{display:none;}
.footer_mizu_sp{display:block;width:auto;height:250px;margin:0 auto;padding:0 5px 0 5px;text-align:center;float:none;}
.rest_panacolor{margin:-12px auto 2px;width:300px}
.textbox{width:100%;border-radius:3px;margin:0px 3px 30px 3px;padding:8px;border:1px #b1c8cf solid;}
.boxwrap{width:100%;height:auto;margin:0 0 0 0;}
.leftbox{float:none;width:100%;text-align:left;margin:0;}
.rightbox{float:none;width:100%;text-align:center;margin:0 0 10px 0;}
.img01{margin:10px 5px 20px 0;}
.img02{margin:0 0 10px 0;}
.protext{margin:0 auto;padding:0 10px 5px 10px;width:100%;}
table.rest{margin:0 auto;text-align:center;}
.rest th{width:80%;}
.rest td{width:auto;}
th.set{height:20px;vertical-align:top;}
.catch{margin:10px;padding:0px;position:relative;width:auto;height:auto;text-align:center;}
.proinfo_boxwrap{width:100%;height:auto;overflow:hidden;}
.proinfo_boxwrap02{width:100%;height:auto;overflow:hidden;border-bottom:none;}
.prodtl{font-size:13px;margin:5px 0;padding:0;text-align:left;width:100%;line-height:20px}
.bluebutton_rightbox{float:none;width:100%;text-align:center;margin:0 0 5px 0;}
.hedge_bk{margin:0;padding-left:0;text-indent:0;height:auto;}
.hedge_bk12{font-size:10px;}
.proinfo_leftbox_pana01{float:none;border-bottom:1px dotted #fff;text-align:center;margin:0;width:auto;}
.proinfo_leftbox_pana02{float:none;border-bottom:1px dotted #999;text-align:center;margin:0;width:auto}
.proinfo_leftbox_pana03{float:left;width:100%;}
.proinfo_rightbox_pana01{float:right;width:auto;text-align:right;margin:2px 0 0 0;}
.proinfo_rightbox_pana02{float:none;width:auto;text-align:center;margin:5px 0 10px 0;border-bottom:1px dotted #999;}
.rest_logo_pc{display:none;}
.rest_logo_sp{display:block;text-align:left;margin:0 10px 0 0;padding:0;width:40%}
.topics{width:100%;margin:0 auto;padding:0;clear:both;}
.containerPanel{width:auto;padding:0px;margin:0 auto;}
.collapsePanelHeader{width:auto;padding:0;margin:0 auto;}
.content{width:auto;height:auto;margin:20px 0;padding:5px 10px 10px 10px;border:1px solid #ccc;}
.arrow.expand{background-image:url(../restroom/img01/bn_funcdetail.png);width:auto;height:60px;float:none;margin:0 8px 5px 8px;display:block;background-repeat:no-repeat;background-size:contain;background-position:top center;}
.arrow.expand:hover{background-image:url(../restroom/img01/bn_funcdetail_hover.gif);}
.arrow.close{background-image:url(../restroom/img01/bn_close.gif);width:auto;height:60px;float:none;margin:0 8px 5px 8px;display:block;background-repeat:no-repeat;background-size:contain;background-position:top center;}
.arrow.close:hover{background-image:url(../restroom/img01/bn_close_hover.gif);}
.pagetop{display:block;position:fixed;bottom:16px;right:16px;z-index:300;}
.pagetop a{display:block;width:40px;height:40px;background-color:#003399;text-align:center;color:#fff;font-size:24px;text-decoration:none;line-height:42px;}
.func_title,func_title_s{font-size:14px;padding:0;line-height:20px;}
.containerPanel_pana{width:auto;padding:0;margin:10px auto 10px;}
.collapsePanelHeader_pana{width:100%;padding:0;margin:0 auto;}
.arrow.expand_pana{float:none;margin:0 auto;display:block;z-index:0;background-size:contain;background-position:top center;}
.arrow.close_pana{float:none;margin:0 auto;display:block;z-index:0;background-size:contain;background-position:top center;}
.rest_tab_2{margin:0 5px 0 3px}
.rest_tab_2 img{width:49%;}
.rest_tab_s{margin:0 5px 0 3px}
.rest_tab_s img{width:32%;}
.option{border:1px solid #999;border-radius:3px;padding:5px;margin:-20px 10px 5px;height:auto;font-size:11.5px;line-height:16px;}
.optionbox{width:auto;height:auto;margin:5px 0 0 0;overflow:hidden}
.option_leftbox{float:none;width:100%;margin:0 auto;overflow:hidden}
.option_rightbox{float:none;width:100%;margin:5px auto 0;text-align:left}
.option_li{width:100%;}
.option_li dl{height:18px}
.option_li dl dt{width:70%;height:auto}
.option_li dl dd{width:30%;margin:0 0 0 70%;}
table.l150{margin:3px 0;width:100%;line-height:14px;}
.lc05{letter-spacing:-0.1em}
.tab_V{width:100%;padding:0;}
.tab_V img{width:16%;}
 
 table.fnc{border-collapse:collapse;width:100%;margin:0 auto 5px auto;}
 .func_title_t{text-align:left}
.func_title img{margin:0 0 0 5px;}
.topics_box{background-color:#fff;border:1px solid #fff;padding:0;width:auto;margin:0 0 30px 0;text-align:center}
.purestbox{width:auto;margin:0 auto;}
.purest_rightbox{float:none;width:auto;font-size:12px;padding:5px 5px 10px 5px;height:auto;overflow:hidden}
.purest_leftbox{float:none;width:auto;font-size:12px;padding:5px;height:auto;overflow:hidden}
.detailbox{float:none;width:auto;font-size:12px;margin:0 auto 15px auto;padding:5px;height:auto;}
.tripleboxall{height:auto}
.tripleboxall img{margin:0 0 0 5px;}
.triplebox{width:98%;float:none;margin:5px;padding:5px;overflow:hidden}
.araunoL150t02_frame{width:100%;height:400px;margin:0;}
.araunoL150t01_frame{width:100%;height:400px;margin:0;}
.araunoL150t00_frame{width:100%;height:400px;margin:0;}
.at{text-align:center;margin:5px 0 0 0}
.a_title{font-size:16px;text-align:left;margin:10px 5px;line-height:20px}
span.tabletitle{padding:0;}

/*フローティングバナー*/
.floating-banner_sp {  position: fixed; z-index: 299;  left:0;display:block;right: 0;bottom: 40px;}
.floating-banner_sp:hover {opacity: .8;}

.banner {width: 100%; height: auto; padding: 5px;}
.copy {margin:5px;line-height: 1.0;padding:5px;}

/* close button */
.action-close {position: relative;margin-top: 2em;}
.action-close .btn {position: absolute;right: 0;top: -1em;}
.action-close .box {margin-bottom: 2em;}
/* checkbox non-display */
.add-control .checkbox {display: none;}
  /* close button's control */
.add-control .action-close #close_sp:checked ~ .btn {display: none;}
.add-control .action-close #close_sp:checked ~ .box {display: none;}
.floattext{font-size:12px;line-height:14px; color:#fff;text-align:center;padding:0 18px}
}
.mb_text {z-index:1000}
.mb_f:hover .mb_text{
    display: inline-block;
    top: 30px;
    left: -30px;
}
.proinfo_leftbox_pana02{float:none;width:auto;margin:0;}
.proinfo_boxwrap02{margin:0}
.pana_3type{font-size:12px}
    
.pana_3type_off{font-size:12px}
    
.footertext{
	color:#fff;	
	line-height:40px;
	}

.footer_boxwrap{width:100%;height:auto;overflow:hidden;text-align:center;margin:5px auto}
.footer_leftbox{width:49%;float:left;text-align:right;}
.footer_rightbox{width:49%;float:right;text-align:left;}	
