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

/* 追加
------------------------------------------------------------*/
.info_new{
margin-left:10px;
padding:0 5px;
position:relative;
display:inline-block;
background:#f00;
color:#fff;
line-height:1.4;
font-size:16px;
font-weight:normal;
}
.infobox{width:96%;margin:10px auto;border-bottom:dotted 1px #ccc;overflow:hidden;padding-bottom:10px;}
.infodate{float:left;width:20%;}
.infotitle{float:left;width:80%;font-weight:bold;}
.link_btn_info{position:relative;margin:10px auto 50px;display:block;background:#eb739f;width:250px;height:50px;text-align:center;border-radius:40px;}
.link_btn_info a{position: absolute;top: 0;left: 0;height:100%;width: 100%;transition:all 0.3s;text-decoration:none;color:#fff;display:flex;align-items:center;justify-content:center;line-height:1;padding-bottom:0;border-radius:40px;}
.link_btn_info a:hover{background:#fff;color:#eb739f;border-radius:40px;border:#eb739f 1px solid;}

.dateLabel{color:#666;font-size:14px;margin:10px 0;}
.info_txt{padding:10px;margin-bottom:40px;}
.info_txt p{padding-bottom:1em;}
.info_txt img{text-align:center;max-width:920px;margin-0 auto;height:auto;}
.info_txt a{color:#06f;}
.info_box{border-bottom:solid 1px #ccc;padding:20px 10px;}
.info_title{font-weight:bold;font-size:18px;}
.pnavi{text-align:center;margin:40px auto;}




.fb_timeline{text-align:center;margin:0 auto 10px;}
.indent-1 {padding-left:1em;text-indent:-1em;}
.indent-4 {padding-left:4em;text-indent:-4em;}
.fade{display:none;}
.banner_img{text-align:center;margin:20px auto 20px;clear:both;}
br.pcbr{display:block;}
br.spbr{display:none;}
.text_box{padding:1em;}
.text_box ul,.text_box ol,.text_in ul{margin-left:2em;}
.text_box li{margin-bottom:0.5em;}
.text_box2{padding:0 1em 1em;margin:10px 0;font-size:14px;}
.text_box3{padding:1em;border:1px dotted #F05098;border-radius:8px;margin:20px auto;}
.text_box p{padding-bottom:1em;}
.text_box3 p{padding:0 1em 1em;}
.text_in{padding:0 1em 2em;}
.text_in:last-child{padding:0 1em 0;}
.text_in p{padding:0 0 1em 0;}

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 {
  border-left: solid 6px #F05098;
  border-bottom: dotted 1px #ccc;
padding-left:10px;
font-size:22px;
font-weight:bold;
padding-top:7px;
line-height:1;
color:#F05098;
width:100%;
  height:34px;
  background: linear-gradient(90deg, rgba(244,168,199, .5) 50%, transparent 50%),
              linear-gradient(rgba(244,168,199, .5) 50%, transparent 50%);
  background-color: #f4d0de;
  background-size: 10px 10px;


}

h3.title {
  border-left: solid 6px #F05098;
padding-left:10px;
font-weight:bold;
font-size:16px;
margin-bottom:0.5em;
}

h3.title2 {
  border-bottom: solid 3px #F05098;
padding-left:10px;
font-weight:bold;
font-size:16px;
margin-bottom:0.5em;
}


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:#54973F;
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;}


.a_title_box{padding:0 0 15px 28px;}
.a_title_box ul{padding-left:1em;}

/*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%;}
.catch_txt{font-size:5vw;width:90%;}
.paint_box{width:49%;}
.paint_box:nth-of-type(3n){margin:10px 2% 0 0;}
.paint_box:nth-of-type(2n){margin:10px 0 0 0;}
.paint_txt{padding:2px;}
}


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

}



/* 640px
------------------------------------------------------------*/
@media only screen and (max-width: 640px){
br.pcbr{display:none;}
br.spbr{display:block;}
.good_box{justify-content:center;padding:20px;margin-bottom:10px;}
.good_left{width:100%;}
.good_right{width:100%;}
.good_left h2{font-size:16px;}
.good_txt{padding:10px 5px;}
ul.trouble li{font-size:16px;}
h2.title,h2.title_br,h2.titleqa{font-size:16px;}
h2.title{padding-top:10px;}
.text_box2{text-align:left;}
.text_box3{padding:10px;}
.fb_timeline{width:100%;}
.text_box ul,.text_box ol,.text_in ul{margin-left:1em;}

.infodate{float:none;width:100%;}
.infotitle{float:none;width:100%;}
.infobox{width:100%;margin:10px auto;border-bottom:dotted 1px #ccc;overflow:hidden;padding-bottom:10px;}
.info_title{font-weight:bold;font-size:16px;}
}