/* Lastupdate 2020-12-22 */

/* Css Basic */
html > * {-webkit-tap-highlight-color: rgba(0,0,0,0);}

html{overflow-y:scroll;}
.clr{clear:both;}
.mr_13{margin-right:13px!important;}
.mr_10{margin-right:10px!important;}
.mb15{margin-bottom:15px!important;}
.mb_20{margin-bottom:20px!important;}
.mb40{margin-bottom:40px!important;}
.mgn-t20{
	margin-top:20px;
}

.pb_0{padding-bottom:0!important;}
.txt_attention{color:#9c3b63!important;}

body{letter-spacing:0.1em; font-size:75%; font-family:'Lucida Grande','sqmarket','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ,'ＭＳ Ｐゴシック',Helvetica,Arial,sans-serif; color:#333; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%; margin:0; padding:0; background:#fff;}

.pc{}
.sp{display:none;}

#searchpc{
}

#searchsp{
	display: none;
}
.sinfo{
	padding:10px 0 30px 0;
}


img{vertical-align:bottom;}
img,a img,a{border:none;}
em{font-style:normal; text-decoration:none;}
a{/* color:#; */ -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
a img:hover{filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7;}
a:hover{/* color:#; */}
p{margin:0; padding:0;}

#header,#footer{width:100%; margin:0; padding:0;}

/* Header */
#header{height:83px; border-bottom:#857878 1px solid;}
#header h1{width:985px; margin:0 auto; padding:0;}
#h_logo{margin:32px 0 0 0; float:left;}
#h_tel{margin:32px 13px 0 0; float:right;}
#b_res{margin:24px 0 0 0; float:right;}

/* Main V */
#main_v{width:100%; background:#fceeec; margin:0 auto; padding:0 0 17px 0; text-align:center;}
#main_v h2{margin:0; padding:0;}
#main_v img{margin:0; padding:0;}

/* Main */
#main{width:100%; margin:0 auto; padding:40px 0 0 0; text-align:center;}
#main h2{margin:0 auto; padding:0;}
#b_jump{text-align:center; padding:40px 0 60px 0;}
#main h3{margin:0 auto; padding:0;}
.box_products{margin:0 auto; padding-bottom:10px; background:#fbf2db; width:932px; line-height:0; letter-spacing:0; border-left:solid #d3c4c2 1px; border-bottom:solid #d3c4c2 1px; border-right:solid #d3c4c2 1px;}
.box_products .p_photo{margin-right:10px!important; padding:0;}
.box_products .p_txt{margin:0; padding:0;}


#main h4{margin:35px 0 0 0; padding:0;}
.box_contact{margin:0 auto; padding:30px; width:873px; background:#fff; line-height:0; letter-spacing:0; border:solid #e1d5b8 1px; overflow:hidden;}
.box_contact p.c_tel{margin:20px 0 0 0; float:left;}
.box_contact p.c_mail{margin:0; float:right; padding-left:50px; border-left:solid #e1d5b8 1px;}

.box_info{padding:0 0 65px 0; position:relative; width:100%; margin:40px auto 0 0; background:#fcefec;}
.box_s{width:846px; margin:40px auto 0 auto;}
#main h3.pa{margin:15px 0 ; padding:0;}
.f_l{float:left!important;}
.f_r{float:right!important;}
.box_s p.i_add{margin-bottom:20px!important;}
.box_s p.i_tel{margin-bottom:20px!important;}
.box_s p.i_regist{margin-bottom:20px!important;}
.box_s p.i_map{margin-bottom:20px!important;}
.box_s p.i_profile{margin-bottom:0px!important;}
.box_s p.i_voice{background:url(../img/img_voice.png) no-repeat; width:370px; height:387px; padding:30px 15px 20px 15px; text-align:left; font-size:12px; line-height:22px!important; color:#6b281a;}


/* Form */
#box_form{padding:0; position:relative; width:100%; background:#fcefec; margin:55px auto 0 auto;}
.box_f{width:680px; margin:0px auto 0 auto; padding:40px 0 15px 0;}
#box_form h2{width:680px; padding:15px 0 15px 0; background:#fff; margin:0 auto; text-align:center;}
#box_form .pan{ padding:20px 0 15px 0; margin:0;}
#box_form dl{text-align:left;}
#box_form dt{font-size:12px; line-height:28px; font-weight:nomal; padding:10px 0 0 0; clear:both; width:180px; float:left; vertical-align:top;}
#box_form dd span{color:#333; font-weight:nomal;}
#box_form dd span.txtbasic{font-size:0.9em!important;color:#ff0000;}

#box_form dd{padding:10px 0 0 180px; margin:0; font-size:12px; line-height:28px; }
#box_form input.txtbx01{ /* width: 95%; */ width:200px; border: #dcd7d6 1px solid; margin-top: 5px; margin-bottom: 5px;}
#box_form input.txtbx02{width:80px; border: #dcd7d6 1px solid; margin-top: 5px; margin-bottom: 5px;}
#box_form textarea{/* width: 95%; */ width:450px; border: #dcd7d6 1px solid;　margin-top: 5px; margin-bottom: 35px;}
#box_form button img:hover{filter:alpha(opacity=70); -moz-opacity:0.7; -khtml-opacity:0.7; opacity:0.7;}

button {width:363px; background:none; border:none; padding:0;}
div.btn {width:363px; margin:0 auto 10px auto;}
button img{width:363px;	margin:0; border:none; padding:0; height:53px;}


/* Footer */
#footer{height:50px; border-top:#d3c4c2 1px solid;}
#footer p{width:985px; margin:0 auto 0 auto; padding:0; text-align:right;}
#footer img{margin:12px 0 0 0;}

/* PageTop */
#pagetop{position:fixed; bottom:30px; left:20px; font-size:12px; z-index:100;}
#pagetop a{background:#9c3b63; text-decoration:none; color:#fff; width:44px; padding:12px 0 12px 0!important; text-align:center; display:block; -moz-border-radius:5px; -webkit-border-radius:5px; -border-radius:5px; border-radius: 5px; /* box-shadow: inset 0 0 3px #ff6600; */ color:#ffffff; -webkit-tap-highlight-color:rgba(0,0,0,0); /* filter:alpha(opacity=90); -moz-opacity:0.90; -khtml-opacity:0.90; opacity:0.90; */}
#pagetop a:hover{filter:alpha(opacity=70); -moz-opacity:0.70; -khtml-opacity:0.70; opacity:0.70;}



/* Mobile Landscape and Portrait */
@media only screen and (max-width: 999px) {
/* Header */
#header h1{width:748px;}

/* Main V */
#main_v img{width:748px; margin:0;}

#searchpc{
}

#searchsp{
	display: none;
}
.sinfo{
	padding:10px 0 30px 0;
}
.sinfo img{
	width: 748px;
}

/* Main */
#main{width:748px;}
#main h2 img{width:100%;}
#b_jump img{width:23%;}
#main h3 img{width:100%;}
.box_products{margin:0 auto; width:710px;}
.box_products .p_photo{width:30%;}
.box_products .p_txt{width:65%;}
#main h4 img{width:100%;}
.box_contact{width:746px; padding:0px;}
.box_contact p.c_tel{margin:30px 0 20px 0; float:left; padding-left:30px; width:40%;}
.box_contact p.c_mail{margin:20px 0 20px 0; float:right; padding-left:10px; border-left:solid #e1d5b8 1px; width:50%;}
.box_contact p.c_tel img{width:100%;}
.box_contact p.c_mail img{width:80%;}

.box_info{padding:0 0 30px 0;}
.box_s{width:748px; margin:40px auto 0 auto;}

h3.pa img{width:364px;}
.f_l{width:364px; margin:0 auto; text-align:center;}
.f_r{width:364px; margin:0 auto; text-align:center;}

.box_s p.i_add img{width:90%;}
.box_s p.i_tel img{width:90%;}
.box_s p.i_regist img{width:90%;}
.box_s p.i_map img{width:100%;}
.box_s p.i_profile img{width:364px;}
.box_s p.i_voice{background:url(../img/img_voice_s.png) no-repeat; height:450px; display:block; width:334px; padding:30px 15px 20px 15px; text-align:left; font-size:12px; line-height:22px!important; color:#6b281a;}


/* Form */
#box_form{height:auto!important;}
.box_f{width:748px;}
#box_form h2{width:748px; padding:15px 0 15px 0; background:#fff; margin:0 auto; text-align:center;}
#box_form h2 img{width:60%;}
#box_form .pan img{width:100%;}
#box_form textarea{margin-bottom: 0px;}


/* Footer */
#footer p{width:748px;}
}

@media only screen and (max-width: 767px) {
.pc{display:none;}
.sp{display:block;}
#searchpc{
	display: none;
}

#searchsp{
	display: block;
}
.sinfo{
	padding:10px 0 30px 0;
}
.sinfo img{
	width: 460px;
}

/* Header */
#header{height:65px;}
#header h1{width:460px;}
#h_logo{margin:14px 0 0 0; width:170px;}
#h_tel{margin:4px 0 0 15px; width:130px; float:left;}
#b_res{margin:14px 0 0 0; }

/* Main V */
#main_v img{width:460px;}

/* Main */
#main{width:460px;padding:20px 0 0 0;}
#b_jump img{width:22%;}
#b_jump{padding:20px 0 30px 0;}
#main h3 img{width:100%;}
.box_products{margin:0 auto; width:436px;}
.box_products .p_photo{width:70%;}
.box_products .p_txt{width:95%; margin-top: 10px;}
#main h4 img{width:460px; margin:0;}
.box_contact{width:458px; padding:0; margin:0;}
.box_contact p.c_tel{margin:30px 0 0 0; padding-left:0px; width:100%;}
.box_contact p.c_mail{margin:20px 0 20px 0; padding-left:0px; width:100%; border:none;}
.box_contact p.c_tel img{width:80%;}
.box_contact p.c_mail img{width:80%;}

.box_s{width:100%; margin:40px auto 0 auto;}
h3.pa img{width:400px; margin:0; padding: 20px 0 20px 0;}
.f_l{width:400px; margin:0 auto; text-align:center; float:none!important;}
.f_r{width:400px; margin:0 auto; text-align:center; float:none!important;}

.box_s p.i_add img{width:310px;}
.box_s p.i_tel img{width:298px;}
.box_s p.i_regist img{width:363px;}
.box_s p.i_map img{width:369px;}
.box_s p.i_profile img{width:369px;}
.box_s p.i_voice{background:url(../img/img_voice.png) no-repeat; height:478px; display:block; width:370px; height:387px; padding:30px 15px 20px 15px; text-align:left; font-size:12px; line-height:22px!important; color:#6b281a;}

/* Form */
.box_f{width:420px;}
#box_form h2{width:420px; padding:15px 0 15px 0; background:#fff;}
#box_form h2 img{width:80%;}
#box_form .pan img{width:100%; margin:0; padding:0;}
#box_form dl{text-align:left;}
#box_form dt{font-size:14px; line-height:28px; font-weight:nomal; padding:10px 0 0 0; clear:both; width:180px; float:left; vertical-align:top; border-bottom:1px #ccc dotted; width:auto; float:none!important;}
#box_form dd span{color:#333; font-weight:nomal; font-size:11px!important;}
#box_form dd{padding:2px 0 0 0; margin:0; font-size:12px; line-height:28px; }
#box_form textarea{width: 95%; border: #dcd7d6 1px solid;　margin-top: 5px; margin-bottom: 0px;}

/* Footer */
#footer{height:35px;}
#footer p{width:460px; text-align:center;}
}


/* Mobile Portrait */
@media only screen and (max-width: 479px) {
#searchpc{
	display: none;
}

#searchsp{
	display: block;
}
.sinfo{
	padding:10px 0 30px 0;
}
.sinfo img{
	width: 96%;
}	
/* Header */
#header{height:60px;}
#header h1{width:100%;}
#h_logo{margin:14px 0 0 0; width:130px;}
#h_tel{margin:4px 0 0 15px; width:100px; float:left;}
#b_res{margin:17px 0 0 0; width:160px;}

/* Main V */
#main_v img{width:100%;}

/* Main */
#main{width:100%;}
#main h2{margin:0 0 15px 0; padding:0;}
#b_jump{margin:10px 0 20px 0; padding:0;}
#b_jump img{width:22%;}
.box_products{margin:0 auto; width:95%;}
#main h4 img{width:96%; margin:0;}
.box_contact{width:95%; padding:0; margin:0 auto;}
.box_contact p.c_tel{margin:15px 0 0 0; padding:0px; width:100%;}
.box_contact p.c_mail{margin:10px 0 20px 0; padding:0px; width:100%; border:none;}
.box_contact p.c_tel img{width:80%;}
.box_contact p.c_mail img{width:80%;}

h3.pa img{width:100%; margin:5px 0 10px 0;; padding:0;}
.f_l{width:96%; margin:0 auto; text-align:center; float:none!important; padding:0;}
.f_r{width:96%; margin:0 auto; text-align:center; float:none!important; padding:0;}
.box_s p.i_add img{width:80%;}
.box_s p.i_tel img{width:80%; margin:0; padding:0;}
.box_s p.i_regist img{width:90%; margin:0; padding:0;}
.box_s p.i_map img{width:90%;}
.box_s p.i_profile img{width:96%;}
.box_info{padding:0 0 10px 0;}
.box_s p.i_voice{background:url(../img/img_voice_s.png) no-repeat; height:478px; display:block; width:340px; padding:30px 10px 20px 10px; margin:0 auto; text-align:left; font-size:12px; line-height:22px!important; color:#6b281a;}


/* Form */
.box_f{width:100%; margin:0; padding:15px 0 0 0;}
#box_form h2{width:100%; padding:15px 0 15px 0; background:#fff; margin:0px 0 0 0;}
#box_form h2 img{width:80%;}
#box_form .pan img{width:100%; margin:0; padding:0;}
#box_form dl{text-align:left; padding: 0 10px;}
#box_form dt{font-size:14px; line-height:28px; font-weight:nomal; padding:10px 0 0 0; clear:both; width:180px; float:left; vertical-align:top; border-bottom:1px #ccc dotted; width:auto; float:none!important;}
#box_form dd span{color:#333; font-weight:nomal; font-size:11px!important; display:block;}
#box_form dd{padding:2px 0 0 0; margin:0; font-size:12px; line-height:28px; }
#box_form textarea{width: 95%; border: #dcd7d6 1px solid;　margin-top: 5px; margin-bottom: 0px;}

button {width:280px; background:none; border:none; padding:0;}
div.btn {width:280px; margin:0 auto 10px auto;}
button img{width:280px;	margin:0; border:none; padding:0 0 20px 0; height:43px;}

/* Footer */
#footer p{width:300px; text-align:center;}
#footer p img{width:280px;}

}