.menyu98 {
  position: absolute;
    left: -560px;
  width: 400px;
  height: 200px;
    top: 100px;
  text-align: left;
  }

.ii-p {
  margin-bottom: 0px;
  	}
.rr-1 {
  padding: 0px;
  margin-bottom: 30px;
  margin-top: -20px;
}

@media screen and (min-width: 640px) {
.namae  {       display:none;}
}
  
@media screen and (max-width: 640px) {
.namae2 {       display:none;}
}

.pp-img {
  padding: 10px 0px 20px 0px;
  margin-top: -40px;
  }
 }
.post-10 {
    margin-left: 0px;
    margin-right: 0px;
}
.post-10 {
text-align: center;
  }
@media screen and (max-width:450px){
.post-10 {
    margin-left: -15px;
    margin-right: -15px;
    margin-top: -30px; 
}
  .pp-img {
  padding: 10px 0px 20px 0px;
  margin-top: -70px;
  }
  }
.karamu {
	padding: 20px;
}
.karamu {
	list-style: none;
}

.karamu {
  background: #fff;
  width: 100%;
  text-align: left;
    bottom: 0;
    left: 0;
    right: 0;
　　margin:auto;
}

/*--------------------------------------------------------------
テーブル色なし
--------------------------------------------------------------*/

.teburu {
border: transparent 1px solid;
}
.teburu th, .teburu td {
border: transparent 1px solid;
}

/*--------------------------------------------------------------
見出し
--------------------------------------------------------------*/
h1 {
color: #0f9b6f;/*文字色*/
border: solid 3px #0f9b6f;/*線色*/
padding: 0.5em;/*文字周りの余白*/
border-radius: 0.5em;/*角丸*/
}

.midasi2 {
position: relative;
padding: 0.5em;
background: #a6d3c8;
color: white;
}

.midasi2::before {
position: absolute;
content: '';
top: 100%;
left: 0;
border: none;
border-bottom: solid 15px transparent;
border-right: solid 20px rgb(149, 158, 155);
}

