/* CSS Document */
h1, h2, h3, h4, h5, p, div, dt, dd, dl, img, input, form, ul, li, span, address, a, table {
	margin: 0px;
	padding: 0px;
}
 .clear {
	clear:both;
}
.left {
	float: left;
	margin: 0px 20px 0px 0px;
}
* html .left {
	/* no ie mac ¥*/
	margin: 0px 0px 0px 0px;
	/* */
 }
*:first-child+html .left {
	margin: 0px 0px 0px 0px;
 }
.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
overflow:hidden;
}

* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
}
.br_sp { 
display:none;
}
.br_sp2 { 
display: block;
	clear: both;
	min-height: 1px;
}

.right {
	float: right;
}
.left0 {
	float: left;
	margin-right: 14px;
}
.right0 {
	float: right;
	margin-left: 14px;
}
.t_1em {
	margin-left: 1em;
}
.t_90 {
	font-size: 90%;
	color:#666;
}
.t_80 {
	font-size: 80%;
}
.t_60 {
	font-size: 70%;
}
.t_110 {
	font-size:110%;
	color:#630;
}

.t_120 {
	font-size: 120%;
	font-weight: bold;
	padding: 0px 0px 10px 0px;
}
.t_130 {
	font-size: 140%;
}
.t_red_b {
	font-size: 110%;
	color: #FF3300;
}
.red {
	color: #C30;
}
.red2 {
	margin: 0px 0px 20px 0px;
	background: #F60;
	width: 100%;
}
.red2 p {
	color: #FFF;
	padding: 5px 10px;
	font-size: 110%;
	font-weight: bold;
}
.brown {
	color: #C60;
}
.green {
	color: #360;
	font-weight:bold;
}
.green2 {
	color: #390;
}
.orange {
	color: #F60;
	font-weight:bold;
}

.or {
	color: #C60;
}
.hidden,
.content-nav  {
	padding: 0px 0px 10px 0px;
	color: #666666;
}
.top_m {
	padding: 18px 0px 0px 0px;
}
img {
	border: 0;
vertical-align: bottom;
}
html {
	margin:			0;
	padding:		0;
	overflow-y:		scroll;
	-moz-text-size-adjust:		none;/* スマホ文字サイズ自動調整 */
	-webkit-text-size-adjust:	100%;
	overflow-y:scroll;/*スクロールバーを常に表示*/  
	}
html,body{
    width: 100%;
}

/* youtube
---------------------------------------------------- */
@media screen and (max-width: 768px) {
.youtube {
position: relative;
width: 100%;
padding-top: 56.25%;
}
.youtube iframe{
position: absolute;
top: 0;
right: 0;
width: 100% !important;
height: 100% !important;
}
}

/* body
---------------------------------------------------- */
body {
	margin: 0px 0px 0px 0px;
font-family:"ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";	text-align: center;
	font-size: 16px;
	color: #000;
	line-height:1.7;
	overflow: hidden;/*スマホ用*/
}
.rslides {
	display:none;
}
.rslides2 {
	display: block;
}



/* header
---------------------------------------------------- */
h1 a {
	background: url(../img/logo.png) no-repeat;
	background-size: 100px 41px;
  display: block;
  width: 100px;
  height: 41px;
  margin: 5% 0 3% 6%;
  float:left;
}
h1 a span {
display: none;
}

/* banner
---------------------------------------------------- */
#banner {
	width: 100%;
	margin: 0px auto;
background: url(../img/banner_b.jpg) repeat; 
background-size: 120px 237px;
}
.banner_box {
	margin: 0px 6%;
}
.banner_box img {
	width:100%;
	margin: 6% 0px;
  transition-duration: 0.5s;
}
.banner_box:hover img{
  transform: scale(1.05);
  transition-duration: 0.5s;
}
.pc {
	display:none;
}
.sm {
	display:block;
}

/* title
---------------------------------------------------- */
#title {
	margin: 30px 6%;
	text-align: left;
}
#title h2 {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #000;
	font-size:180%;
	line-height:1.5;
