html {
	font-size: 62.5%;/* 16px x 0.625 = 10px(=1rem) */
}

body {
	font-size: 1.6rem !important;/* 16px */
	font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif !important;
	-webkit-text-size-adjust: 100% !important;
	font-feature-settings: "palt";
}
body b, strong {
 font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif ;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	::i-block-chrome, body {
		font-feature-settings: "pkna";
	}
}
atts h4 {word-wrap: break-word; 
	white-space: normal; 
	line-height:1.5;
    display: block;
    width:100%;
padding-left:0.5em !important;
padding-right:1em !important;
font-size:16px !important;}

	p {
		margin-bottom: 30px;
		width:96%;
		margin-left: auto; margin-right: auto;
	}
@media only screen and (max-width: 500px) 
{
	h1 {word-wrap: break-word;
	font-size:160%;
	white-space: normal; 
	line-height:1.5;
    display: block;
}
}
@media only screen and (max-width: 500px) 
{
	h2 {word-wrap: break-word;
	font-size:120% !important;
	white-space: normal; 
	line-height:1.5;
    display: block;
}
}


#container {
    max-width: 1000px;
	width: 100%;
	padding:20px 10px 0px 10px ;
	margin-right: auto;
	margin-left : auto;
	line-height:2;
}
.list-box {
	display: table;
}
.list-img, .list-text {
	display: table-cell;
	vertical-align: middle;
}
.gazo:hover {
	filter: alpha(opacity=80);
	opacity: 0.8;
}
/*h3 deco01*/

h3.deco01:first-child {
	font-size: 1.2em;
	padding: 6px 0;
	border-bottom: 8px solid #86B577;
	position: relative;
	text-align: center;
	color: #68A355 !important;
	font-weight:bolder;
	margin: 0px 0px 40px 0px;
	padding-bottom: 10px;
}
h3.deco01 {
	font-size: 1.2em;
	padding: 6px 0;
	border-bottom: 8px solid #86B577;
	position: relative;
	text-align: center;
	color: #68A355!important;
	font-weight:bolder;
	margin: 60px 0px 40px 0px;
	padding-bottom: 10px;
}
h3.deco01:before, h3.deco01:after {
	content: "";
	display: block;
	height: 8px;
	position: absolute;
	bottom: -8px;
}
h3.deco01:before {
	width: 20%;
	left: 8%;
	background: rgba(223,236,219,1);
}
h3.deco01:after {
	width: 30%;
	left: 12%;
	background: rgba(177,208,168,1);
}


/*スマホ表示フッターのリンク用*/
.footerlink {
	display:block;
	color:#fff;
	background-color:#b1d0a8;
	padding:20px; 
	margin:1px 0;
}
.footerlink a {
	display:block; 
	color:#445F4D;
	background-color:#b1d0a8;
	padding:20px; 
	margin:1px 0;
	text-decoration: none;
}
.footerlink:hover {
	display:block; 
    color:#445F4D;
	text-decoration: none;
	filter: alpha(opacity=80);
	opacity: 0.8;
}


/*rope H2*/
h2 {
	    font-size: 1.5em;
}
	
/*rope H3*/