.midasi3 {
position: relative;
padding-left: 35px;
}
.midasi3:before{
position: absolute;
font-family: FontAwesome;
content: "\f0eb";
background: #ffca2c;
color: white;
font-weight: normal;
font-size: 15px;
border-radius: 50%;
left: 0;
width: 25px;
height: 25px;
line-height: 25px;
text-align: center;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.midasi3:after {/*吹き出しのちょこんと出た部分*/
content: '';
display: block;
position: absolute;
left: 20px;
height: 0;
width: 0;
border-top: 7px solid transparent;
border-bottom: 7px solid transparent;
border-left: 12px solid #ffca2c;
top: 50%;
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}


.sannkaku {
width: 0;
height: 0;
margin: 0 auto;
border-style: solid;
border-width: 100px 100px 0 100px;
border-color: #eaeaea transparent transparent transparent;
  }


.question {
position: relative;
border-top: dashed 2px #f85c72;
border-bottom: dashed 2px #f85c72;
background: #fbe0e4;
line-height: 1.4;
padding: 0.4em 0.5em;
margin: 2em 0 0.5em;
font-size: 18px;
}

.question:after {/*タブ*/
position: absolute;
font-family: FontAwesome,'Quicksand','Avenir','Arial',sans-serif;
content: '\f0a7\ question';
background: #f85c72;
color: #fff;
left: 0px;
bottom: 100%;
border-radius: 5px 5px 0 0;
padding: 5px 7px 3px;
font-size: 16px;
line-height: 1;
letter-spacing: 0.05em;
  }

h6 {
  padding: 0.5em;/*文字周りの余白*/
  color: #494949;/*文字色*/
  background: #fffaf4;/*背景色*/
  border-left: solid 5px #ffaf58;/*左線（実線 太さ 色）*/
}
/*--------------------------------------------------------------
ブログ
--------------------------------------------------------------*/

.ss-post-meta {
font-size: 10px;
}

.cc-post {
	padding: .5em .75em;
	background-color: #fff;
	border-left: 3px solid #419d4c;
 　 border-right: 3px solid #419d4c;
  }
.cc-post {
  border-bottom: 1px dotted #ccc;
  }
.cc-post {
border-right: 3px solid #419d4c;
    }
.cc-post:hover {
	background-color: #ccc;
	border-color: #35bd49;
	color: #35bd49;
  }

/*--------------------------------------------------------------
サイドバー
--------------------------------------------------------------*/
.boda {
	padding: .5em .75em;
	background-color: #fff;
	border-left: 3px solid #419d4c;
}
.boda {
  border-bottom: 1px dotted #ccc;
  }
.boda {
border-right: 3px solid #419d4c;
    }
.boda:hover {
	background-color: #ccc;
	border-color: #35bd49;
	color: #35bd49;
  }
  .boda2 {
	background-color: #419d4c;
	border-bottom: 1px solid #ccc;
   color: #fff;
}
.boda2 {
  text-align:center;
  }
/*--------------------------------------------------------------
見出し
--------------------------------------------------------------*/
.midasi {
	padding: .5em .75em;
	background-color: #419d4c;
	border-left: 6px solid #f0f89d;
}

/*--------------------------------------------------------------
フッター
--------------------------------------------------------------*/
.huta {
   text-align:center;
 }
/*--------------------------------------------------------------
カラム
--------------------------------------------------------------*/

.menyu  {
	padding: 0px;
}
.menyu {
	float: left;
	list-style: none;
}

.menyu {
  width: 50%;
  text-align: left;
    bottom: 0;
    left: 0;
    right: 0;
　　margin:auto;
}

.menyu2  {
	padding: 10px;
}
.menyu2 {
	list-style: none;
}

.menyu2 {
  width: 100%;
  border: 3px solid #419d4c;
  text-align: left;
    bottom: 0;
    left: 0;
    right: 0;
　　margin:auto;
}


.menyu06 {
	padding: 10px;
}
.menyu06 {
margin:13px;
  }
.menyu06 {
	float: left;
	list-style: none;
}

.menyu06 {
  background-color: #fff;
  width: 30%;
  height:220px;
  text-align: left;
    bottom: 0;
    left: 0;
    right: 0;
}
.menyu06 {
font-size: 12px;
  }
@media screen and (max-width:1100px){
  .menyu06 {
	padding: 10px;
}
.menyu06 {
margin:13p;
  }
  
  .menyu06 {
  background-color: #fff;
  width: 29%;
  height:220px;
  text-align: left;
    bottom: 0;
    left: 0;
    right: 0;
}
    }

@media screen and (max-width:600px){
    .menyu06 {
	padding: 10px;
}
.menyu06 {
margin:5px;
  }
  
  .menyu06 {
  background-color: #fff;
  width: 100%;
  height:220px;
  text-align: left;
    bottom: 0;
    left: 0;
    right: 0;
}
    }
  
/*--------------------------------------------------------------
基本
--------------------------------------------------------------*/
	.site-logo {
		max-height: 200px;
	}
a:hover img{
opacity: 0.6;
filter: alpha(opacity=60);
-moz-opacity:0.6;
}

.title-post {
 text-align: center; 
    }
.site-logo {
		margin: 0px 0;
		float: left;
		-webkit-transition: all 0.3s linear;
		   -moz-transition: all 0.3s linear;
		    -ms-transition: all 0.3s linear;
		     -o-transition: all 0.3s linear;
		        transition: all 0.3s linear;
	}

.btn-menu {
		float: right;
		font-size: 28px;
		font-family: "FontAwesome";
		color: #fff;
		text-align:center;
		width: 28px;
		height: 28px;
		cursor: pointer;
		-webkit-transition: all 0.3s ease-out;
		   -moz-transition: all 0.3s ease-out;
		    -ms-transition: all 0.3s ease-out;
		     -o-transition: all 0.3s ease-out;
		        transition: all 0.3s ease-out;
	}



@media screen and (max-width:1024px){
a:hover img{
opacity: 0.6;
filter: alpha(opacity=60);
-moz-opacity:0.6;
}

	.site-logo {
        size: 100％
		margin: 0px 0;
		float: left;
		-webkit-transition: all 0.3s linear;
		   -moz-transition: all 0.3s linear;
		    -ms-transition: all 0.3s linear;
		     -o-transition: all 0.3s linear;
		        transition: all 0.3s linear;
	}

	#mainnav-mobi {
		margin: 30px 30;
		float: right;
		-webkit-transition: all 0.3s linear;
		   -moz-transition: all 0.3s linear;
		    -ms-transition: all 0.3s linear;
		     -o-transition: all 0.3s linear;
		        transition: all 0.3s linear;
	}
  
.btn-menu {
  background-color: #0cac94;
  border-radius: 10px;
  position: absolute;
  right: 10%;
  width: 50px;
  height: 50px;
    top: -85px;
}
.btn-menu {
  padding: 2px;
    }
}
@media screen and (max-width:767px){
.panel-layout {
  padding: 0px;
  margin: -15px;
  }
  .site-logo {
padding: 15px;
  }
	.site-logo {
		max-height: 100px;
	}
}

