@charset "utf-8";

/* =Reset default browser CSS.
Based on work by Eric Meyer:http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline;}
:focus {outline:0;}

ol, ul {list-style:none;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {font-weight:normal;text-align:left;}
blockquote:before, blockquote:after,q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}

body{
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color: #4D4D4D;
	-webkit-text-size-adjust: none;
	height: 100%;
	overflow-x: hidden;
}
.wf-sawarabimincho { font-family: "Sawarabi Mincho"; }

html{
}
/* リンク設定
------------------------------------------------------------*/
a{
margin:0;
padding:0;
text-decoration:none;
outline:0;
vertical-align:baseline;
background:transparent;
font-size:100%;
color:#0071BC;
}

a:hover, a:active{
-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;
outline:none;
color:#0071BC;
}

a:hover img {
 -moz-opacity:0.7;
 opacity:0.7;
 filter:alpha(opacity=70);
 }

/**** Clearfix ****/
nav .panel:after, nav#mainNav:after, .newsTitle:after, .bg:after,.post:after{content:""; display:table;clear:both;}
nav .panel,nav#mainNav,.newsTitle,.bg, .post{zoom:1;}


/* PC-SUMA
----------------------------------*/
.pcon {
display: block;
}
.spon {
display: none;
}
.pcoff {
display: none;
}

/* カルーセルSLICK
----------------------------------*/
.karu1 {
width: 95%;
max-width: 1200px;
margin: 0 auto;
}
.karu1 ul{
margin-top: 40px;
}
.karu1 li{
margin-left: 15px;
margin-right: 15px;
}

/* youtube
----------------------------------*/
.youtube2 {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube2 iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/* ついてくるメニュー
----------------------------------*/
#mainNavi{
z-index:10;
}
#mainNavi.active{
position:fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin:0 auto;
background-color: #ffffff;
width:100%;
height: 90px;
}
#mainNavi img{
margin-bottom: 0px;
}
.mn00{
width:100%;
/*border-top-style: solid;
border-top-width: 10px;
border-top-color: #387d39;*/
}
.mn01{
width:100%;
max-width: 1000px;
margin:0 auto;
text-align: center;
}
.mn01 img{
vertical-align: top;
}
.mn01-1{
	width:100%;
	max-width: 1200px;
	margin:0 auto;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	    -ms-flex-pack: center;
	        justify-content: center;
	text-align: center;
}
.mn01-1 img{
	vertical-align: top;
}

