@charset "utf-8";
* { box-sizing:border-box; }
body, h1, h2, h3, dl, dd, ul, form, textarea  { margin:0; padding:0; font-size:100%; }
body { color:#333; font-size:14px; line-height:1.7; -webkit-text-size-adjust:100%;
 font-family:"���C���I","Meiryo",verdana,"�q���M�m�p�S Pro W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif; }

img { font-size:0; line-height:0; vertical-align:bottom; max-width:100%; }
ul { list-style-type:none; }
fieldset { border:none; }
strong { margin: 0 2px; line-height: 1.8; }
em { font-style:normal; font-weight:bold; }
label { display:inline-block; }
table { border-collapse:collapse; border-spacing:0; }
figure { margin:0; }

article, aside, dialog, figure, footer, header, hgroup, nav, section { display:block; }

/*��荞�݉���clearfix*/
.clearfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.clearfix {display:inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */

/* ���� ------------------------ */
a { color:#333; }
a:active, a:hover { color:#8A8A8A; }
a:hover{ text-decoration: none; }
a img, img { border-width:0px; }
map area:focus, map area:active { outline:none; border:0; }
.serif {
	font-family: 
		"��������", "Yu Mincho", YuMincho, 
		"�q���M�m���� ProN W6", "HiraMinProN-W6", 
		"HGS����E", "�l�r �o����", "MS PMincho", "MS ����", serif; }
.left   { text-align:left; }
.center { text-align:center; }
.right  { text-align:right; }
.small  { font-size:0.85em; }
.bold { font-weight:bold; }
.clear { clear:both; }
.hide { display:none; }
.iblock { display:inline-block; }
.wide { width:100%; }

.red    { color:#bf1920; }

ul.disc, ul.square, ul.decimal { margin-left:1.3em; }
.disc li { list-style-type:disc; }
.square li { list-style-type:square; }
.decimal li { list-style-type:decimal; }

img.middle { vertical-align:middle; }
.indent{ text-indent: -1em; padding-left: 1em; }

.fleft { float:left; }
.fright { float:right; }

.shadow { box-shadow: 0 0 3px rgba(0,0,0,0.3); }

.flex {	display: -webkit-flex; display: flex;
 -webkit-flex-wrap: wrap; flex-wrap:wrap; }
.flex.between { -webkit-justify-content:space-between; justify-content:space-between; }

/* base------------------------ */
#loading { position:fixed; top:0; z-index:9999; width:100%; height:100%; background:#fff; }
#loading img { position:absolute; top:0; bottom:0; left:0; right:0; width:60px; height:60px; margin:auto; }

.inner { width:980px; margin:0 auto; }
.narrow { width:860px; margin:0 auto; }
#wrapper { width:100%; overflow:hidden; }
#contents { padding-bottom:60px; }
#top #contents { padding-bottom:0; }

#pan { margin:16px auto 34px; text-align:right; }
#pan li { display:inline-block; font-size:13px; }
#pan li:not(:first-child):before { content:">"; padding:0 5px; color:#888; }

/* header------------------------ */
header { padding:15px 0 16px; border-top:5px solid #f60; }
header > .inner { position:relative; }
header h1 { float:left; }
header .h_txt { margin:0 0 8px; font-size:13px; }
.shopInfo { float:right; }
.shopInfo li { position:relative; float:left; margin-left:10px; padding:18px 16px 12px; line-height:1; font-family:"Rounded Mplus 1c";
 text-align:center; text-decoration:none; font-weight:600; border-radius:3px; background:#fffee5; }
.shopInfo li h2 { position:absolute; top:-8px; left:0; width:100%; text-align:center; color:#f60; font-size:18px; font-weight:800; }
.shopInfo li .cmn_tel { margin-bottom:8px; }

.cmn_tel { display:block; margin:0; padding-left:38px; font-size:28px; color:#f60; font-weight:900; line-height:1;
 font-family:"Rounded Mplus 1c"; background:url(https://kei-mishiyousya.com/img/ico_tel.svg) no-repeat 0 center / 30px; }

/* gnav------------------------*/
#gnav { margin-top:20px; }
#gnav > ul > li { float:left; position:relative; border-right:1px dashed #ddd; }
#gnav > ul > li:first-child { border-left:1px dashed #ddd; }
#gnav > ul > li > a { display:block; margin:0 4px; padding:4px 49px; background:transparent; transition:all .5s; -webkit-transition:all .5s; }
#gnav > ul > li > a:hover, #gnav > ul > li > a.active { border-radius:5px; }

#gnav .sub_nav { position:absolute; z-index:999; top:100%; left:0; width:100%; height:auto; overflow:hidden; }
#gnav .sub_nav li { position:relative; overflow:hidden; height:0; transition:all .3s; -webkit-transition:all .3s; margin:0 4px; background:#fff; }
#gnav .sub_nav li a { display:block; width:100%; box-sizing:border-box; padding:8px 0; font-size:13px; text-align:center; text-decoration:none;
 border-bottom:1px dashed #ccc; transition:all .5s; -webkit-transition:all .5s; }
#gnav .sub_nav li a:hover { color:#333; }
#gnav li:hover .sub_nav li { overflow:visible; height:40px; }

/*body#stock #gnav li.top > a.active { background:none; }

#gnav li.top a:hover, #gnav li.top > a.active, body#stock #gnav li.top > a:hover { background:#e9f6ff; }
#gnav li.stock a:hover, #gnav li.stock > a.active { background:#f0fdec; }
#gnav li.reason a:hover, #gnav li.reason > a.active { background:#fffaec; }
#gnav li.about a:hover, #gnav li.about > a.active { background:#fff4ec; }
#gnav li.company a:hover, #gnav li.company > a.active { background:#ffebf0; }
#gnav li.contact a:hover, #gnav li.contact > a.active { background:#ebfffa; }*/

/* pagetop------------------------ */
#pagetop { position: fixed; bottom: 20px; right: 20px; z-index:999; }
#pagetop { text-align:center; }
#pagetop .f_btn { margin-top:6px; }

/* footer-------------------*/
footer { position:relative; padding:60px 0 136px; background:url(https://kei-mishiyousya.com/img/f_illust.png) no-repeat center bottom 36px; }
footer:before { content:""; position:absolute; top:0; left:0; right:0; width:100%; height:4px; background:#f60 url(https://kei-mishiyousya.com/img/bg_stripe2.png) repeat-x 0 0; }
footer .fbox { margin-bottom:30px; padding-bottom:30px; border-bottom:1px dashed #ddd; }
footer .flogo { float:left; }

footer .fnav_list { float:left; margin-right:90px; min-width:140px; }
footer .fnav_list li { margin-bottom:8px; }
footer .fnav_list:last-child { margin-right:0; }
footer .fnav_list a { position:relative; display:inline-block; text-decoration:none; font-size:13px; }
footer .fnav_list a:hover { text-decoration:underline; }
footer .fnav_list > li > a { padding-left:28px; font-weight:normal; font-size:12.6px; }
footer .fnav_list > li > a:before { content:""; position:absolute; top:2px; left:0; width:20px; height:20px; border-radius:50%; background:#ffc600 url(https://kei-mishiyousya.com//img/arrow.svg) no-repeat center center / 10px; }
footer .fnav_list ul { margin:6px 0 0 26px; }

#copyright { position:absolute; left:0; right:0; bottom:0; margin:0; padding:8px 0; color:#fff; font-size:12px; letter-spacing:0.075em; text-align:center; background:#92c836; }

/* common-------------------*/
/* pageTitle */
.pageTitle { position:relative; padding:40px 0 34px; color:#333; text-align:center; line-height:1.5;
 font-family:"Rounded Mplus 1c"; font-size:30px; letter-spacing:0.05em; border-top:3px solid #f60; border-bottom:3px solid #f60;
 background-color:#ffe3d2; background-image:url(https://kei-mishiyousya.com/img/bg_stripe.png); }
.pageTitle span { display:block; font-size:15px; color:#f60; }

#stock .pageTitle { border-color:#46c220; background-color:#d9f7d0; }
#stock .pageTitle  span { color:#46c220; }

#reason .pageTitle { border-color:#ffc000; background-color:#fdf0c9; }
#reason .pageTitle  span { color:#ffc000; }

#company .pageTitle { border-color:#ff6f87; background-color:#ffd3da; }
#company .pageTitle  span { color:#ff6f87; }

#contact .pageTitle { border-color:#39b89c; background-color:#caf3ea; }
#contact .pageTitle  span { color:#39b89c; }

/* conTitle */
.conTitle { text-align:center; margin-bottom:34px; }
.conTitle span { position:relative; display:inline-block; padding:0 0.6em 8px; font-size:28px; font-weight:500; font-family:"Rounded Mplus 1c"; }
.conTitle span:before { content:""; position:absolute; bottom:0; left:0; width:100%; height:8px; background:#f60 url(https://kei-mishiyousya.com/img/bg_stripe2.png) repeat-x 0 0; }

/* button */
.cmn_button a {
 position:relative; display:inline-block; padding:12px 8% 10px 10%; transition:all .3s; -webkit-transition:all .3s;
 color:#333; font-weight:bold; text-align:center; text-decoration:none; border-radius:5px; border:2px solid #ffc600; }
.cmn_button a:before { content:""; position:absolute; top:0; bottom:0; width:20px; height:20px; margin:auto; margin-left:-30px;
 border-radius:50%; background:#ffc600 url(https://kei-mishiyousya.com/img/arrow.svg) no-repeat center center / 10px;
 transition:all .3s; -webkit-transition:all .3s; }
.cmn_button a:hover { border-color:#ffc600; background:#ffc600; }
.cmn_button a:hover:before { background-color:#fff; }

/* img hover */
img.scale { transition:all .3s; -webkit-transition:all .3s; }
a:hover img.scale  {	-webkit-transform: scale(1.05); transform: scale(1.05); }

.marker { background:linear-gradient(transparent 50%, #f9f5c3 0%); }