@charset 'utf-8';
/*	Cascading Style Sheets: style.css 5.2	*/ 

/*	memo
font-family（字体）
ゴシック→"メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif
明朝→"Hiragino Mincho Pro","HGS明朝E","ヒラギノ明朝 Pro W3","小塚明朝 Pro EL","Kozuka Mincho Pro",Century,"Times New Roman",Times,"ＭＳ 明朝",serif
*/

@media screen and (max-width: 640px){
#PAGE	{ padding-bottom:30px; background:#fff; text-align:center;  }
.SHEET	{ width:100%; margin:0px auto; position:relative; text-align:left; float:left; clear:none; }

#HEADER	{ height:auto; background:none text-align:center; }
#HEADER a.CONTACT_SP { width:100%; background:#db7093; color:#fff; text-align:center; float:left; clear:none; padding:3px 0; display:block; display:none; }
#HEADER .SHEET	{ width:100%; height:auto; }
#HEADER .H_LOGO a.CONTACT2 { display:none; } 
#HEADER .H_LOGO	{ width:100%; float:left; margin:0px; padding-top:10px; position:fixed; z-index:10; background:#8bccc0; }
#HEADER .H_LOGO span	{ display:none; }
#HEADER .H_LOGO h1	{ width:96%; float:left; clear:none; margin:0 0 0 2%; display:none; }
#HEADER .H_LOGO h1.SP {display:block; }
#HEADER .H_LOGO a	{ width:20%; margin:0px 0px 10px 40%;  }
#HEADER .H_LOGO a img	{ width:100%; }
#PAGE ul.BANNER { display:none; }
#PAGE ul.BANNER_SP  { display:block; }
#PAGE ul.BANNER_SP li { width:32%; float:left; clear:none; margin-right:1px; }
#PAGE ul.BANNER_SP li.BANNER_SP_CON { width:100%; float:left; clear:none; }
#HEADER .H_LOGO .navi_btn	{ float:right; display:block; clear:none; margin:0px 2.5% 0px 0px; color:#000; }
#HEADER .H_LOGO .navi_btn img	{ width:28px; float:right; margin:0px 0px 0px 5px; }

#HEADER .H_LOGO a.CONTACT2 img.ARROW { width:auto; float:none; display:inline; margin-left:10px; }
#HEADER .H_CONTACT	{ width:95%; float:right; margin:60px 2.5% 0px 0px; }
#PAGE .TOP strong	{ display:none; }
#HEADER .H_CONTACT .SP	{ display:block; color:#fff; text-align:left; font-size:11px; line-height:1.7em; margin:10px 0;  }
#HEADER .H_CONTACT ul	{ width:102%; float:right; clear:both; margin-top:5px; }
#HEADER .H_CONTACT ul li	{ width:48%; float:left; margin-right:2%; }
#HEADER .H_CONTACT ul li a	{ width:100%; height:30px; float:left; margin:0px 0px 0px 10px; background:#231815; color:#fff; font-weight:bold; font-size:12px; line-height:30px; letter-spacing:0.1em; text-align:center; text-decoration:none; text-shadow: 1px 1px 3px #333; }
#HEADER .H_CONTACT ul li a img	{ display:none; }
#HEADER .H_CONTACT .H_TEL	{ width:100%; text-align:right; }
#HEADER .H_CONTACT .H_TEL span	{ width:100%; }
#HEADER .H_CONTACT .H_TEL span br	{ display:none; }
#HEADER .H_CONTACT .H_TEL em	{ width:auto; float:none; clear:none; line-height:1.8em; }
#HEADER .H_CONTACT .H_TEL strong	{ width:auto; float:none; clear:none; margin:0px; font-size:25px; line-height:1.2em; font-family:helvetica, arial; }
#HEADER .H_CONTACT .H_TEL a	{ color:#231815; }

#PAGE .CONTENTS .BOX { width:96%; float:left; clear:none; margin:0 0 0 2%; }



#HEADER #navigation	{ display:none; }
#HEADER ul#MENU li	{ width:auto; float:left; clear:none; }

#slide_menu	{ display:none; }
.sidr { display:none; position:absolute; position:fixed; top:0; height:100%; z-index: 999999; width:290px; overflow-x:hidden; overflow-y:auto; background:#484745; color:#fff; }
.sidr .sidr-inner { padding:0 0 15px 0; }
.sidr.right { left: auto; right: -290px; }
.sidr p { font-size:13px; margin: 0 0 12px 0; }
.sidr p a { color:rgba(51,51,51,0.9); }
.sidr>p { margin-left:15px; margin-right:15px }
.sidr + ul { display:block; padding:0; border-top:1px solid #fff }

.sidr ul li.SP { height:50px; display:block; margin:0; border-bottom:1px solid #fff; display:block; }
.sidr ul li.SP strong { font-size:15px; margin-right:10px; }
.sidr ul li.SP em { display:none; }
.sidr ul li.SP .sidr-class-crr { background:#666; }

.sidr ul li { height:50px; display:block; margin:0; border-bottom:1px solid #fff; }
.sidr ul li strong { font-size:15px; margin-right:10px; }
.sidr ul li em { display:none; }
.sidr ul .sidr-class-crr { background:#666; }


.sidr li a:after { display:inline-block; content:attr(data-label); line-height:50px; }
.sidr ul li:hover, .sidr ul li.active, .sidr ul li.sidr-class-active { border-top:none; }
.sidr ul li a, .sidr ul li span { display:block; text-decoration:none; color:#fff; height:50px !important; line-height:50px; width:100% !important; background:url(/img/bgMenu.png) no-repeat 90% 50%; background-size: 11px 18px; text-align:center; }
.sidr ul li a img { display:none; }
#sidr-id-close-btn { background:none; }
#sidr-id-close-btn img { width:33px; height:33px; float:left; display:block; margin:10px 0px 0px 10px; }

#PAGE	{ width:100%; float:left; clear:none; padding-bottom:10px; text-align:center; margin-top:0px; }

#PAGE .TOP	{ width:100%; float:left; clear:none; margin:0; position:relative; }
#PAGE .TOP img	{ width:100%; float:right; }
#PAGE .TOP strong	{ position:absolute; top:15px; left:5%; color:#fff; font-size:15px; line-height:1.8em; letter-spacing:0.2em; }

#PAGE .CONTENTS	{ width:96%; height:auto; float:left; margin:0 0 0px 2%; padding-bottom:0px; background:#fff; }
#PAGE .CONTENTS p { width:100%; float:left; clear:none; text-align:left; margin:20px 0 0 0; }
#PAGE .CONTENTS h2	{ width:95%; margin:20px 0px 0px 2.5%; font-size:14px; line-height:1.7em; }
#PAGE .CONTENTS h3.H3_BOX	{ width:85%; height:30px; float:left; margin:30px 0px 0px 2.5%; padding:10px 5% 0px 5%; font-size:15px; line-height:1.5em; letter-spacing:0em; }
#PAGE .CONTENTS span.ALART	{ width:95%;  margin:10px 0px 0px 2.5%; font-size:10px; line-height:1.5em; }
#PAGE .F_MENU	{ display:none; }

#PAGE .CONTENTS .BOX { width:840px; float:left; clear:none; margin:0 0 0 60px; }
#PAGE .CONTENTS ul.LINK_SP { width:auto; display:block; float:left; clear:none; margin-top:20px; }
#PAGE .CONTENTS ul.LINK_SP li { width:auto; float:left; clear:none; margin-right:20px; }
#PAGE .CONTENTS ul.LINK_SP a { text-align:left; }


#PAGE ul.CONTACT_BANNER	{ width:100%; float:right; clear:none; margin:20px 0px 0px 0px; }
#PAGE ul.CONTACT_BANNER li	{ width:95%; float:left; margin:0px 0px 10px 2.5%; }
#PAGE ul.CONTACT_BANNER li a	{ width:100%; height:50px; background:#231815; }
#PAGE ul.CONTACT_BANNER li a:hover	{ filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity:0.70; opacity:0.70; }
#PAGE ul.CONTACT_BANNER li a:visited	{ filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity:0.70; opacity:0.70; }
#PAGE ul.CONTACT_BANNER li a img	{ width:15px; margin:0px 10px 0px 0px; vertical-align:middle; }

#FOOTER	{ float:left; clear:none; background:#fff; text-align:center; margin-top:50px; border-top:1px solid #231815; padding-top:20px; }
#FOOTER .F_LOGO	{ width:95%; float:left; margin:0px 0px 0px 2.5%; text-align:left; }
#FOOTER .F_LOGO span	{ width:auto; float:left; margin:0px; font-size:11px; line-height:1.5em; }
#FOOTER .F_LOGO a	{ width:auto; float:none; margin:0px auto 0px auto; }
#FOOTER .F_LOGO a.COPY { width:100%; float:left; clear:none; test-align:left; color:#231815; font-size:10px; }
#FOOTER .F_LOGO a img	{ width:270px; float:none; }
#FOOTER .F_CONTACT	{ width:95%; float:left; margin:0px 0px 0px 2.5%; }
#FOOTER .F_CONTACT .F_PRIVACY	{ width:auto; float:right; clear:both; color:#000; font-size:11px; }
#FOOTER .F_CONTACT ul	{ width:102%; float:right; display:block; clear:both; margin:5px 0px 10px 0px; }
#FOOTER .F_CONTACT ul li	{ width:48%; float:left; margin-right:2%; }
#FOOTER .F_CONTACT ul li a	{ width:100%; height:30px; float:left; margin:0px 0px 0px 10px; background:#666; color:#fff; font-weight:bold; font-size:12px; line-height:30px; letter-spacing:0.1em; text-align:center; text-decoration:none; text-shadow: 1px 1px 3px #333; }
#FOOTER .F_CONTACT ul li a img	{ width:12px; margin:0px 5px 0px -5px; vertical-align:middle; }
#FOOTER .F_CONTACT .F_TEL	{ width:220px; float:left; clear:both; margin:5px 0px 0px 0px; text-align:left; }
#FOOTER .F_CONTACT .F_TEL span	{ width:100%; }
#FOOTER .F_CONTACT .F_TEL span br	{ display:none; }
#FOOTER .F_CONTACT .F_TEL em	{ width:auto; float:none; clear:none; line-height:1.8em; }
#FOOTER .F_CONTACT .F_TEL strong	{ width:auto; float:right; clear:none; margin:0px; font-size:25px; line-height:1.2em; font-family:helvetica, arial; }
#FOOTER .F_CONTACT .F_TEL a	{ color:#000; }
#FOOTER .F_CONTACT .F_HOURS	{ width:auto; float:left; clear:both; font-size:11px; }

p.KANBAI { display:none; }
}