/* con
----------------------------------*/
.con1 {
width: 100%;
height: auto;
margin-bottom: 20px;
}
.con1 img{
width: 100%;
vertical-align: bottom;
}
.con2 {
width: 100%;
max-width: 1000px;
margin: 0 auto;
padding-top: 85px;
padding-bottom: 68px;
}
.con2 h2{
font-size: 25px;
letter-spacing: 0.24em;
line-height: 43.75px;
color: #387d39;
margin-bottom: 40px;
}
.con2 p{
font-size: 16px;
letter-spacing: 0.15em;
line-height: 40px;
color: #323232;
margin-bottom: 20px;
}
.con2 h4{
width: 100%;
font-size: 16px;
letter-spacing: 0.15em;
line-height: 36px;
color: #323232;
margin-bottom: 20px;
}
.con2 h5{
width: 100%;
background-color: #387d39;
font-size: 18px;
letter-spacing: 0.1em;
line-height: 36px;
color: #ffffff;
text-align: center;
}
.con2 img{
width: 100%;
}
.con2-1 {
margin-left: 110px;
width: 270px;
margin-right: 270px;
float: left;
}
.con2-1 img{
margin-top: 180px;
}
.con2-1 h3{
width: 100%;
font-size: 17px;
letter-spacing: 0.05em;
color: #387d39;
margin-bottom: 20px;
margin-top: -90px;
}
.con2-2 {
width: 270px;
float: left;
}
.con2-2 img{
margin-top: -90px;
}
.con2-2 h3{
width: 100%;
font-size: 17px;
letter-spacing: 0.05em;
color: #387d39;
margin-bottom: 20px;
margin-top: -70px;
}
.con3 {
width: 100%;
max-width: 1000px;
margin: 0 auto;
padding-top: 85px;
padding-bottom: 68px;
}
.con3 h2{
font-size: 25px;
letter-spacing: 0.16em;
line-height: 43.75px;
color: #b3802b;
margin-bottom: 40px;
}
.con3 p{
font-size: 16px;
letter-spacing: 0.15em;
line-height: 32px;
color: #323232;
margin-bottom: 20px;
}
.con3 a{
color: #ff0000;
}
.con3 img{
width: 100%;
}
.con3-1 {
width: 470px;
margin-right: 60px;
float: left;
}
.con3-2 {
width: 470px;
float: left;
}
.con4 {
width: 100%;
max-width: 1000px;
margin: 0 auto;
padding-top: 85px;
padding-bottom: 68px;
background-image: url(images/bg10.jpg);
background-position: top right;
background-repeat: no-repeat;
}
.con4 h2{
font-size: 30px;
letter-spacing: 0.11em;
color: #c2000b;
margin-bottom: 40px;
}
.con4 p{
font-size: 16px;
letter-spacing: 0.15em;
line-height: 38px;
color: #323232;
margin-bottom: 20px;
}
.con5 {
width: 100%;
max-width: 1000px;
margin: 0 auto;
padding-top: 85px;
padding-bottom: 68px;
}
.con5 h2{
font-size: 30px;
letter-spacing: 0.11em;
color: #c2000b;
margin-bottom: 40px;
}
.con5 h4{
font-size: 20px;
letter-spacing: 0.15em;
line-height: 38px;
color: #323232;
margin-bottom: 5px;
font-weight: bold;
}
.con5 p{
font-size: 16px;
letter-spacing: 0.15em;
line-height: 38px;
color: #323232;
margin-bottom: 20px;
}
.con5 form{
font-size: 18px;
line-height: 32px;
letter-spacing: 0.1em;
text-align: left;
width: 95%;
max-width: 600px;
margin: 0 auto;
}
.con5 table {
width: 100%;
}
.con5 tr {
width: 100%;
position: relative;
}
.con5 th {
position: absolute;
width: 30%;
}
.con5 hd {
position: absolute;
width: 70%;
}
.con5 input{
width: 100%;
line-height: 150%;
}
.con5 textarea{
width: 100%;
}
.con5 p input {
width: 100px;
}
.con5 form .check1{
width: auto;
}
.con6 {
width: 100%;
max-width: 1000px;
margin: 0 auto;
padding-top: 85px;
padding-bottom: 68px;
}
.con6-1 {
width: 475px;
margin-right: 50px;
float: left;
}
.con6-1 img{
width: 100%;
}
.con6-2 {
width: 475px;
float: left;
text-align: left;
}
.con6-2 h2{
font-size: 28px;
letter-spacing: 0.11em;
color: #c2000b;
margin-bottom: 10px;
}
.con6-2 .cartjs_box {
width: 100% !important;
text-align: left !important;
margin-right: auto !important;
padding-top: 0px !important;
}
.con6-2 .cartjs_cart_in {
width: 100% !important;
text-align: left !important;
margin-right: auto !important;
margin-top: 0px !important;
}
.con6-2 .cartjs_cart_in input{
margin-top: 0px !important;
padding-top: 0px !important;
}
.con6-2 .cartjs_product_num {
width: 100% !important;
text-align: left !important;
margin-right: auto !important;
display: none;
}
.con6-2 p{
font-size: 16px;
letter-spacing: 0.15em;
line-height: 38px;
color: #323232;
margin-bottom: 10px;
}
.con6-2 h4{
font-size: 22px;
letter-spacing: 0.1em;
padding-top: 10px;
margin-bottom: -10px;
}
.con7 {
width: 100%;
max-width: 1000px;
margin: 0 auto;
padding-top: 20px;
padding-bottom: 68px;
}
.con7 h2{
font-size: 24px;
letter-spacing: 0.14em;
color: #387d39;
margin-bottom: 20px;
}
.con7 img{
width: 100%;
}
.con7 p{
font-size: 18px;
letter-spacing: 0.09em;
line-height: 30px;
margin-top: 30px;
margin-bottom: 50px;
}
.con7-1 {
width: 475px;
margin-right: 50px;
float: left;
}
.con7-2 {
width: 475px;
float: left;
}
.con8 {
width: 100%;
max-width: 1000px;
margin: 0 auto;
padding-top: 85px;
padding-bottom: 0px;
}
.con8 img{
width: 100%;
vertical-align: bottom;
}