background:linear-gradient(transparent 60%, #FEECC1 60%);
display:inline;
}

/* container
---------------------------------------------------- */
#container {
	margin: 6%;
	text-align:left;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
/* main
---------------------------------------------------- */
.text {
	font-size: 90%;
}
.tex {
	font-size: 90%;
	margin: 0px 0px 3% 0px;
}
.tex2 {
	margin: 0px 0px 0px 0px;
}
.text h4 {
	font-size: 130%;
	color:#360;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 5px 0px;
	border-bottom: #360 1px dotted;
}
.m {
	font-size: 120%;
	color: #960;
	font-weight:bold;
}
.text p {
	margin: 0px 0px 0px 0px;
}
.text p a {
	color: #960;
	text-decoration: underline;
}
.text p a:hover {
	color: #C90;
	text-decoration: underline;
}
.ed {
	width: 100%;
clear: both;
}
/* table
---------------------------------------------------- */
table {
	border-collapse: collapse;
	margin: 10px 0px 10px 0px;
	border-color: #9BC1B7;
	border-style: solid;
	border-width: 1px;
}
table td {
	color: #444444;
	font-size: 100%;
	line-height: 170%;
	border: 1px solid #9BC1B7;
	padding: 10px;
}
* html table td {
	/* no ie mac ¥*/
	font-size: 80%;
	/* */
 }
*:first-child+html table td {
	font-size: 100%;
 }


/* footer
---------------------------------------------------- */
#footer {
	width: 100%;
	background: url(../img/footer.jpg) repeat-x bottom;
	background-size: 400px 64px;
	font-size: 80%;
	line-height:1.6;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 90px 0px;
}
.footer_box {
	width: 88%;
	margin-right: 6%;
	margin-left: 6%;
	text-align: center;
	border-top: 1px dotted #996600;
	padding: 30px 0px 0px 0px;
}
.sub {
	margin: 0px 0px 10px 0px;
	color: #960;
}
.sub a {
	color: #960;
	text-decoration:underline;
}
.sub a:hover {
	color: #C90;
	text-decoration:underline;
}
.footer_box address {
	font-style:normal;
}
.footer_box p {
	font-size:80%;
	margin: 0px 0px 10px 0px;
}


.pagetop {
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
}
.pagetop a {
    display: block;
    background-color: #960;
    text-align: center;
    color: #FFF;
    font-size: 12px;
    text-decoration: none;
    padding: 5px 10px 8px 10px;
    filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}
.pagetop a:hover {
    display: block;
    background-color: #C90;
    text-align: center;
    color: #fff;
    text-decoration: none;
}


