@charset "utf-8";
/* CSS Document */

/* 追加
------------------------------------------------------------*/
.fb_timeline{text-align:center;margin:0 auto 10px;}
.indent-1 {padding-left:1em;text-indent:-1em;}
.fade{display:none;}
.banner_img{text-align:center;margin:0 auto;clear:both;}
br.pcbr{display:block;}
br.spbr{display:none;}
.text_box{padding:1em;}
.text_box p{margin-bottom:1.5em;}
.text_box2{padding:20px 10px;background:#F9F8F1;text-align:center;border:1px dotted #7E4D22;width:90%;margin:0 auto 40px;}
.text_box3{text-align:center;margin-bottom:30px;border-bottom:1px dotted #ccc;padding:0 10px 10px;}
.text_box p{padding-bottom:1em;}
.text_box2 p{padding-top:1em;font-size:160%;font-weight:900;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
.text_box2 p:first-child{padding-top:0;}
.text_box ol{margin:1em 0 0 2em;}
.text_box ol li{margin-bottom:5px;}
.text_box ul{margin:1em 0 1em 2em;}
.text_box ul li{margin-bottom:5px;}
.pnavi{text-align:center;margin:40px auto;}
.photobox{display:flex;flex-wrap:wrap;margin-bottom:20px;}
.photoimg{width:300px;margin:0 0 0 50px;}
.photoimg img{width:100%;}
.text_rinen{padding:20px 10px;background:#F9F8F1;text-align:center;border:1px dotted #7E4D22;width:90%;margin:0 auto 40px;}
.text_rinen p{padding-top:1em;font-size:160%;font-weight:900;font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

.products_box{display:flex;flex-wrap:wrap;width:100%;margin-top:20px;}
.products_parts{width:23%;margin:0 0 30px 1.6%;}
.products_parts h2{font-size:16px;text-align:center;}
.products_parts img{width:100%;}


ul.trouble{margin:0;}
ul.trouble li{list-style-type: none;font-size:20px;padding:5px 0;font-weight:bold;border-bottom:1px dotted #005256;color:#005256;}


h2.title {position: relative;border-bottom: solid 5px #3272BE;line-height: 1.8;padding: 10px 0.5em 0 70px;margin: 0 0 0.5em;font-size:22px;font-weight:bold;text-align:left;clear:both;background:url(/userdata/h2.png) no-repeat 8px 0px;background-size:50px 51px;height:58px;}
h3.title {position: relative;border-bottom: dotted 1px #999;line-height: 1.6;padding: 0.8em 0.5em 0 1em;margin: 0 0 0.5em;font-size:18px;font-weight:bold;text-align:left;clear:both;}

table.contact{width:90%;margin:20px auto;}
.con_left{width:25%;background:#54973F;text-align:right;border-right:2px solid #fff;border-bottom:2px solid #fff;padding:10px;color:#fff;}
.con_right{width:75%;padding:10px;}
.con_all{width:100%;text-align:center;padding-top:20px;}
.con_title{width:100%;padding:10px 0;text-align:center;background:#8C7B64;color:#fff;font-size:120%;}
.hissu{
margin-left:3px;
padding:1px 3px;
display:inline-block;
background:#EA788A;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
color:#fff;
font-size:70%;
vertical-align:middle;
}
input, select {height: 40px;font-size:18px;color:#666;border:1px dotted #786955;}
textarea{font-size:18px;color:#666;border:1px dotted #786955;}
input[type="text"]{width: 100%;}
input[name="your-name"]{width: 40%;}
input[name="text-210"]{width: 40%;}
input[type="email"]{width: 60%;}
textarea[name="your-message"]{width: 100%;}

.lcaution{
margin:20px 0;
padding:0 5px;
position:relative;
display:inline-block;
background:#45b035;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
color:#fff;
float:right;
}
.lcaution a,.lcaution_b a{color:#fff;}
.lcaution a:hover,.lcaution_b a:hover{color:#333;}
.lcaution_b{
margin:20px 0;
padding:0 5px;
position:relative;
display:inline-block;
background:#06c;
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
color:#fff;
float:right;
}


.sptxt{display:none;}

h3.title_box {
	background: url(/userdata/title.png) no-repeat 0 7px;
	font-size: 100%;
	font-weight: bold;
	padding: 0 0 0px 28px;
}
.a_title_box{padding:0 0 15px 28px;}
.a_title_box ul{padding-left:1em;}
.side_box{font-size:80%;color:#333;margin:5px 0;display:table;}
.side_list{float:left;margin-right:16px;padding-left:8px;background:url(/userdata/arrowb.png) no-repeat 0px 8px;}
.side_title{font-weight: bold;padding-right:30px;float:left;}
.side_list2{float:left;margin-right:20px;}
.foot_box{width: 100%;padding:20px 0;}
.sub_title{background:url(/userdata/title.png) no-repeat 5px 7px;padding:0 0 0 35px;border-bottom:1px solid #ccc;margin:0 0 10px 0;clear:both;font-weight: bold;}
/*TOP
------------------------------------------------------------*/
.catch_txt{background: rgba(84,151,63,0.6);width:60%;font-size:3vw;font-weight:bold;position: absolute;top:50%;left:50%;margin:0;color:#fff;transform: translate(-50%,-50%);text-shadow:1px 1px 0 #000;}

/* 1099px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 1099px){
input[type="email"][type="email"]{width: 100%;}
input[name="your-name"][type="text"]{width: 100%;}
input[name="text-210"][type="text"]{width: 100%;}
table.contact{width:100%;margin:0 auto;}
.con_left{width:30%;padding:5px;}
.con_right{width:70%;padding:5px;}
div#mainphoto{height:auto;background:none;padding-top:0;}
.banner_img img{width:100%;}
.photoimg{width:32%;margin:0 0 10px 1.3%;}
}


/* 779px
------------------------------------------------------------*/
@media only screen and (max-width: 850px){

}



/* 640px
------------------------------------------------------------*/
@media only screen and (max-width: 640px){
br.pcbr{display:none;}
br.spbr{display:block;}
.products_parts{width:47%;margin:0 0 20px 2%;}
.products_parts h2{font-size:12px;text-align:center;}

.twocol{display:flex;flex-wrap:wrap;justify-content:center;margin:50px 0 0;}
.twoblock{width:100%;margin-bottom:30px;}
.twoblock_h{width:100%;}
.text_box ol{margin:1em 0 0 1em;}
.text_box ul{margin:1em 0 1em 1em;}
ul.trouble li{font-size:16px;}
h2.title{font-size:16px;line-height: 2.4;}
h3.title{font-size:16px;}

.text_box3{padding:10px;}

}