/*///{ݒ/////*/
.clearfix:after {
  content: "";
  clear: both;
  display: block;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


#Outline{
	background:url(../img/bc.gif);
	overflow:hidden;
	color:#6c4426;
	font-family:"qMmpS Pro W3","Hiragino Kaku Gothic Pro","CI",Meiryo,"lr oSVbN",sans-serif;
	font-size:18px;
	line-height: 1.5;
}
#content{
	width:960px;
	margin:5px auto 0;
	overflow:hidden;
}
p{
	margin:2% 1%;
}
img.space{
	margin:2% auto;
	clear:both;
	display:block;
}
h1{
	font-size:35px;
	margin:2% 0;
}
h2{
	font-size:20px;
	font-weight:bold;
	margin:1% auto;
}
div.top_point h2{
	font-size:130%;
}
h2.subt{
	background-color:#22ac38;
	width:100%;
	padding:0.5% 2%;
	margin:5% 0 2%;
	font-size:22px;
	font-weight:bold;
}
h3{
	width:100%;
	padding:0.5% 2%;
	margin:5% 0 1%;
	font-size:22px;
	font-weight:bold;
}
h4{
	background-color:#6c4426;
	color:#FFF;
	width:100%;
	padding:0.5% 2%;
	margin:1% 0;
    border-radius: 20px;        /* CSS3 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chromep */  
    -moz-border-radius: 20px;   /* Firefoxp */  
}
h5{
	padding:0.5% 2%;
	margin:1% 0;
	font-weight:bold;
	font-size:16px;
}
table caption{
	font-size:120%;
	font-weight:bold;
	margin:1% auto;
}
table{
	width:95%;
	padding:2%;
	margin:2% auto;
	border:1px solid #6c4426;
	background-color:#FFF;
	font-size:90%;
	text-align:center;
}
table tr{
	border-bottom:1px solid #6c4426;
	padding:1%;
}
table tr th{
	background-color:#6c4426;
	color:#FFF;
	padding:1%;
	border:1px solid #FFF;
	font-weight:normal;
}
table tr td{
	padding:2%;
	border-right:1px solid #6c4426;
}
p.att{
	font-size:80%;
}
.ColorRed{
	color:#ff0000;
}
.catche{
	width:400px;
	padding:5px;
	margin:3% 0 1%;
	background-color:#1d4808;
	color:#FFF;
	text-align:center;
    border-radius: 20px;        /* CSS3 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chromep */  
    -moz-border-radius: 20px;   /* Firefoxp */  
}
div.LeftBox{
	float:left;
}
div.RightBox{
	float:right;
}
div.Box4_bc{
	background:url(../img/beaver02.png) no-repeat center;
	overflow:hidden;
	padding:4%;
	height:auto;
    border-radius: 20px;        /* CSS3 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chromep */  
    -moz-border-radius: 20px;   /* Firefoxp */  
	border:4px dotted #6c4426;
}
div.Box4{
	overflow:hidden;
	padding:3%;
	height:auto;
    border-radius: 20px;        /* CSS3 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chromep */  
    -moz-border-radius: 20px;   /* Firefoxp */  
	border:4px dotted #6c4426;
}
div.Box4_bc .LeftBox{
	float:left;
	width:40%;
}
div.Box4_bc .RightBox{
	float:right;
	width:40%;
}
div.top_point{
	width:100%;
	padding:2% 3%;
	margin:5% 0 1%;
	border:3px solid #6c4426;
    border-radius: 10px;        /* CSS3 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chromep */  
    -moz-border-radius: 10px;   /* Firefoxp */  
}
div.top_point h2{
}
div.top_point img{
	margin-top:-3%;
	margin-left:2%;
}
.point div{
	width:100%;
	margin:3% 0;
	padding:0;
}
div.point_left {
	float:left;
	width:78%;
	padding:2%;
	border-top:solid 3px #6c4426;
	border-bottom:solid 3px #6c4426;
}
div.point_right{
	float:right;
	width:22%;
	padding:11%;
	background:url(../img/point.png) right top no-repeat;
	background-size: cover;
}
div.info{
	width:100%;
	margin:5% 0;
	padding:2%;
	border:solid 6px #6c4426;
    border-radius: 15px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
	height:auto;
	overflow:hidden;
	background:#fff;
}
div.info_left {
	float:left;
	width:60%;
	padding:2%;
	font-size:90%;
}
div.info_right{
	float:right;
	width:35%;
	padding:15%;
	background:url(../img/info.png) right top no-repeat;
	background-size: cover;
}
div.info_right02{
	float:right;
	width:35%;
	padding:15%;
	background:url(../img/info02.png) right top no-repeat;
	background-size: cover;
}
div.info_right03{
	float:right;
	width:35%;
	padding:15%;
	background:url(../img/info03.png) right top no-repeat;
	background-size: cover;
}
div.info_right04{
	float:right;
	width:40%;
	padding:15%;
	background:url(../img/info04.png) right top no-repeat;
	background-size: cover;
}
div.info_right05{
	float:right;
	width:40%;
	padding:15%;
	background:url(../img/info05.jpg) right top no-repeat;
	background-size: cover;
}
div.info_right06{
	float:right;
	width:40%;
	padding:15%;
	background:url(../img/info06.png) right top no-repeat;
	background-size: cover;
}
div.info_right07{
	float:right;
	width:40%;
	padding:15%;
	background:url(../img/info07.png) right top no-repeat;
	background-size: cover;
}
.point span,.point02 span,.point03 span,.comment span,.comment_l span{
	background-color:#fff100;
}
div.point02{
	width:100%;
	margin:2% auto;
	padding:2%;
	border-top:dotted 3px #6c4426;
	border-bottom:dotted 3px #6c4426;
	clear:both;
	display:block;
}
.point03 div{
	width:100%;
	margin:2% 0 0;
	padding:0;
}
div.point03_left {
	float:left;
	width:73%;
	padding:2%;
	border-top:solid 3px #6c4426;
	border-bottom:solid 3px #6c4426;
}
div.point03_right{
	float:right;
	width:27%;
	height:315px; 
	padding:11%;
	background:url(../img/point03.png) right top no-repeat;
	background-size: cover;
}
div.comment {
	float:left;
	width:50%;
}
div.comment_l {
	width:100%;
	clear:both;
}
div.comment_l div.comment_left{
	float:left;
 	position: relative;
	display: inline-block;
 	margin: 0 15px 1.5em 0;
	padding: 7px 10px;
	font-size: 90%;
 	border: solid 3px #6c4426;
 	box-sizing: border-box;
	border-radius: 10px;
	padding:4%;
	width:76%;
}
div.comment div.comment_left{
	float:left;
 	position: relative;
	display: inline-block;
 	margin: 0 15px 1.5em 0;
	padding: 7px 10px;
	font-size: 90%;
 	border: solid 3px #6c4426;
 	box-sizing: border-box;
	border-radius: 10px;
	padding:4%;
	min-width: 120px;
 	max-width: 65%;
}
div.comment_left:before{
	content: "";
	position: absolute;
	top: 50%;
	right: -24px;
 	margin-top: -12px;
	border: 12px solid transparent;
	border-left: 12px solid ;
 	z-index: 2;
}
div.comment_left:after{
	content: "";
	position: absolute;
	top: 50%;
	right: -30px;
 	margin-top: -14px;
	border: 14px solid transparent;
	border-left: 14px solid #6c4426;
 	z-index: 1;
}
div.comment_left p {
	margin: 0;
	padding: 0;
}
div.comment_right{
	width:20%;
	float:left;
	vertical-align:middle;
	margin:1%;
}
ul.index{
	width:100%;
}
ul.index li{
	margin-left:5%;
	list-style-type:square;
}
ul.exp{
	list-style-type:square;
	margin-left:20px;
	margin:2% 3%;
}
div.cal{
	border:2px solid #fff100;
	padding:2%;
	text-align:center;
	width:50%;
	margin:2%;
}
.btn{
	padding:1% 3%;
	margin: 5% auto;
	background-color:#7f2d00;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
	color:#FFF;
	text-align:center;
	margin-bottom:10px;
	font-size:100%;
}
.btn:hover{
	background-color:#9a491d;
}
div.accordion {
	width: 100%;
	margin:1% auto;
}
div.accordion h4{
	margin:0;
}
div.accordion ul{
	list-style:none;
	padding: 0;
}
div.accordion ul li{
	margin:0;
	padding: 0;
}
div.accordion ul li p{
}
div.accordion .toggle{
}
div.accordion > ul > li > a:hover{
}
div.accordion > ul > li > a {
	display: block;
	text-decoration: none;
	cursor: pointer;
	position: relative;
	padding:0;
}
div.accordion > ul > li > a:after, div.accordion > ul > li > a.active:after{
  font-size: 80%;
  position: absolute;
  right: 12px;
  top: 6px;
  color: #FFF;
}
div.accordion > ul > li > a:after{
  content: "▼";
}
div.accordion > ul > li > a.active:after{
  content: "▲";
}
div.accordion > ul > li > ul {
  display: none;
}
div.accordion > ul > li > ul > li > a{
  display: block;
  font-size: 14px;
  padding: 6px 12px;
  position: relative;
}


