@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
*/
.BR{display: none;}
body		{ margin:0px; padding:0px; color:#000; background:#fff; font: normal normal normal 12px/2em "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Noto Sans","Noto Sans Japanese","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; }
a		{ color:#333333; outline:0px none #fff; background-repeat:no-repeat; text-decoration:none;}
/* a:hover { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)"; } */
a span,a strong,a em,a small,a img	{ cursor:pointer; font-style: normal;}
a span,strong,em,small { font-style: normal;}
br		{ letter-spacing:0px; }
div		{ position:relative; width:auto; height:auto; margin:0px; padding:0px; overflow:hidden; border:solid 0px  #000; }
hr		{ clear:both; height:1px; color:#000; background:#000; text-align:left; margin:0px; border:0px none #000; display:block; }
img		{ margin:0px; padding:0px; border:0px solid #000; }
form		{ margin:0px; padding:0px; }
select		{ cursor:hand; cursor:pointer; }
h1,h2,h3,h4,h5,h6	{ margin:0px; padding:0px; font-size:100%; line-height:100%; font-weight:normal; font:inherit; }
ul,ol		{ margin:0px; padding:0px; }
li		{ margin:0px; padding:0px; display:block; list-style:none outside none; }
li img		{ vertical-align:top;margin:0px;padding:0px; }
li a img		{ vertical-align:top;margin:0px;padding:0px; }
dl		{ clear:both; float:left; display:inline; width:100%; margin:0px; padding:0px; }
dt		{ clear:both; float:left; display:block; width:15%; margin:0px; padding:0px; }
dd		{ clear:none; float:left; display:block; width:85%; margin:0px; padding:0px;  }
table		{ border-collapse:collapse; border-spacing: 0px; border:0px solid #ccc; table-layout:fixed; empty-cells:show; margin:0px; padding:0px; }
td,th		{ margin:0px; padding:2px; font: normal normal normal 12px/1.5em "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Noto Sans","Noto Sans Japanese","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; }
br.SP {display: none;}
br.PC {display: inline;}
a.SP {display: none;}
strong.PC {display: inline;}
body	{ width:100%; background:#fff; text-align:center; overflow-x:hidden; }
img.SP { display: none;}
img.PC { display: inline; }


/*フッターここから*/
#FOOTER	{ width:100%; margin:0px auto; color: #fff;  padding: 30px 0 ;background-color: #4d4d4d;padding: 30px 0 100px 0;padding: 30px 0 150px 0;}
#FOOTER a.CONTACT { float:left; color:#fff; text-decoration:none; }
#FOOTER a.CONTACT:hover { -webkit-transform: translateY(-5px); -webkit-transition: .3s; transition: .3s; }
#FOOTER #FOOTER_BOX	{ width:960px; margin:10px auto; text-align:left; }
#FOOTER #FOOTER_BOX img	{ width:250px;}
#FOOTER #FOOTER_BOX .f_contact { width:320px; float: left; margin: 0px 0px 0px 0px; color: #fff;}
#FOOTER #FOOTER_BOX .f_contact span { width:320px; font-size: 15px; font-weight: bold; float: left; margin: 0px 0px 5px 0px; }
#FOOTER #FOOTER_BOX .f_contact p { font-size:11px; width:250px; float:left; margin-top:10px; line-height:1.5em; }
#FOOTER #FOOTER_BOX .f_shop { width:640px; float: left; margin: 0px 0px 0px 0px; color: #fff; display:block;}
#FOOTER #FOOTER_BOX .f_shop .f_area_title{ font-weight:bold; font-size:15px; }
#FOOTER #FOOTER_BOX .f_shop .f_area_title a:link { color:#fff; }
#FOOTER #FOOTER_BOX .f_shop .f_area_title a:visited { color:#fff; }
#FOOTER #FOOTER_BOX .f_shop .f_area_title a:hover { text-decoration:underline; }
#FOOTER #FOOTER_BOX .f_shop ul.area_list { width:640px; float:left; margin:0 0 20px 0; letter-spacing: 1px;}
#FOOTER #FOOTER_BOX .f_shop ul.area_list li { width:auto; float:left; margin-right:10px; }
#FOOTER #FOOTER_BOX .f_shop ul.area_list li a { color:#fff; margin-right:10px; }
#FOOTER #FOOTER_BOX .f_shop ul.area_list li a:hover { text-decoration:underline; }
#FOOTER #FOOTER_BOX .f_shop ul.shop_list { width:640px; float: left; letter-spacing: 1px;}
#FOOTER #FOOTER_BOX .f_shop ul.shop_list li { width:200px; float: left; margin: 0px 20px 0px 0px; }
#FOOTER #FOOTER_BOX .f_shop ul.shop_list li:last-child { margin: 0px 0px 0px 0px;  }
#FOOTER #FOOTER_BOX .f_shop ul.shop_list li span { width:200px; float: left; font-size: 15px; font-weight: bold; margin: 0px 0px 10px 0px; color: #fff; }
#FOOTER #FOOTER_BOX .f_shop ul.shop_list li a { width:100%; float:left; color:#fff; font-size:15px; font-weight: bold; }
#FOOTER #FOOTER_BOX .f_shop ul.shop_list li a:hover { opacity:0.7; }
#FOOTER #FOOTER_BOX .f_shop ul.shop_list li div.white { border-bottom: solid 2px white;padding-bottom: 7px;}
#FOOTER #FOOTER_BOX .f_shop ul.shop_list li p { width:200px; float: left; font-size: 12px; font-weight: normal; margin: 7px 0px 0px 0px; color: #fff;}
#FOOTER #FOOTER_BOX .f_shop ul.shop_list li strong { width:200px; float: left; font-size: 14px; font-style: normal; font-weight: bold; margin: 5px 0px 0px 5px; color: #fff;}
#FOOTER #FOOTER_BOX .f_shop ul.shop_list li strong em { width:auto; padding: 2px 12px; float: left; font-size: 12px; font-style: normal; font-weight: normal; margin: 0px 5px 0px 0px; color: #4d4d4d; background-color: #fff; border-radius: 5px; font-weight: bold;}
#FOOTER #FOOTER_BOX ul.SUB	{ width:300px; float:left; margin:10px 0 0 0; }
#FOOTER #FOOTER_BOX ul.SUB li	{ width:auto; float:left; margin:0 20px 0 0; }
#FOOTER #FOOTER_BOX ul.SUB .SUB_long { width:100%; }
#FOOTER #FOOTER_BOX ul.SUB li a	{ color:#fff; }
#FOOTER #FOOTER_BOX ul.SUB li a:hover	{ text-decoration:underline; }
#FOOTER #FOOTER_BOX ul.SUB li a:active	{ text-decoration:underline; }
#FOOTER #FOOTER_BOX ul.SUB li a img	{ width:6px; margin:0 5px 0 0; vertical-align:middle; }
#FOOTER_SP { display:none }
.L_FOOT { display:none }
.FOOTER_ZEH { width: 640px;float: right;margin: 10px 0 0 0;}
.FOOTER_ZEH a {color: #fff}
.FOOTER_ZEH a img { width: 6px !important; margin-right: 5px /* TODO: important使いたくない */}
.FOOTER_ZEH a:hover { text-decoration: underline;}
/*コンテンツ*/
#PAGE #CONTENTS	{ width:732px; float:right; padding: 0 0 50px 0;}




/*スマホメニューここから*/
#HEADER #HEADER_BOX #navigation { display:none;}
	a.navi_btn{ display:none;}
	span.SP{ display:none;}
	.SP{ display:none;}
	.sidr-inner{ display:none;}
	.SP_wide { float:left; width:100%; text-align:center; margin-bottom:60px;}
/*スマホメニューここまで*/

.NOIMAGE_SIDE {display: inline-block;margin: 10px 0 0 10px;background-color:white; border: 1px solid #000;width: 190px;height: 100px;text-align: center;line-height: 100px}
.NOIMAGE_PRINT { width: 280px; height: 210px; border: 1px solid #000;text-align: center;line-height: 210px;display: inline-block;}
.IMAGE_PRINT {display: inline-block;}
ul.IMAGE { display: flex;display: -webkit-flex; justify-content: flex-start;-webkit-justify-content:flex-start;}
.VANISH div { overflow: visible;}
#FOOTER_BOX .JUSHO{display: none;}


@media screen and (max-width: 740px){
body        { -webkit-text-size-adjust: 100%; }
br.PC {display: none;}
br.SP {display: inline;}
img.PC { display: none;}
img.SP { display: inline; }
a.SP { display: inline; width:auto; float:right; margin:0px; font-weight:normal; font-size:28px; line-height:1.6em; color:#fff; }
strong.PC {display: none;}

#PAGE { width:100%; margin:0px auto; position:relative; text-align:left; }


/*フッター*/
#FOOTER	{ width:100%; margin:0px auto; color: #fff; padding: 0% 0 ; z-index: 500;  padding-bottom: 30px;}
#FOOTER a { color: #fff; text-decoration: none; }
#FOOTER #FOOTER_BOX img	{ width:250px;}
#FOOTER #FOOTER_BOX .f_contact { width:100%; float: left; margin: 0px 0px 0px 0px; color: #fff;}
#FOOTER #FOOTER_BOX .f_contact span { width:100%; font-size: 15px; font-weight: bold; float: left; margin: 0px 0px 5px 0px; }
#FOOTER #FOOTER_BOX .f_contact p { width:100%; font-size:11px; float:left; margin-top:10px; }

#FOOTER #FOOTER_BOX { width:96%; margin-top:20px; z-index:500; }
.navi_btn img { width:100%; float:right !important; }
#FOOTER #FOOTER_BOX .f_shop { display:none; }

#FOOTER .f_contact { width:100%; float: left; margin: 0px 0px 0px 20%;}
#FOOTER .f_contact span { width:100%; float: left; margin: 0px 0px 0px 0px;}
.FOOTER_ZEH { width: 100%}

#FOOTER_SP { display:block }
#FOOTER_SP ul { width:100%; height:auto; margin:0; border:none; border-top:1px solid #514e4e;  }
#FOOTER_SP { width:100%; background-color: #fff; z-index: 500;}
#FOOTER_SP img	{ display:none; }
#FOOTER_SP h2	{ display:none; }
#FOOTER_SP ul	{ width:100%; float:left; margin:0; }
#FOOTER_SP ul li	{ width:100%; float:left; margin:0; border-bottom:1px solid #ccc; }
#FOOTER_SP ul li 	{ width:95%; float:left; padding:15px 2.5%; font-size:13px; line-height:25px; display: flex;align-items: center;justify-content: space-between;}
#FOOTER_SP a:active { text-decoration:underline; }
#FOOTER_SP ul li a span	{ display:none; }
#FOOTER_SP ul li img	{ width:10px; display:inline; margin:-3px 5px 0 0; vertical-align:middle; }
#FOOTER_SP ul li span.TEL	{ width:46vw;  display:block; padding:10px 0; text-align:right; font-size:11px; line-height:1.5em; }
#FOOTER_SP ul li span.TEL img	{ width:25px; display:inline; margin:-5px 2px 0 0; vertical-align:middle; }
#FOOTER_SP ul li span.TEL a	{ float:none; padding:0 0 0 2.5%; font-size:15px; line-height:1.5em; }

.L_FOOT { width:100%; display:inline; }
.L_FOOT #MENU{ width:100%; display:inline; }
#PAGE .L_FOOT #SIDE{ width:100%; display:inline; border-top:2px solid #999; }
#PAGE .L_FOOT #SIDE #navigation{ width:100%; }
#PAGE .L_FOOT #SIDE .area{ width:100%; }
#PAGE .L_FOOT #SIDE .area ul li{ width:100%; margin:0; }
#PAGE .L_FOOT #SIDE .area ul li a{ width:100%; }
#PAGE .L_FOOT #SIDE .area ul li a strong.DOUBLE{ margin-top:0; line-height:53px; }
#PAGE .L_FOOT #SIDE .area ul li a strong br{ display:none; }
#PAGE .L_FOOT #SIDE h2{ display:none; }
#PAGE .L_FOOT #SIDE .shop{ display:none; }
#PAGE .L_FOOT #SIDE .CON_BOX{ display:none; }


#FOOTER_BOX .JUSHO{line-height: 20px;margin-top: 15px;display: inline-block;margin-bottom: 15px;font-size: 12px;}
}


@media screen and (min-width: 420px) and ( max-width:740px){
.navi_btn img { width:50%; margin:-10px 50% 0 0; }
#HEADER #HEADER_BOX a.LOGO img { width: 50%; margin: 2% 0 0 5%; float:left; }
#FOOTER_SP ul li span.TEL	{ width:30%; padding:22px 2.5% 0 0; text-align:right; font-size:11px; line-height:1.5em; }
#HEADER #HEADER_BOX a em { font-size: 10px; }



}
@media screen and (min-width: 120px) and ( max-width:320px){
	#FOOTER_SP ul li span.TEL {
	width: 99vw;
	float: right;
	display: block;
	padding: 0px 0 15px 5vw;
	text-align: left;
	font-size: 11px;
	line-height: 1.5em;
	}
.BR{display: block;}
.SP320{width: 90vw;}
#FOOTER_SP ul li span.TEL{padding: 0px;}
}