.con99 {
clear: both;
}


/* フッター
*****************************************************/
#footer{
clear: both;
padding-top: 20px;
padding-bottom: 30px;
background-color: #387d39;
text-align: center;
}
#footer img{
}
#footer .ft0{
width: 100%;
max-width: 1000px;
margin: 0 auto;
text-align: left;
}
#footer .ft1{
width: 100%;
text-align: left;
font-size: 13px;
letter-spacing: 0.05em;
color: #ffffff;
margin-bottom: 25px;
}
#footer .ft1 a{
color: #ffffff;
}
#footer .ft2-1{
width: 350px;
text-align: left;
float: left;
}
#footer .ft2-1 h2{
font-size: 14px;
letter-spacing: 0.1em;
color: #c39e71;
}
#footer .ft2-1 h3{
font-size: 12px;
letter-spacing: 0.1em;
color: #ffffff;
}
#footer .ft2-2{
width: 320px;
text-align: left;
float: left;
}
#footer .ft2-2 img{
width: 100%;
vertical-align: bottom;
margin-top: 13px;
}
#footer .ft2-3{
width: 330px;
text-align: right;
float: left;
font-size: 11.5px;
letter-spacing: 0.1em;
color: #ffffff;
padding-top: 22px;
}
#copyright{
clear:both;
text-align:center;
color:#ffffff;
background-color: #29ABE2;
}
#copyright p{
font-size: 11px;
line-height: 400%;
}

/* modal　
*****************************************************/

.popmenu {
display: none;
}
#modal-content {
display: none;
}


/* TOO-TOP
------------------------------------------------------------*/
.top-top {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
}
.crunchify-top a:hover{
text-decoration: none;
}

.crunchify-top {
display: none;
position: fixed;
bottom: 1rem;
right: 1rem;
color: #fff;
text-decoration: none;
text-align: center;
cursor: pointer;
}