/* index.html
---------------------------------------------------- */
hr {
	border-width: 1px 0px 0px 0px; /* 太さ */
	border-style: dotted; /* 線種 */
	border-color: #960; /* 線色 */
	height: 1px; /* 高さ */
    max-width: 100%;
clear:both;
margin: 8% 0px;
}
h4.data {
	float: left;
	background: #360;
	color: #FFF;
	padding: 0px 10px;
	font-weight: normal;
	font-size: 100%;
	margin: 0px 10px 0px 0px;
}
.title_ {
	color: #000;
	font-size:150%;
	line-height:1.5;
	margin: 0px 0px 0px 0px;
background:linear-gradient(transparent 60%, #FEECC1 60%);
display:inline;
}
h3.plan {
	float: left;
	background: #FC0;
	color: #360;
	padding: 5px 10px;
	font-weight: normal;
	margin: 0px 10px 0px 0px;
}
.g_i2 {
	text-align:center;

	}
img.aligncenter,
img.alignright,
img.alignleft,
img.alignnone {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 4%;
clear:both;
}
.alignright {
  float: none;
}
.alignleft {
  float: none;
}
.text img {
	border: 0;
max-width: 100%;
height: auto;
margin: 0 auto;
}

.box_l,
.box_r,
.box_l_list,
.box_r_list {
	margin: 4% 0px 6% 0px;
	padding: 0px 0px 0px 0px;
	width:100%;
}
.box_l img,
.box_l_list img {
	width:100%;
  transition-duration: 0.5s;
}
.box_l_list:hover img{
  opacity: 0.6;
  transition-duration: 0.5s;
}

.box_r p,
.box_r_list p {
	margin: 0px 0px 20px 0px;
}
.box_data,
.box_data2,
.box_data3 {
	color:#000;
	margin: 0px 0px 20px 0px;
}
.box_data_i {
	width:120px;
	margin: 0px 0px 7px 0px;
}
.box_data_i2 {
	width:180px;
	margin: 0px 0px 7px 0px;
}
.box_data_i img,
.box_data_i2 img {
	width:100%;
}
.box_data span,
.box_data2 span,
.box_data3 span {
	font-weight:normal;
}
.box_data p,
.box_data2 p {
	font-weight:normal;
}
.box_01,
.box_02,
.box_03 {
	padding: 0px 0px 6% 0px;
	margin: 0px 0px 6% 0px;
	width:100%;
	border-bottom: 1px #996600 dotted;
}
.box_01 img,
.box_02 img,
.box_03 img {
	width:100%;
	margin: 0px 0px 10px 0px;
vertical-align: bottom;
}
.box_01 p,
.box_02 p,
.box_03 p {
	font-size:90%;
}
.box_04 {
	margin: 30px 0px 6% 0px;
	width:100%;
}
.box_04 h4 {
	font-size:130%;
	font-weight:normal;
	color: #37836F;
background:linear-gradient(transparent 60%, #C9E2D5 60%);
display:inline;
}

.box_04 img {
	border: 0;
max-width: 100%;
height: auto;
margin: 0 auto;
}

.box_05_0 {
	margin: 0px 0px 6% 0px;
	width:100%;
}
.box_05 {
	margin: 20px 0px 0 0px;
}
.box_05_0 h4 {
	font-size:130%;
	color: #A66E00;
background:linear-gradient(transparent 60%, #FEECC1 60%);
display:inline;
}
.box_06 {
	margin: 0px 0px 6% 0px;
}
.box_06 h4 {
	font-size:130%;
display:inline;
}
.box_06_01 {
	color: #8C4092;
background:linear-gradient(transparent 60%, #E6CDE3 60%);
}
.box_06_02 {
	color: #DA4084;
background:linear-gradient(transparent 60%, #FAD6DB 60%);
}
.box_06_03 {
	color: #A66E00;
background:linear-gradient(transparent 60%, #FEECC1 60%);
}
.box_06 a {
	color: #960;
	text-decoration: underline;
}
.box_06 a:hover {
	color: #C90;
	text-decoration: underline;
}
.bb {
	width:180px;
	margin: 0px auto 50px auto;
}
.bb img {
	width:100%;
  transition-duration: 0.5s;
}
.bb:hover img{
  opacity: 0.3;
  transition-duration: 0.5s;
}




.mail_b a,
.mail_b2 a {
	margin: 30px 0px 10px 0px;
	float: left;
	display: block;
	width:100%;
	text-align: center;
background: url(../img/b_back01.jpg);
	-webkit-filter: opacity(100%);
	filter: opacity(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	text-decoration: none;
box-sizing:border-box;
border-radius: 10px; 
}
.mail_b2 a {
background: url(../img/b_back02.jpg);
	margin: 10px 0px 25px 0px;
}
.mail_b a img,
.mail_b2 a img {
	width:80%;
	margin: 25px auto;
vertical-align: bottom;
}
.mail_b a:hover,
.mail_b2 a:hover {
	-webkit-filter: opacity(50%);
	filter: opacity(50%);
	text-decoration: none;
	color: #FFF;
}



/*	yoyaku
/* ------------------------------------- */

.toi {
	padding: 6%;
	margin: 10px 0px 35px 0px;
	text-align:center;
	border: 1px solid #960;
box-sizing: border-box;
}
.toi h4 {
	font-size:120%;
	color: #960;
}
.toi_box {
	padding: 10px 0px 0px 0px;
	margin: 10px 0px 0px 0px;
	border-top: 1px solid #960;
display:inline-block;
}
.toi_box p {
	color: #960;
	font-size:110%;
}
.toi_box h5 {
	color: #960;
	font-size:120%;
}
.toi_box h5 span {
	font-size:80%;
	font-weight:normal;
}
.toi_box h5 a {
	color: #960;
	text-decoration: none;
}
.or {
	color: #F60;
	font-size:120%;
	font-weight:bold;
}
@media (min-width: 751px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}
/* form
/* ------------------------------------- */
.screen-reader-response ul {
	display: none;
}
dl.fo {
	width: 100%;
	color: #333333;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-top: #5A9600 solid 1px;
  background-color: rgba(220,230,200,0.5);
}
.fo_box {
	width: 100%;
	border-bottom: #5A9600 solid 1px;
	padding: 0px 0px 0px 0px;
}
  

dl.fo2 {
	width: 100%;
	color: #333333;
	margin: 20px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-top: #5A9600 solid 1px;
	background: #E3F0DC;
}
.fo_box2 {
	width: 100%;
	border-bottom: #5A9600 solid 1px;
	padding: 0px 0px 0px 0px;
}
dl.fo dt,
dl.fo2 dt {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 10px;
	float: left;
	color: #000;
	line-height: 120%;
	border-bottom: #5A9600 solid 1px;
}
dl.fo dd,
dl.fo2 dd {
	width: 100%;
	padding: 10px;
	float: left;
  background-color: rgba(255,255,255,0.5);
}
.fo2_2 {
	background-color: #FFF;
	height: 30px;
}
p.fo_tex01 {
	font-size: 12px;
	color: #333333;
	line-height: 19px;
	padding: 0px 0px 10px 0px;
}
.f_b {
	margin: 30px 0px 20px 0px;
	text-align:left;
}
.f_b p {
	margin: 5px 0px 0px 0px;
}
.er {
	font-size: 15px;
	color: #FF3300;
	line-height: 20px;
	margin: 0px 0px 10px 0px;
}
.f_t2 {
	font-size: 12px;
	color: #663300;
	line-height: 17px;
	padding: 2px;
}
.t_red_b {
	font-size: 110%;
	color: #FF3300;
}
.red {
	color: #FF3300;
}
.t_m {
	line-height: 160%;
}
span.wpcf7-list-item { display: block; }
.delivery{
	background: #FCF7EA;
	width: 100%;
	padding: 10px 0px;
}
input[type=checkbox] {
	float: left;
	margin: 7px 0px 0px 0px;
}
.wpcf7-not-valid-tip {
		color: #FF3300;
		margin: 0px 0px 0px 10px;
}

.wpcf7-text {
        height: 35px !important;
		font-size:100%;
}
.form-width { width: 93%;}
.wpcf7 textarea {
        height: 200px !important;
		 width: 93%;
		font-size:100%;
}
.wpcf7 select {
		font-size:100%;
        height: 35px !important;
}
.box_fo {
	padding: 5%;
box-sizing:border-box;
border: 1px #669900 solid;
background-color: rgba(255,255,255,0.5);
margin: 0px 0px 30px 0px;
}

.box_fo a {
	color: #960;
	text-decoration: underline;
}
.box_fo a:hover {
	color: #C90;
	text-decoration: underline;
}
/* ------------------------------------- */
/*	 resposive480
/* ------------------------------------- */
@media screen and (min-width: 480px) {
.rslides {
	display: block;
}
.rslides2 {
	display:none;
}
/* ------------------------------------- */
/*	 resposive768
/* ------------------------------------- */
@media screen and (min-width: 768px) {
.br_sp { 
display: block;
}
.br_sp2 { 
display:none;
}
.pc {
	display:block;
}
.sm {
	display:none;
}
/* header
---------------------------------------------------- */
#header { 
}
hr {
margin: 50px 0px 30px 0px;
}
.box_l_list {
	margin: 20px 0px 40px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	width:39%;
}
.box_l_list img {
	width:100%;
}
.box_r_list {
	margin: 20px 0px 40px 0px;
	float: right;
	width:59%;
}
.bb {
	margin: 10px 0px 0px 0px;
	float: right;
	width:160px;
}

.mail_b a {
	float: left;
	width:49%;
	margin: 30px 2% 10px 0px;
}
.mail_b2 a {
	float: left;
	width:49%;
	margin: 30px 0px 10px 0px;
}
.toi {
	margin: 20px 0px 40px 0px;
	padding: 3%;
	text-align:center;
box-sizing: border-box;
}
}
/* ------------------------------------- */
/*	 resposive980
/* ------------------------------------- */
@media screen and (min-width: 980px) {
/* header
---------------------------------------------------- */
h1 a {
	background: url(../img/logo.png) no-repeat;
	background-size: 160px 65px;
  display: block;
  width: 160px;
  height: 65px;
  margin: 35px 0 25px 0;
 
}

/* banner
---------------------------------------------------- */
#banner {
	width: 100%;
	margin: 0px auto;
background: url(../img/banner_b.jpg) repeat-x; 
background-size: 120px 237px;
}
.banner_box {
	margin: auto;
	width: 980px;
}
.banner_box img {
	width:100%;
	margin: 40px 0px;
}

/* title
---------------------------------------------------- */
#title {
	width: 980px;
	margin: 30px auto;
}
/* container
---------------------------------------------------- */
#container {
	width: 980px;
	margin: 50px auto;
}
/* main
---------------------------------------------------- */

.box_l {
	margin: 20px 0px 40px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	width:49%;
}


.box_l img {
	width:100%;
}
.box_r {
	margin: 20px 0px 40px 0px;
	float: right;
	width:49%;
}

.box_data_i,
.box_data_i2 {
	float:left;
	margin: 0px 10px 0px 0px;
}
.box_data p {
	float:left;
	width:445px;
	margin: 2px 0px 20px 0px;
}
.box_data2 p {
	float:left;
	width:350px;
	margin: 2px 0px 20px 0px;
}
.box_data3 span {
	float:left;
	width:780px;
	margin: 2px 0px 20px 0px;
}

.box_01,
.box_02 {
	margin: 0px 2% 40px 0px;
	float: left;
	width:32%;
	border-bottom: none;
	padding: 0px;
}
.box_03 {
	margin: 0px 0px 40px 0px;
	float: left;
	width:32%;
	border-bottom: none;
	padding: 0px;
}
.box_04 {
	margin: 0px 0px 40px 0px;
}
.box_05_0 {
	margin: 10px 0px 40px 0px;
}
.box_06 {
	margin: 0px 0px 40px 0px;
}



/* footer
---------------------------------------------------- */
#footer {
	width: 100%;
	background: url(../img/footer.jpg) repeat-x bottom;
	background-size: 600px 97px;
	font-size: 80%;
	line-height:1.6;
	margin: 30px 0px 0px 0px;
	padding: 0px 0px 100px 0px;
}
.footer_box {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}


img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
clear:none;
}
img.alignright {
    margin-left: 20px;
    margin-right: 0;
    margin-bottom: 20px;
    display: inline;
clear:none;
}
img.alignleft {
    margin-left: 0;
    margin-right: 20px;
    margin-bottom: 20px;
    display: inline;
clear:none;
}
img.alignnone {
    margin-left: 0;
    margin-right: 0;
    margin-bottom: 20px;
clear:none;
}
.alignright {
  float: right;
}
.alignleft {
  float: left;
}
/* form
/* ------------------------------------- */
dl.fo {
	width: 980px;
}
.fo_box {
	width: 980px;
}
dl.fo2 {
	width: 980px;
}
.fo_box2 {
	width: 980px;
}
dl.fo dt,
dl.fo2 dt {
	width: 180px;
	text-align: right;
	border-bottom: none;
}
dl.fo dd,
dl.fo2 dd {
	width: 760px;
}
.f_b {
	text-align:left;
}
}