h3.rope  {
  position: relative;
  padding-bottom: .5em;
    font-size: 1.25em;
}
h3.rope::before,
h3.rope::after {
  position: absolute;
  bottom: -4px;
  left: 0;
  content: '';
  height: 4px;
}
h3.rope::before {
  z-index: 2;
  width: 15%;
  background-color: #86B577;
}
h3.rope::after {
  width: 100%;
  background: -webkit-repeating-linear-gradient(45deg, #fff, #fff 2px, #aaa 2px, #aaa 4px);
  background: repeating-linear-gradient(45deg, #fff, #fff 2px, #aaa 2px, #aaa 4px);
}

#top{/*ページの先頭へ*/
  display: none;
  position: fixed;
  z-index: 999;
}

/*カレンダー下コメント*/

	.event2day {
		color:#fede93;
	}
	.event1day {
		color:#ffc6c6;
	}
	.event3day {
		color:#b5daff;
	}


/*margin-bottom-40*/
bottom40 {
	margin-bottom: 140px;
}
/*note80*/
.note80 {
	display: block;
	font-size: 80%;
	margin: 0px 20px 40px 20px;
	padding: 10px 20px 10px 20px;
	background-color: #eee;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}
/*font80*/
.font80 {
	display: block;
	font-size: 80%;
}
.fontgreen {
	display: block;
	color: #60a64a;

}
/*stepbox*/

.stepbox {
	position: relative;
	padding: 25px 10px 7px;
	margin: 2em 0 40px 0;
	border: solid 2px #ccc;
	overflow: hidden;
}
.stepbox .box-title {
	position: absolute;
	display: inline-block;
	top: -2px;
	left: -2px;
	padding: 0 9px;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	font-size: 90%;
	background: #ccc;
	color: #666;
	font-weight: normal;
}
.stepbox p {
	margin: 0;
	padding: 0;
}
/*line*/
hr {
	border: 1px dotted #ddd;

}
/*tubbox*/

.tubbox {
	position: relative;
	padding: 0.5em 1em;
	margin: 2em 0 40px 0;
	border: solid 3px #86B577;
}
.tubbox .box-title {
	position: absolute;
	display: inline-block;
	top: -27px;
	left: -3px;
	padding: 0 9px;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
	font-size: 16px;
	background: #86B577;
	color: #ffffff;
	font-weight: bold;
	border-radius: 5px 5px 0 0;
}
.tubbox p {
	margin: 0;
	padding: 0;
}
/*talkbaroon*/

.balloon {
	display: inline-block;
	position: relative;
	margin: 20px 20px 0 20px;
	padding: 20px;
	background: #86B577;
	border-radius: 40px;
	color: #fff;
}
.balloon::after {
	content: "";
	position: absolute;
	margin: 0;
	bottom: -30px;
	right: 30px;
	width: 0;
	height: 0;
	border-top: 40px solid #86B577;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	transform: rotate(-30deg);
}
/*talkbaroon thin*/

.balloon_thin {
	position: relative;
	padding:20px;
	margin-bottom: 20px;
	margin-top: 50px;
	background-color: #86B577;
	color: #fff !important;
	font-size:1em !important;

	-webkit-border-radius: 3px;	
	-moz-border-radius: 3px;
	border-radius: 10px;
	clear: both;
	line-height:1.7;
}
.balloon_thin::before {
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: 20px;
	bottom: -15px;
	border-top: 15px solid #86B577;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
}
/*画像を横幅にフィットさせる*/
p.imgfit img {
	max-width: 100%;
	height: auto;
}

/*下に空白を設ける*/
.bottom30 {
	padding-bottom:30px;
}

/*中央で太字タイトル*/
.ctrbld {
	display: inline-block;
	width: 100%;
	color: #428c2b;
	font-size: 20px;
	text-align: center;
}
/*グリッドシステムコンテナ-スマホで一列になるボックス*/
.container-fluid {
	padding: 0 0 10px 0;
	margin: 10px 0 10px 0;
	line-height: 1.7;
}
.container-fluid img { /*画像がコンテナ内に収まり伸縮する*/
	max-width: 100%;
	height: auto;
	margin-bottom: 10px;
}
.row {
	margin:10px 0 5px 0　;
}

/*箇条書き番号を隠したタイプ*/
ol.nonumber{
	text-align: left !important;
  counter-reset:list;
  list-style-type:none;
  font: 14px/1.6 'arial narrow', sans-serif;
  padding:0;
}
ol.nonumber li{
  position:relative;
  padding: 0 0 0 20px;
  margin: 7px 0 7px 0px;
  font-weight: bold;
  font-size:14px;
  line-height: 30px;
  border-bottom: dashed 1px #ccc;
}
ol.nonumber li:before{
  counter-increment: list;
  content: "";
  display: block;
  position: absolute;
  left: 0px;
  height: 0;
  width: 0;
  border-top: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-left: 7px solid #428c2b;
  top: 50%;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

/*テープを張った注目ボックス*/
.atts {
    position: relative;
    background-color: #eee;
	padding:1em 1em 0.2em ;
    margin-top: 30px;
    margin: 20px  20px 60px ;
    clear: both;
}
.atts h4 {
　font-size: 1em !important;
  position: absolute;
  top: -1em;
  background-color: 
  rgba(0,119,0,0.4);
  padding:0.3em 2em 0.3em 2em;
  color: #fff !important;
	width:50%;
   /* transform: rotate(-4deg); 20181207 */

}
.atts p {
	padding:10px 0 0 0; 
margin-top:4px;}

/*レスポンシブテーブル*/
/*responsive table01*/
table.table01 {
	width:100%;
	border-right:#86B577 solid 1px;
	border-collapse: collapse;
margin-bottom:50px;
}
table.table01 thead th {
	background:#86B577;
	color:#FFF;
        text-align:center;
        vertical-align:middle;
	padding:10px 15px;
	border-right:#FFF solid 1px;
	border-bottom:#86B577 solid 1px;
}
table.table01 thead th:last-child {
	border-right:#86B577 solid 1px;
}
table.table01 tbody th {
	background:#eee;
	color:#428c2b;
        text-align:center;
        vertical-align:middle;
	padding:10px 15px;
	border-bottom:#86B577 solid 1px;
	border-left:#86B577 solid 1px;
}
table.table01 tbody :first-child th {
	border-top:#86B577 solid 1px;
}
table.table01 tbody tr:last-child th {
	border-bottom:#86B577 solid 1px;
}
table.table01 tbody td {
	background:#fff;
	padding:10px 15px;
	border-left:#86B577 solid 1px;
	border-bottom:#86B577 solid 1px;
	text-align:center;
        vertical-align:middle;
}

@media screen and (max-width: 640px) {
table.table01 thead {
	display:none;
}
table.table01 tbody th {
	display:block;
}
table.table01 tbody td {
	display:block;
}
table.table01 tbody td::before {
	content: attr(label);
	float: left;
	clear:both;
	font-weight:bold;
}
table.table01 tbody td p {
	padding-left:6em;
}
	
/*Youtube埋め込み調整*/
	
.moviecontainer{
position: relative;
height: 0;
padding: 30px 0 56.25%;
overflow: hidden;
}
 
.moviecontainer iframe{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
	

/*img left*/
.imgleft {
  float:left;
	margin:10px;
      }
/*右寄せ*/
	.img-right {
	margin-left: auto;
	float:right;
	}
	
/* sale_header_iframe 
--------------------------------------------*/ 
div.container-header {
padding:0;
position: relative;
width: 100%;
padding-top: 75%;
	}
div.container-header iframe{
	min-width:100%;
	padding: 0;
	position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.text-red {
		font-color:red;
	font-weight:700;
	}
/* テキストリンク
--------------------------------------------*/ 
a {
text-decoration: none !important;
}
a:hover {
text-decoration: underline !important;
}