/* メインメニュー TBサイズ以下から
------------------------------------------------------------*/
@media only screen and (max-width:1000px){


/* PC-SUMA　SUMAHO SUMAHO
----------------------------------*/
.pcon {
display: none;
}
.spon {
display: block;
}
.pcoff {
display: block;
}

/* con　　SUMAHO SUMAHO
----------------------------------*/
.con1 {
width: 100%;
height: auto;
}
.con1 img{
width: 100%;
vertical-align: bottom;
}
.con2 {
width: 95%;
max-width: 470px;
margin: 0 auto;
padding-top: 85px;
padding-bottom: 68px;
}
.con2 h2{
font-size: 19px;
letter-spacing: 0.24em;
line-height: 35px;
color: #387d39;
margin-bottom: 40px;
}
.con2 p{
font-size: 12.8px;
letter-spacing: 0.15em;
line-height: 32px;
color: #323232;
margin-bottom: 20px;
}
.con2 h3{
width: 100%;
font-size: 13.6px;
letter-spacing: 0.05em;
color: #387d39;
margin-bottom: 20px;
}
.con2 h4{
width: 100%;
font-size: 12.8px;
letter-spacing: 0.15em;
line-height: 28.8px;
color: #323232;
margin-bottom: 20px;
}
.con2 h5{
width: 100%;
background-color: #387d39;
font-size: 14.4px;
letter-spacing: 0.1em;
line-height: 28.8px;
color: #ffffff;
text-align: center;
}
.con2 img{
width: 100%;
}
.con2-1 {
margin-left: 0px;
width: 270px;
margin-right: 0px;
margin: 0 auto;
float: none;
margin-bottom: 50px;
padding-top: 30px;
}
.con2-1 img{
margin-top: 0px;
}
.con2-1 h3{
width: 100%;
font-size: 17px;
letter-spacing: 0.05em;
color: #387d39;
margin-bottom: 20px;
margin-top: -90px;
}
.con2-2 {
width: 270px;
margin: 0 auto;
float: none;
}
.con2-2 img{
margin-top: 0px;
}
.con2-2 h3{
width: 100%;
font-size: 17px;
letter-spacing: 0.05em;
color: #387d39;
margin-bottom: 20px;
margin-top: -70px;
}
.con3 {
width: 95%;
max-width: 470px;
margin: 0 auto;
padding-top: 85px;
padding-bottom: 68px;
}
.con3 h2{
font-size: 19px;
letter-spacing: 0.24em;
line-height: 35px;
color: #b3802b;
margin-bottom: 40px;
}
.con3 p{
font-size: 12.8px;
letter-spacing: 0.15em;
line-height: 32px;
color: #323232;
margin-bottom: 20px;
}
.con3 img{
width: 100%;
}
.con3-1 {
width: 100%;
margin-right: 0px;
float: none;
}
.con3-2 {
width: 100%;
float: none;
}
.con4 {
width: 95%;
max-width: 1000px;
margin: 0 auto;
padding-top: 85px;
padding-bottom: 68px;
background-color: #ffffff;
background-image: url();
}
.con4 h2{
font-size: 24px;
letter-spacing: 0.11em;
color: #c2000b;
margin-bottom: 40px;
}
.con4 p{
font-size: 12.8px;
letter-spacing: 0.15em;
line-height: 30.4px;
color: #323232;
margin-bottom: 20px;
}
.con5 {
width: 95%;
max-width: 1000px;
margin: 0 auto;
padding-top: 85px;
padding-bottom: 68px;
}
.con5 h2{
font-size: 24px;
letter-spacing: 0.11em;
color: #c2000b;
margin-bottom: 40px;
}
.con5 p{
font-size: 12.8px;
letter-spacing: 0.15em;
line-height: 30.4px;
color: #323232;
margin-bottom: 20px;
}
.con5 form{
font-size: 14px;
text-align: left;
width: 95%;
max-width: 600px;
}
.con5 table {
width: 100%;
}
.con5 tr {
width: 100%;
position: relative;
}
.con5 th {
position: absolute;
width: 30%;
}
.con5 hd {
position: absolute;
width: 70%;
}
.con5 input{
width: 100%;
line-height: 150%;
}
.con5 textarea{
width: 100%;
}
.con5 p input {
width: 100px;
}
.con5 form .check1{
width: auto;
}
.con6 {
width: 100%;
max-width: 1000px;
margin: 0 auto;
padding-top: 85px;
padding-bottom: 68px;
}
.con6-1 {
width: 100%;
max-width: 475px;
margin-right: 0px;
margin: 0 auto;
float: none;
}
.con6-1 img{
width: 100%;
}
.con6-2 {
width: 100%;
max-width: 475px;
margin: 0 auto;
float: none;
}
.con6-2 h2{
font-size: 22.4px;
letter-spacing: 0.11em;
color: #c2000b;
margin-bottom: 20px;
}
.con6-2 p{
font-size: 12.8px;
letter-spacing: 0.15em;
line-height: 30.4px;
color: #323232;
margin-bottom: 20px;
}
.con6-2 h4{
font-size: 18px;
letter-spacing: 0.1em;
padding-top: 10px;
margin-bottom: -10px;
}

.con7 {
width: 100%;
max-width: 1000px;
margin: 0 auto;
padding-top: 20px;
padding-bottom: 68px;
}
.con7 h2{
font-size: 19.2px;
letter-spacing: 0.14em;
color: #387d39;
margin-bottom: 20px;
}
.con7 img{
width: 100%;
}
.con7 p{
font-size: 14.4px;
letter-spacing: 0.09em;
line-height: 24px;
margin-top: 30px;
margin-bottom: 50px;
}
.con7-1 {
width: 100%;
max-width: 475px;
margin-right: 0px;
margin: 0 auto;
float: none;
}
.con7-2 {
width: 100%;
max-width: 475px;
margin: 0 auto;
float: none;
}
.con8 {
width: 90%;
max-width: 400px;
margin: 0 auto;
padding-top: 85px;
padding-bottom: 0px;
}
.con8 img{
width: 100%;
vertical-align: bottom;
}

.con99 {
clear: both;
}


/* modal　SUMAHO　SUMAHO
*****************************************************/

#mainNavi{
display: block;
}
#mainNavi .mn01{
width:100%;
height: 60px;
padding-top: 20px;
text-align: center;
}
#mainNavi.active{
height: 80px;
}