/*--------------------------------------------------------------
カスタムメニュー
--------------------------------------------------------------*/

	#mainnav li {
		float: left;
		padding: 0  0px;
	}
  #mainnav {
text-align: center;
}


.menyusa {
  background-color: #419d4c;
  border-right: 1px solid #333;
  border-left: 1px solid #333;
  width: 180px;
  height: 40px;
  -webkit-border-radius: 0px 0px 0px 40px / 0px 20px 30px 40px;
-moz-border-radius: 0px 0px 0px 40px / 0px 20px 30px 40px;
border-radius: 0px 0px 0px 40px / 0px 20px 30px 40px;
  color: #fff;
  }
.menyusa {
padding-top: 10px;
  }
.menyusa:hover {
	background-color: #b6fabe;
	border-color: #3298ad;
	color: #3298ad;
  }

.menyusa2 {
  background-color: #419d4c;
  border-right: 1px solid #333;
  width: 180px;
  height: 40px;
  color: #fff;
  }
.menyusa2 {
padding-top: 10px;
  }
.menyusa2:hover {
	background-color: #b6fabe;
	border-color: #3298ad;
	color: #3298ad;
  }

.menyusa3 {
  background-color: #419d4c;
  border-right: 1px solid #333;
  width: 180px;
  height: 40px;
    -webkit-border-radius: 0px 0px 40px 0px / 0px 20px 30px 40px;
-moz-border-radius: 0px 0px 40px 0px / 0px 20px 30px 40px;
border-radius: 0px 0px 40px 0px / 0px 20px 30px 40px;
  color: #fff;
  }
.menyusa3 {
padding-top: 10px;
  }
.menyusa3:hover {
	background-color: #b6fabe;
	border-color: #3298ad;
	color: #3298ad;
  }
@media screen and (max-width:1200px){
  .menyusa {
  background-color: #419d4c;
  border-right: 1px solid #333;
  border-left: 1px solid #333;
  width: 148px;
  height: 40px;
  -webkit-border-radius: 0px 0px 0px 40px / 0px 20px 30px 40px;
-moz-border-radius: 0px 0px 0px 40px / 0px 20px 30px 40px;
border-radius: 0px 0px 0px 40px / 0px 20px 30px 40px;
  color: #fff;
  }
  .menyusa2 {
  background-color: #419d4c;
  border-right: 1px solid #333;
  width: 140px;
  height: 40px;
  color: #fff;
  }
  
  .menyusa3 {
  background-color: #419d4c;
  border-right: 1px solid #333;
  width: 180px;
  height: 40px;
    -webkit-border-radius: 0px 0px 40px 0px / 0px 20px 30px 40px;
-moz-border-radius: 0px 0px 40px 0px / 0px 20px 30px 40px;
border-radius: 0px 0px 40px 0px / 0px 20px 30px 40px;
  color: #fff;
  }
    }
  
@media screen and (max-width:767px){
  .menyusa {
padding-top: 2px;
  }
  .menyusa {
    background-color: transparent;
  border-right: 0px solid #333;
  border-left: 0px solid #333;
  width: 180px;
  height: 30px;
        -webkit-border-radius: 0px 0px 0px 0px / 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px / 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px / 0px 0px 0px 0px;
  }
    .menyusa2 {
padding-top: 2px;
  }
  .menyusa2 {
    background-color: transparent;
  border-right: 0px solid #333;
  border-left: 0px solid #333;
  width: 180px;
  height: 30px;
  }
      .menyusa3 {
padding-top: 2px;
  }
  .menyusa3 {
    background-color: transparent;
  border-right: 0px solid #333;
  border-left: 0px solid #333;
  width: 180px;
  height: 30px;
            -webkit-border-radius: 0px 0px 0px 0px / 0px 0px 0px 0px;
-moz-border-radius: 0px 0px 0px 0px / 0px 0px 0px 0px;
border-radius: 0px 0px 0px 0px / 0px 0px 0px 0px;
  }
  }