#sns{
	float:right;
	margin:2%;
}
#foot{
	clear:both;
	font-size:90%;
	overflow:hidden;
	padding:3%;
	height:auto;
    border-radius: 20px;        /* CSS3 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chromep */  
    -moz-border-radius: 20px;   /* Firefoxp */  
	border:4px dotted #6c4426;
}
#foot strong{
	font-size:120%;
}
#foot ul.navi_left{
	float:left;
	width:50%;
	padding:1%;
}
#foot ul.navi_left li{
	margin-left:5%;
	list-style:disc;
}
#foot ul.navi_right{
	margin-top:30px;
	float:right;
	width:50%;
	padding:1%;
	list-style:disc;
}
@media only screen and (min-width: 641px) and (max-width: 1024px){
#content{
	width:90%;
}
div.comment_right{
	width:auto;
}
div.point03_left{
	width:100%;
}
div.point03_right{
	display:none;
}
}

@media only screen and (max-width: 641px){
#content{
	width:90%;
}
h1{
	margin:4% 0;
	font-size:140%;
}
h3{
	font-size:110%;
}
img.space{
	margin: 4% auto;
	padding-top: 5%;
}
.catche{
	width:100%;
	font-size:80%;
	letter-spacing:-0.05em;
}
div.top_point{
	background:none;
}
div.top_point ul{
	margin-left:10%;
}
div.top_point ul{
	width:80%;
}
div.point_left,div.point03_left,div {
	width:100%;
}
div.point_right,div.point03_right{
	display:none;
}
div.Box4_bc{
	background:none;
}
div.Box4_bc .LeftBox,div.Box4_bc .RightBox{
	width:100%;
}
div.comment {
	width:100%;
}
div.comment_left{
	min-width: 120px;
 	max-width: 70%;
}
div.comment_right{
}
div.cal{
	width:100%;
}
.btn{
	width:100%;
	font-size:80%;
	padding:3%;
}
div.info_left {
	width:100%;
	clear:both;
	display:block;
}
div.info_right,div.info_right02,div.info_right03,div.info_right04,div.info_right05,div.info_right06,div.info_right07 {
	width:100%;
	clear:both;
	display:block;
	padding-bottom:60%;
}
#foot ul.navi_left{
	width:100%;
}
#foot ul.navi_right{
	float:left;
	width:100%;
	margin-left:5%;
	margin-top:0;
}
#foot strong{
	width:100%;
	clear:both;
}
#sns{
	text-align:right;
	margin:3% auto;
}
}