.popmenu {
display: inline;
position: fixed;
z-index:950;
top: 10px;
right: 5px;
}
#modal-content {
width: 100% ;
height: 100%;
margin: 0 ;
padding: 0 ;
position: fixed ;
display: none ;
z-index: 922 ;
text-align: center;
}
#modal-content a{
color: #ffffff;
}
#modal-content li{
margin-bottom: 5px;
text-align: center;
color: #ffffff;
}
#modal-content p{
margin-top: 30px;
text-align: center;
}
#modal-overlay {
	z-index: 920;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 120%;
	background-color: rgba(11,106,0,0.8)
}
.button-link {
color: #00f ;
text-decoration: underline ;
}
.button-link:hover {
cursor: pointer ;
color: #f00 ;
}
.toplogo {
max-width: 250px;
width: 55%;
}


/* フッター SUMAHO SUMAHO
*****************************************************/
#footer{
clear: both;
padding-top: 20px;
padding-bottom: 30px;
background-color: #387d39;
text-align: center;
}
#footer img{
}
#footer .ft0{
width: 95%;
max-width: 1000px;
margin: 0 auto;
text-align: left;
}
#footer .ft1{
width: 100%;
text-align: left;
font-size: 13px;
letter-spacing: 0.05em;
color: #ffffff;
margin-bottom: 25px;
}
#footer .ft1 a{
color: #ffffff;
}
#footer .ft2-1{
width: 100%;
text-align: left;
float: none;
}
#footer .ft2-1 h2{
font-size: 14px;
letter-spacing: 0.1em;
color: #c39e71;
}
#footer .ft2-1 h3{
font-size: 12px;
letter-spacing: 0.1em;
color: #ffffff;
}
#footer .ft2-2{
width: 100%;
text-align: left;
float: none;
}
#footer .ft2-2 img{
width: 100%;
max-width: 300px;
vertical-align: bottom;
margin-top: 10px;
}
#footer .ft2-3{
width: 100%;
text-align: right;
float: none;
font-size: 11.5px;
letter-spacing: 0.1em;
color: #ffffff;
padding-top: 22px;
}


}

/* 2021追加 *******************************************/

.fade {
	width: 100%;
	margin-bottom: 65px !important;
	position: relative;
}

.fade-wrap {
	width: 100%;
}

.slick-slide img {
	width: 100%;
	height: auto;
}

.slider-obj {
	width: 10vw;
	position: absolute;
	top: 5%;
	left: 5%;
	-webkit-transform: translateY(-5%) translateX(-5%);
	    -ms-transform: translateY(-5%) translateX(-5%);
	        transform: translateY(-5%) translateX(-5%);
}

.slider-obj img {
	width: 100%;
	height: auto;
}

@media screen and (min-width: 501px) {

.text_area iframe {
	display: block;
	max-width: 500px;
	margin: auto;
	padding: 0 5%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}

}

@media screen and (max-width: 500px) {

	.text_area iframe {
		display: block;
		width: 100%;
		margin: auto;
		padding: 0 5%;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
	}

}


/* review お客様の声*******************************************/

.section01{
	width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding-top: 15px;
	padding-bottom: 15px;
}

.title01{
	font-size: 28px;
	color: #387d39;
	text-align: center;
	margin-top: 50px;

}

.box1{
	background-color:#f9f3e2;
	border-radius: 10px;
	margin: 30px auto;
	padding: 30px 10px;
	position: relative;
}

.rose-icon{
	position: absolute;
    top: -19px;
    left: -20px;
}

.review-title{
	font-size: 25px;
	color: #387d39;
	padding:10px 3% 10px 3%;

}

.review-man{
	padding-left: 3%;
	
}

.review-text{
	padding: 20px 3%;
	line-height: 2em;
}

@media screen and (max-width: 767px) {


	.title01{
		font-size: 28px;
		color: #387d39;
		text-align: center;
		margin-top: 15px;
	
	}

	.section01{
		padding: 5px 0;
	}

	.review-title{
		font-size: 20px;
		color: #387d39;
		padding:10px 3% 10px 3%;
	
	}

	.box1{
		background-color:#f9f3e2;
		margin: 30px 3%;
	}

	.rose-icon{
		position: absolute;
		top: -15px;
		left: -9px;
	}

	.review-man{
		padding-left: 3%;
		font-size: 15px;
	}

	.review-text{
		padding: 20px 3%;
		line-height: 2em;
	}


}



@media screen and (min-width:767px) and (max-width:1024px) {
	
	.box1{
		background-color:#f9f3e2;
		border-radius: 10px;
		margin: 30px 5%;
		padding: 30px 10px;
		position: relative;
	}


}