/*--------------------------------------------------------------
お問い合わせ
--------------------------------------------------------------*/
.form-width { max-width: 100%;}

/*--------------------------------------------------------------
ヘッダーウィジェット
--------------------------------------------------------------*/
.ad-header-widget {
  position: absolute;
  right: 100px;
  width: 328px;
  height: 60px;
    top: -220px;
}
@media screen and (max-width: 1024px){
.ad-header-widget {       display:none;}
}
/* branding内の指定 */
#branding hgroup {
	margin: 0 7.6%;
	width: 48%; /* 横幅を48%まで狭めました */
	float: left;
}
#branding address {
	float: right;
	width: 26.8%; /* 横幅を26.8%まで広げました */
	margin-right: 7.6%; /* バランスを整えるために右マージンを追記 */
	padding-top: 3.65625em;
}

/* サイトタイトルと補足説明のマージンを変更 */
#site-title {
	margin-right: 70px; /* デフォルトは270pxでしたが、70pxに */
	padding: 3.65625em 0 0;
}
#site-description {
	color: #7a7a7a;
	font-size: 14px;
	margin: 0 70px 3.65625em 0; /* 右マージンのデフォルトは270pxでしたが、70pxに */
}

/* 以下を追記（クラス名はheader.phpと合わせてお好みで変更してください） */
.address {
	font-size: small;
}
.tel {
	font-size: xx-large;
	text-shadow: 1px 0px 2px #666666;
}
.hours {
	font-size: small;
}
.contact {
	margin-top: .5em;
	text-align: center;
}
.contact a {
	display: block;
/* ボタンジェネレーターで作成したソースコード */
	color: #ffffff;
	font-size: large;
	padding: 10px;
	text-decoration: none;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-box-shadow: 0px 1px 2px #666666;
	-moz-box-shadow: 0px 1px 2px #666666;
	text-shadow: 1px 1px 3px #666666;
	border: solid #cacbcc 1px;
	background: -webkit-gradient(linear, 0 0, 0 100%, from(#42aaff), to(#003366));
	background: -moz-linear-gradient(top, #42aaff, #003366);
}

.contact a:hover {
	background: #42aaff;
/* ボタンジェネレーターで作成したソースコードここまで */
}

.gray-line {
  background: linear-gradient(transparent 60%, #ff99ff 0%);
}

/*641px～PC　PC上では見えないようにする*/
@media screen and (min-width:641px){
	.header_area{
		display: none;
}	
}
 
/*スマホ～641pxの幅サイズまで*/
@media screen and (max-width:640px){
.header_area {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background-color: rgba( 0, 0, 0, 0.6 );
	z-index: 10000;
}
.header_area .header_area_inner {
    position: relative;
    width: 80%;
    margin: 0px auto;
    padding: 10px 0;
	margin-right: 0px;
}
.header_area .header_area_inner .header_area_inner_btn {
    width: 85%;
    padding: 11px 0;
    font-size: 20px;
    font-weight: bold;
    margin-left: 15px;
	line-height: 1.3;
    
}
.inquiry_btn {
    background-color: #068BF1;
    -webkit-border-radius: 3px;
    display: inline-block;
    text-align: center;
    text-decoration: none;
	width: 80%;
    padding: 5px 0;
    font-size: 18px;
    font-weight: bold;
}
.inquiry_btn:link, .inquiry_btn:visited {
    color: #FFFFFF !important;
}
.header_area_inner span{
	color: #fff;
}
#siteBottom{
	margin-bottom: 85px;
}
}


/*11/7*/
@media screen and (min-width: 950px) {
.pc_off{display:none;}
  .ii-p img{width:250px;}
}

@media screen and (max-width: 950px) {
  .col-md-4{margin:0 !important;padding:0 !important;}
  .site-logo{width:80%;max-height:150px;margin:0;padding:0;}
	.ad-header-widget{
    display:none;
  }
  .pc_off{width:100%;clear:both;margin-bottom:20px;text-align:center;}
  .btn-menu{top:-90px;}
}