@charset "UTF-8";


.sp-hide{ display: block;}
.sp-hide-inline{ display: inline;}
.sp-hide-tbcell { display: table-cell; }
.sp-show{ display:none;}
.sp-show_inline{ display:none;}

img{ max-width:100%; height:auto;}

.gblnv_box { display: none;}


/* menu
==========================================================*/

@media screen and (max-width: 960px) {
	
.gblnv_box{ display: block; width: 100%; height: 0; position: relative; z-index: 999; }

/* header
==========================================================*/

header { width: 100%; box-sizing: border-box; text-align: center; font-family: 'Noto Sans Japanese', serif; background: #000082;  }
header a { display: block; height: 60px; }

.logo { width: 200px; height: 60px; background: #000082; float: left; }
.logo .centerposi { width: 180px;}
.gnav { display: none;}
.nav-contact  { display: none;}

}
.gblnv_box a { }
.gblnv_block{ background: #000082; font-family: 'Noto Sans Japanese', serif; font-weight: bold; color: #FFC800; min-height: 460px; display: none;}
.gblnv_block ul.gblnv_list { padding: 10px; border-top: 1px solid #fff;}
.gblnv_block ul.gblnv_list li{ height: 60px; line-height: 60px; text-align: center;}
.gblnv_block ul.gblnv_list li a{ display: block; color: #FFC800; font-size: 20px;}
.gblnv_block ul.gblnv_list li.nav_contact a { background: #FFC800; color: #000082; margin-top: 10px; }
.onanimation{display: block;}

.menu-trigger,
.menu-trigger span {display: inline-block; transition: all .4s; box-sizing: border-box;}
.menu-trigger { left: calc(100% - 55px); position: relative; width: 40px; height: 25px; margin: 18px 0 10px;}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 3px;
	background-color: #FFC800;
	border-radius: 3px;
}

.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top: 11px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}

.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(3px) rotate(-45deg);
	transform: translateY(3px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
	left: 50%;
	opacity: 0;
	-webkit-animation: active-menu-bar02 .4s forwards;
	animation: active-menu-bar02 .4s forwards;
}

@-webkit-keyframes active-menu-bar02 {
100% { height: 0; }
}
@keyframes active-menu-bar02 {
100% { height: 0; }
}
.menu-trigger.active span:nth-of-type(3) {
-webkit-transform: translateY(-19px) rotate(45deg);
transform: translateY(-19px) rotate(45deg);
}

/* sp
==========================================================*/


@media screen and (max-width:870px) {
	
/* brand
==========================================================*/

.brandul { width: 97%; margin-left: 1%; font-size: 13px; }
.brandul li { width: 49%; margin-left: 1%; float: left; margin-bottom: 2%;}
.brand-ind-bgw { width: 100%; box-sizing: border-box; background: #fff; padding: 4%;word-wrap: break-word; }
.brand-ind-bgw .bold { font-size: 16px; margin-bottom: 10px;  }
	
.page-brand .col-l{ float: none; width: 100%; }
.page-brand .col-r{ float: none; width: 100%; }

.kiseiwrap { color: #000;  }
.kiseiwrap .col-l { width: 94%; margin: 0 auto; }
.kiseiwrap .col-r { width: 210px; padding-right: 0; margin: 0 auto; }
.kiseiwrap .lonner-r { padding-right: 30px;}
.orderwrap { color: #000;width: 94%; margin: 0 auto; }
.orderwrap .col-l {width: 100%; }
.orderwrap .col-r { width: 220px; margin: 0 auto !important; }

.brand-midashi { font-size: 22px; margin: 0 auto 4%; font-family: 'Noto Sans Japanese', serif; font-weight: bold; line-height: 1.4; }
.orderwrap .brand-midashi { width: 100%; margin: 0 auto 4%; }

.lonnerwrap { margin-bottom: 8%;   }
.lonnerwrap .lonnerimg { width: 200px; margin: 0 auto; position: relative; z-index: 3; }
.lonnerwrap .lonnertxt { width: 94%; margin: 0 auto; text-align: justify; color: #000; }
.lonnerwrap .lonnermid { position: relative; z-index: 2; margin: 20px 0; color: #000082; letter-spacing: 0; }
.lonnerwrap .lonnermid:after { position: absolute; content: ""; width: 100%; height: 2px; background:#FFC800; bottom: 0; right: 0; z-index: -1;  }
.lonnerwrap .col-l .lonnermid:after { left: 0; }

.lonnerwrap .lonnermid span { font-size: 22px; font-weight: bold; font-family: 'Poppins', sans-serif; padding-right: 10px; }
.lonner-r { padding-top: 6%;}

.daksulwrap { width: 100% !important;}  
.daksul { width: 100%; margin-top: 6%;}
.daksul li { margin-bottom: 0; float: left; width: 45%; margin-left: 5%;}
.daksul li:last-child { margin-left: 30%; }
.order-midashi { font-size: 26px; width: 94%; margin: 0 auto; font-weight: 600; margin-bottom: 4%; position: relative; font-family: 'Poppins', sans-serif; line-height: 26px; padding-bottom: 10px; }
.order-midashi:after { position: absolute; content:""; bottom: 0; left: 0; width: 100%; height: 2px; background: #000082;  }
.order-midashi span { margin-left: 0; font-size: 14px; padding-left: 0; font-family: 'Noto Sans Japanese', serif; letter-spacing: 0;}
.orderwrap { }
.orderwrap .col-r img { display: block; margin-bottom: 30px; }

}


@media screen and (max-width: 750px) {
	
/* Base Setting
==========================================================*/

body { font-size: 14px; line-height: 1.7; overflow-x: hidden; }

.sp-hide-inline,
.sp-hide-tbcell,
.sp-hide{ display: none;}
.sp-show{ display:block;}
.sp-show_inline{ display:inline;}


.sp-br-none br{display: none; margin-left: -0.1em;}

.wrapInner{ padding:0 10px;}

.col-l{ float: none; width: 100%;}
.col-r{ float: none; width: 100%;}

.inner { width: 100%;}

a.tellink { pointer-events: auto; }

/* common
==========================================================*/

.inner { width: 100%; margin: 0 auto;}

.centerposi { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); /* Safari用 */ transform: translate(-50%, -50%); }
.centertate {position: absolute; top: 50%; -webkit-transform: translateY(-50%); /* Safari用 */ transform: translateY(-50%); } 

.bg-white { background:#fff; }
.bg-gray { background: #F2F2F2; } 

.btn { width: 100%; height: 60px; text-align: center; line-height: 60px;font-family: 'Noto Sans Japanese', serif; letter-spacing: 0.1em; font-size: 16px; }
.btn a { box-sizing: border-box; background: #000082; color: #fff; font-size: 16px; position: relative; display: block; width: 100%; height: 100%; }
.btn a:after { position: absolute; bottom: 0; right: 0; content: ""; width: 0;
height: 0;
border-style: solid;
border-width: 0 0 15px 15px;
border-color: transparent transparent #FFC800 transparent; }

.sp-94 { width: 94%; margin: 0 auto;}




/* index
==========================================================*/

.ind-ttlwrap { text-align: center;  letter-spacing: 0.1em; }
.ind-ttl-en { font-size: 50px; line-height: 40px; font-weight: bold; font-family: 'Poppins', sans-serif; display: inline-block; position: relative; z-index: 2; margin-bottom: 10px; }
.ind-ttl-en:before { position: absolute; content: ""; width: 110%; height: 10px; background: #FFC800 bottom; bottom: 0; right: -5%; z-index: -1; }
.ind-ttl-jp { font-size: 16px; font-weight: bold; }

.main-online { bottom: -500px; right: 0; z-index: 5; width: 240px;}

.ind-about { width: 90%; margin: 0 auto; height: auto; box-sizing: border-box; background: none; }
.ind-about .sp-show {}
.ind-about .ind-abouttxt { padding: 0; font-size: 16px; line-height: 1.8; font-weight: bold; font-family: 'Noto Sans Japanese', serif; margin-top: 4%;}
.ind-about .catch { width: 100%; margin: 2% auto 4%;}

.ind-shop { margin-top: -30px; padding-top: calc(16% + 30px); text-align: center; position: relative; padding-bottom: 12%; }
.ind-shop .ind-ttlwrap { width: 100%; }
.ind-shopulwrap { width: 100%; margin-left: 0; }
.ind-shopul { margin-left: 0; clear: both; width: 90%; margin: 0 auto;  }
.ind-shopul li { width: 100%; float: left; margin: 0; margin-bottom: 4%; }
.ind-shopul li .ind-shopimg { margin-bottom: 15px !important; }
.ind-shopul li .ind-shopttl { font-size: 18px;  font-weight: bold; margin-bottom: 10px; letter-spacing: 0.1em;}
.ind-shopul li .ind-shoptxt { color: #333; }
.ind-shopul li .ind-shoptel { color: #333; font-family: 'Roboto Condensed', sans-serif; font-size: 22px; font-weight: bold; margin-bottom: 5px; }
.ind-shopul li .ind-shopmap {  }
.ind-shopul li .ind-shopmap a { text-decoration: underline; }
.ind-shopul li .ind-shopmap a:hover { text-decoration: none; }
.ind-shop .btn { position: inherit; width: 90%; margin: 0 auto; }
.ind-shopul li.ind-shoplihon { margin-top: 0;  }
.ind-shopul li.ind-shopli09 .ind-shopimg { width: 100%; margin: 0;}
.ind-shopul li.ind-shopli05 { margin: 0; }
.ind-shopul li.ind-shopli05 .ind-shopimg { width: 100%; margin: 0; }
.ind-shop .btn { position: inherit; margin-top: 4%; }

.ind-news { padding: 12% 0 4%; }
.ind-news .btn { position: inherit; width: 90%; margin: 0 auto; }
.ind-access { padding: 12% 0 0;}
#map_canvas { height: 50vh; }


.ind-accessttl { font-size: 18px; font-weight: bold; margin-bottom: 5px; }
.ind-accessul { width: 96%; margin: 0 auto; }
.ind-accessul li { padding-bottom: 3%; margin-bottom: 4%; border-bottom: 1px solid #000082; }
.ind-accessul li:last-child { border: none;}
.ind-accessul .ind-accesssta { width: 90px; height: 40px; line-height: 40px; text-align: center; background: #000082; color: #fff; float: left; }
.ind-accessul .ind-accesstxt { width: calc(100% - 100px);  float: left; margin-left: 10px; margin-right: 0; margin-bottom: 4%; }
.ind-accessul li .col-l { border-bottom: 1px solid #000082; margin-bottom: 4%; padding-bottom: 3%; }
.bb-none { border: none !important;}
.pagetop { background: #000082; height: 70px; border-bottom: 1px solid #CCC; }
.pagetop .foot-logo { width: 40%; }
.pagetop .yaji { color: #FFC800; font-size: 30px; line-height: 70px; padding-right: 4%; text-align: right; }


/* footer
==========================================================*/

.footnav { background: #000082; padding: 0; text-align: center; color: #fff; }
.footnav a { color: #fff;}
.footnavul { margin-left: 0; }
.footnavli { float: none; width: 100%; margin-left: 0;  }
.footnavli .footnavul-in { margin-bottom: 0; }
.footnavli .footnavul-in li { font-size: 12px; letter-spacing: 0; position: relative; padding-left: 0; margin-bottom: 2px; }
.footnavli .footnavul-in li:after { display: none;}
.footnavli .footnavul-in li.footnavttl { font-size: 15px; height: 50px; line-height: 50px; font-weight: bold; font-family: 'Noto Sans Japanese', serif; border-bottom: 1px solid #FFC800; margin-bottom: 0; letter-spacing: 0.02em; padding-left: 0; }
.footnavli .footnavul-in li.footnavttl:after { display: none; }
.sp-footcontact a { background: #FFC800; color: #000082; }
.footnavli a { display: block;}
.footnavli01 { width: 100%; }
.footnavli02 { width: 100%; }
.footnavli03 { width: 100%; }
.footnavli04 { width: 100%; }

.footnavli05 { }
.footnavul-in02 { margin-top: 4%; }
.footnavul-in02:last-child { padding-bottom: 4%;}
tnavttl02 { color: #fff; font-size: 15px; font-weight: bold; font-family: 'Noto Sans Japanese', serif; margin-bottom: 5px; }
.footnavul-in02 .footbtn { width: 80%; margin: 0 auto; height: 50px; line-height: 50px; margin-bottom: 4%; }
.footnavul-in02 .footbtn a { color:#000082; display: block; background: #FFC800; }
.footnavul-in02 .footbtn .fa  { padding: 0 10px; }

.footinfo { padding: 4% 0; }
.footinfoul { margin-left: 0; width: 94%; margin: 0 auto; }
.footinfoul li { float: none; margin-left: 0; padding-bottom: 10px; border-bottom: 1px dotted #000082; margin-bottom: 10px; }
.footinfoul li:last-child { padding: 0; margin: 0; border: none;}
.footinfoul li .footinfottl { font-weight: bold; margin-bottom: 5px; }
.footinfoul li .footinfotxt { font-size: 12px; }

.copy { color: #8080C0; font-size: 10px; text-align: center; height: 40px; line-height: 40px; }

dl.foot-online {}
dl.foot-online dt { height: 50px; margin-bottom: 0; }
dl.foot-online dd a { width: 100%;  box-sizing: border-box; padding-left: 10px; float: left; border-top: 1px solid #000082; }
.footinfoul .tellink { font-size: 20px; display: block; font-weight: bold; font-family: 'Roboto Condensed', sans-serif; }

.footnavli04 { position: inherit; left: 0; width: 100%; }
.footnavli05 { position: inherit; left: 0; width: 100%; }

.onlineIconPoab { padding-right: 160px; }


/* kasou
==========================================================*/

.kasou { background: #F2F2F2; position: relative; overflow-x: hidden; }
.kasou .content { width: 100%;}

.sidebar { width: auto; height: auto; position: inherit; top: 0; letter-spacing: 0;  }
.ttlwrap { width: 130px; height:130px; box-sizing: border-box; padding-left: 6%; position: relative; z-index: 9; background:#FFC800; margin-bottom: 6%; }
.ttl-en { font-size: 50px; line-height: 45px; font-weight: bold; font-family: 'Poppins', sans-serif; }
.ttl-jp { font-weight: bold; font-family: 'Noto Sans Japanese', serif; }
.sidemenu { padding-left: 4%; } 
.sidemenu li { font-size: 15px; line-height: 1.5; margin-bottom: 10px; font-weight: bold; font-family: 'Noto Sans Japanese', serif; position: relative; margin-left: 0.5em; }
.sidemenu li span { padding: 0 3px; }
.sidemenu li.select span { background: linear-gradient(transparent  70%, #FFC800 70%); }
.sidemenu li.select a { pointer-events: none;}
.sidemenu li:before { position: absolute; content: "-"; top: 0; left: -0.5em;}
 
.content { padding-top: 0; width: 100%; padding-left: 0; }
.content-con { padding-top: 0; width: 100%; padding-left: 0; min-height: auto; }
.content section { padding-bottom: 12%; }
.midashi { font-size: 22px; width: 94%; margin: 0 auto 4%; font-weight: bold; font-family: 'Noto Sans Japanese', serif; margin-bottom: 4%; border-bottom: 2px solid #000082; line-height: 1.4; padding-bottom: 5px; }
.midashi span { font-size: 16px; letter-spacing: 0;  }


/* about
==========================================================*/

.about-img { margin-bottom: 4%; margin-top: -50px; }
.about-txt { width: 94%; margin: 0 auto; }
.about-midashi { font-size: 24px; font-weight: bold; font-family: 'Noto Sans Japanese', serif; margin-bottom: 4%; position: relative; width: 94%; margin: 0 auto 4%; }
.about-midashi:after { position: absolute; content:""; bottom: 0; left: 0; width: 1000px; height: 2px; background: #000082;  }

.about-rekishiwrap { }
.about-rekishiwrap .col-l { float: none; width: 94%; margin: 0 auto; }
.about-rekishiwrap .col-r { float: none; width: 94%; margin: 0 auto; }
.about-rekishidl {}
.about-rekishidl dt { float: none; font-size: 16px; font-weight: bold; clear: both;  }
.about-rekishidl dd { padding-left: 0; border-bottom: 1px solid #000082; padding-bottom: 10px; margin-bottom: 10px; }
.about-rekishidl dd:last-child { border-bottom: none;}
.about-gaiyoudl { width: 94%; margin: 0 auto; margin-bottom: 8%;  }
.about-gaiyoudl dt { float: none; font-size: 16px; font-weight: bold; clear: both;  }
.about-gaiyoudl dd { padding-left: 0; border-bottom: 1px solid #000082; padding-bottom: 15px; margin-bottom: 15px;  }
.about-gaiyoudl dd:last-child { padding-bottom: 0; margin-bottom: 0; border-bottom: none;  }
.about-teikyoul { float: left; margin-right: 30px; margin-top: 5px; }
.about-teikyoul li { line-height: 1.2; margin-bottom: 10px;  }

.about-gaiyoudl a.tellink { font-size: 20px; display: block; font-weight: bold; font-family: 'Roboto Condensed', sans-serif; }
.about-gaiyoudl a.tellink span { font-size: 14px; }


/* shop
==========================================================*/

.page-brand .content { width: 100%; }

#map_canvas2 { height: 40vh; }
#map_canvas3 { height: 40vh; }
#map_canvas4 { height: 40vh; }

.shop-greeting { position: relative; z-index: 0; margin-top: -50px; margin-bottom: 8%; }
.shop-greeting_nn { position: relative; z-index: 0; margin-top: -50px; }
.shop-greeting .colwrap { padding-top: 6%; background: #fff; margin-left: 0; width: 100%; }
.shop-greeting:before { display: none;}
.shop-greeting:after { display: none;}

.cont-shop { }
.cont-shop .about-midashi { margin-left: 3%; text-align: center; background: #fff; color: #000082; margin-top: -20px; box-sizing: border-box; padding: 10px; font-size: 22px; border-bottom: 2px solid #000082; position: relative; z-index: 4; }
.cont-shop .about-midashi:after { display: none;}
.shop-bigimg { margin-bottom: 0; position: inherit; z-index: 0; }
.shop-catch { font-size: 20px; font-weight: bold; font-family: 'Noto Sans Japanese', serif; margin-bottom: 4%; letter-spacing: 0; width: 100%; text-align: center; padding-top: 0; }
.shop-catch span { background: linear-gradient(transparent  70%, #FFC800 70%); }

.shop-greeting .shop-greetingtxt { box-sizing: border-box; width: 100%; margin-left: 0; position: relative; background: #fff; padding-top: 6%; }
.shop-greeting .shop-greetingtxtin {  width: 94%; margin: 0 auto; padding-left: 0; padding-bottom: 6%; }

.shop-greeting .shop-tencyo { width: 100%; margin: 0 auto 4%; text-align: center; position: inherit; right: 0; top: 0; }
.shop-greeting .shop-tencyo img { width: 150px;}
.shop-tencyoimg { margin-bottom: -15px;}
.shop-tencyojp { display: inline-block;  position: relative; z-index:2; font-size: 12px; line-height: 12px; color: #fff; margin-bottom: 10px; background:  #000082; padding: 5px; }
.shop-tencyoen { position: relative; z-index:2; font-size: 20px; line-height: 24px; font-weight: bold; font-family: 'Poppins', sans-serif;background: #fff;  }

.midashi-yel { font-family: 'Noto Sans Japanese', serif; height: 45px; line-height: 45px; text-align: center; font-size: 18px; font-weight: bold; background:#FFC800; position: relative; }
.midashi-yel:after { position: absolute; content: ""; bottom: -8px; right: calc(50% - 8px); width: 0;
height: 0;
border-style: solid;
border-width: 8px 8px 0 8px;
border-color: #FFC800 transparent transparent transparent; }

.shop-staff { }
.shop-staff .midashi-yel { margin-bottom: 6%; } 

.shop-staff .col-l { width: 100%; text-align: center; margin-bottom: 4%; }
.shop-staff .col-l img { width: 150px; margin: 0 auto; }
.shop-staff .col-r { width: 100%; background: #fff; box-sizing: border-box; padding: 4%; position: relative; margin-bottom: 4%; }
.shop-staff .col-r:after { position: absolute; content: ""; top: -8px; left: calc(50% - 8px); width: 0; 
height: 0;
border-style: solid;
border-width: 0 8px 8px 8px;
border-color: transparent transparent #fff; } 

.shop-staffimg { }
.shop-staffen { font-size: 20px; line-height: 20px; font-weight: bold; font-family: 'Poppins', sans-serif; text-align: center; margin-top: 15px;  }

.shop-info { margin: 6% 0; text-align: center;}
.shop-infoin { box-sizing: border-box; padding: 4%; background: #fff; }
.shop-info .col-l { width: 100%; padding-top: 0; }
.shop-info .col-r { width: 100%; }
.shop-infoname { font-size: 20px; font-weight: bold; font-family: 'Noto Sans Japanese', serif; }
.shop-infotxt { letter-spacing: 0;}
.shop-infotel { font-size: 24px; font-weight: bold; font-family: 'Roboto Condensed', sans-serif;  padding-bottom: .5em; }
.shop-infoimg { }

.sp-shopmenu { width: 94%; margin: 0 auto 4%; }
.sp-shopmenu li { float: left; width: 100%; margin-bottom: 1%; box-sizing: border-box; height: 40px; line-height: 40px; }
.sp-shopmenu li a { padding: 0 10px;position: relative; display: block; background: #000082; color: #fff; }
.sp-shopmenu li a span { display: block; position: absolute; right: 10px; top: 12px;}

.page-shop .content { margin-left: 0; }
.shop-bigimg { margin-left: 0; position: relative; }

/* brand
==========================================================*/


.kijimid { font-size: 16px; font-weight:bold; margin-bottom:10px; }
.kijiul { margin-left: 0; width: 94%; margin: 0 auto; }
.kijiul li { width: 100%; margin-left: 0; float: left; text-align: center; line-height: 40px; height: 40px; margin-bottom: 2px; font-size: 13px; }
.kijiul li a { display: block; background: #000082; color: #fff; position: relative; }
.kijiul li a:after { position: absolute; bottom: 0; right: 0; content: ""; width: 0;
height: 0;
border-style: solid;
border-width: 0 0 10px 10px;
border-color: transparent transparent #FFC800 transparent;  }

.kijiul li a.tume { letter-spacing: 0; font-size: 13px;}


.brand-logo { width: 100%; margin: 8% auto;  }
.midashi-yel02 { font-family: 'Noto Sans Japanese', serif; height: 50px; line-height: 50px; text-align: center; font-size: 18px; font-weight: bold; background:#FFC800; position: relative; margin-bottom: 6%; }



/* news
==========================================================*/

.page-news .content { padding-left: 0; width: 100%; min-height: 0; }

.news-sidebar { border-top: 1px dotted #000082; padding: 8% 0; }
.news-sidebartxt { padding-left: 10px; margin-bottom: 10px; }

.postwrap { margin-bottom: 12%; }
.post-ttlwrap { width: 94%; margin: 0 auto; border-bottom: 2px solid #000082; position: relative; margin-bottom: 4%; }
.post-ttl { line-height: 1.3; padding-bottom: 10px; font-size: 22px; font-weight: bold; width: 100%; font-family: 'Noto Sans Japanese', serif; }
.post-r { height: 25px; width: 100%; position: absolute; bottom: -27px; right: 0; font-size: 12px; font-weight: bold; text-align: center;}
.postdate { padding-right: 15px; float: right; font-weight: normal; color: #8080C0; line-height: 25px;}
.postcat { float: right; width: 80px; height: 25px; line-height: 25px; position: relative; background:#FFC800;}
.postcat:after { content: ""; position: absolute; width: 0; left: -10px; top: 0;
height: 0;
border-style: solid;
border-width: 0 10px 25px 0;
border-color: transparent #FFC800 transparent transparent;}
.posttxt { padding-top: 25px; width: 94%; margin: 0 auto;}





/* contact
==========================================================*/


.con-tel { font-size: 35px; padding-right: 10px; line-height: 1em; font-weight: bold; font-family: 'Roboto Condensed', sans-serif;  }
.con-tel a { cursor: text;}
.con-bikou { line-height: 1.4em; margin-left: 0; padding: 0; border-bottom: none; padding-bottom: 10px; margin-bottom: 10px; border-bottom: 1px dotted #000082; }
.con-bikou02 { padding-top: 0; }
.con-kome { display: block; float: right; width: 50px; height: 25px; line-height: 26px; text-align: center; margin-left: 10px; font-weight: normal; font-size: 0.9em; color:#FFC800; background:  #000082; }
.con-kome2 {display: inline-block; float: none;  margin-left: 0; margin-right: 5px; }

	.contab { width: 92%; margin-left: 3%; margin-top: 8%; }
	.contab tr { }
	.contab th { padding-right: 0; font-weight: bold; width: 100%; display: block;  padding-bottom: 0;}
	.contab td { padding:5px 0;display: block; padding-bottom: 10px; }
	.contab td input { padding:6px 4px; width: 100%; background:#fff; border: none; font-size: 16px; }
	.contab td textarea { padding:6px; background: #fff; width: 100%; min-height: auto; border: none; font-size: 16px; }
	.submitOuter { margin-left: -8px; }
	.submitOuter button {
		background: none;
		border: none;
		cursor: pointer;
	}
	#error_box {
		display:none;
		margin:10px 3% 20px;
		text-align:left;
		color:#f00;
		line-height:1.5;
	}
	
.submitbtn { width: 120px; height: 50px; background: #000082; line-height: 50px; font-weight: bold; text-align: center; color: #FFC800; font-size: 16px; }

textarea { font-size: 16px; }
input { font-size: 16px; }

}

@media screen and (max-width: 600px) {
.pagetop .foot-logo { width: 50%; }
.main-online { bottom: -400px; right: 0; z-index: 5; width: 200px;}
}

@media screen and (max-width:500px) {
.main-online { bottom: -300px; right: 0; z-index: 5; width: 200px;}
.ind-newswrap { width: 96%; margin: 0 auto; position: relative; z-index: 2; }
.ind-newswrap:after { display: none;}
.ind-newsul { margin-left: -1%; }
.ind-newsul li { width: 49%; float: left; margin-left: 1%; margin-bottom: 4%; }
.ind-newsul .ind-newscat { position: relative; height: 25px; line-height: 25px; width: 90px; font-size: 12px; font-weight: bold; text-align: center; float: none; background: #FFC800; }
.ind-newsul .ind-newscat:after { position: absolute; content: ""; top: 0; right: -10px; width: 0; height: 0; border-style: solid;
border-width: 0 10px 25px 0;
border-color: transparent transparent #FFC800 transparent;}
.ind-newsul .ind-newsdate { color: #8080C0; font-size: 12px; padding-left: 0; line-height: 25px; }
.ind-newsul .ind-newsttl { padding-right: 10px;}

.ind-news .btn { margin: 40px auto 0; }
.pagetop .foot-logo { width: 60%; }
}

@media screen and (max-width:400px) {
.main-online { bottom: -250px; right: 0; z-index: 5; width: 180px;}
.main-online dd a { display: block; background: #FFC800; height: 50px; line-height: 50px; font-size: 14px; border-top: 1px solid #000082; text-align: center; font-weight: bold; }
}

@media screen and (max-width:320px) {
	.main-online { bottom: -220px; right: 0; z-index: 5; width: 180px;}
}