@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:40px auto;clear:both;}
.post_img{margin:40px auto;clear:both;position: relative;width:1401px;}
.post_sub{position:absolute;transform: translateY(-50%);top:50%;right:10%;}
br.pcbr{display:block;}
br.spbr{display:none;}
.text_box{text-align:center;}
.text_box2{text-align: justify; text-justify: inter-ideograph;}
.text_box3{padding:20px;background:#F9F8F1;border:1px dotted #7E4D22;}
.text_box p{padding-top:1em;}
.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%;}
.spmenu_box{display:none;}
.green_box{background:#668844;padding:40px 0 40px;}
.lightgreen_box{background:#ebefe6;padding:40px 0 40px;}

.marker{background:linear-gradient(transparent 70%, #38b6ff 70%);}
.marker2{background:linear-gradient(transparent 70%, #35560f 70%);}
h2.title {font-size:30px;font-weight:bold;text-align:center;clear:both;margin-bottom:30px;}
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;}



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
------------------------------------------------------------*/
.headarea{position: relative;}
.headarea img{width:100%;}
.mask-blackmesh::after {
    background-color: rgba(0, 0, 0, 0.25);
    background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5) 50%, transparent 50%), linear-gradient(rgba(0, 0, 0, 0.25) 50%, transparent 50%);
    background-size: 2px 2px;
}
.mask::after {
    content: "";
    position: absolute;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 0px;
}


.logo{width:427px;position:absolute;left:0;top:50px;z-index:1000;}
.logo img{width:100%;}
.head_tel{width:25%;position:absolute;bottom:0;left: 50%;transform: translateX(-50%);background:rgba(18,142,204,1);padding:10px;text-align:center;color:#fff;font-weight:700;font-size:40px;z-index:1000;}
.head_tel a{color:#fff;}

h1.sub{width:40%;position:absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background:rgba(255,255,255,0.9);padding:10px;text-align:center;z-index:1000;}
h1.sub p{font-size:40px;text-align:center;font-family: 'Noto Serif JP';font-weight:900;}
.contact_box_top{position:absolute;right:50px;top:78px;z-index:1000;}
.entry_btn{width:160px;float:left;margin-right:20px;}
.form_btn{width:242px;float:left;}
.entry_btn img,.form_btn img{width:100%;}
#mainvideo{width:100%;margin:20px auto 0px;}
#mainvideo video{width:100%;}

/*footer
------------------------------------------------------------*/
.f_logo{width:500px;margin:30px auto 0;}
.f_logo img{width:100%;}
.f_add{text-align:center;margin:30px auto 50px;}

/*titleimg
------------------------------------------------------------*/
.title_img1{width:178px;margin:40px auto;}
.title_img2{width:270px;margin:40px auto;}
.title_img3{width:232px;margin:40px auto;}
.title_img1 img,.title_img2 img,.title_img3 img{width:100%;}

/*point
------------------------------------------------------------*/
.point_area{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:40px;}
.point_box{width:31%;display:flex;flex-direction:column;margin-bottom:20px;}
.point_box h3{color:#128ecc;font-size:26px;margin:10px auto;text-align:center;}
.point_num{width:106px;margin:0 auto;}
.point_photo{margin:0px 0 10px;}
.point_num img,.point_photo img{width:100%;}
.point_txt{font-size:18px;line-height:1.5;text-align: justify; text-justify: inter-ideograph;}

/*price
------------------------------------------------------------*/
table.price{border-collapse: separate;border:1px solid #666;background:#fff;}
table.price th{border:1px solid #666;background:#128ecc;color:#fff;text-align:center;padding:1em 0;}
table.price td{border:1px solid #666;padding:1em;}

/*entry
------------------------------------------------------------*/
.entry_box{display:table;width:1000px;margin:0 auto 40px;}
.entry_title{display:table-cell;width:200px;padding-top:3px;}
.entry_title img{width:176px;}
.entry_con{display:table-cell;font-size:20px;padding-left:2em;vertical-align:top;}
.entry_con li{list-style:outside url('/userdata/mark.svg');}

/*about
------------------------------------------------------------*/
.greet_img{width:300px;margin:0 auto;}
.greet_img img{width:100%;}
.greet_txt{text-align:center;padding:1em;border:1px solid #999;border-radius:10px;width:80%;margin:20px auto 50px;font-size:16px;}

/* 1599px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 1599px){
h1.sub{width:60%;}
.head_tel{width:40%;font-size:40px;}


.post_img{margin:40px auto;clear:both;position: relative;width:100%;}
.post_img img{width:100%;}
}


/* 1099px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 1099px){
h1.sub p{font-size:26px;}
.head_tel{width:60%;font-size:40px;}
}


/* 1099px以下から 1カラム表示
------------------------------------------------------------*/
@media only screen and (max-width: 999px){
div#mainphoto{height:auto;background:none;padding-top:0;}
.banner_img img{width:98%;}
.logo{width:350px;position:absolute;left:0;top:20px;}

.post_sub img{width:300px;}
.photoimg{width:32%;margin:0 0 10px 1.3%;}
.contact_box_top{display:none;}
.entry_box{display:table;width:96%;margin:0 auto 40px;}

.store_box{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:20px;}
.foot_box{display:flex;flex-direction:column;border:1px solid #000;font-size:14px;float:left;background:#fff;line-height:1.5;width:100%;align-items:center;justify-content:center;}
.foot_box img{width:170px;margin-bottom:10px;}
.map_box{width:100%;margin-top:10px;}

}





/* 640px
------------------------------------------------------------*/
@media only screen and (max-width: 640px){
br.pcbr{display:none;}
br.spbr{display:block;}
.text_box{padding:0 10px;}


h1.sub{width:90%;}
h1.sub p{font-size:20px;}
.head_tel{width:90%;font-size:30px;}

.logo{width:250px;position:absolute;left:0;top:20px;}
.f_logo{width:80%;margin:30px auto 0;}

.point_area{display:flex;flex-wrap:wrap;justify-content:center;margin-bottom:40px;}
.point_box{width:80%;display:flex;flex-direction:column;margin-bottom:40px;}
.point_box h3{font-size:22px;margin:10px auto;text-align:center;}
.point_num{width:106px;margin:0 auto;}
.point_photo{margin:0px 0 10px;}
.point_txt{font-size:16px;line-height:1.4;text-align: justify; text-justify: inter-ideograph;}
.post_sub{position:absolute;transform: translateY(-50%);top:50%;right:2%;}
.post_sub img{width:200px;}

.greet_txt{text-align: justify;width:90%;}

.entry_box{display:block;width:90%;margin:0 auto 40px;}
.entry_title{display:block;width:100%;padding:0 0 10px 0;text-align:center;}
.entry_title img{width:176px;}
.entry_con{display:block;font-size:16px;padding-left:0;vertical-align:top;}

.tel_img{width:96%;margin:50px auto;}

.photobox{display:flex;flex-wrap:wrap;margin-bottom:20px;}
.photoimg{width:48%;margin:0 0 10px 1.3%;}

.sns_box{width:100%;justify-content:flex-end;margin-top:10px;}
.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:22px;line-height: 2.4;}
h3.title{font-size:16px;}
.text_box2{text-align:left;}
.text_box3{padding:10px;}
.spmenu_box{display:flex;justify-content:space-between;background:rgba(18,142,204,1);position:fixed;bottom:0;left:0;width:100%;padding:10px;text-align:center;color:#fff;font-weight:700;font-size:30px;}
.spmenu{width:100%;}
.spmenu a{color:#fff;}
}