@charset "UTF-8";
@media only screen and (max-width : 640px) {
/* ------------------------------------------------------------------------------------------------------------------------------- 
	サイト全体の設定
/* ------------------------------------------------------------------------------------------------------------------------------- */
#wrapper {
	margin: 0 auto;
	width: 100%;
	overflow:hidden;
}

/* ----------------------------------------------------------- 
	パーツのリセット・SP用調整
/* ----------------------------------------------------------- */
div {
 max-width: 100%;
}
img.size90 {
 max-width: 100%;
 height: auto;
}
img.size80 {
 max-width: 80%;
 height: auto;
}
.float_l {
 float:none;
 display:block;
 width:100%;
 margin-left:auto;
 margin-right:auto;
}
.float_r {
 float:none;
 display:block;
 width:100%;
 margin-left:auto;
 margin-right:auto;
}
.nosp {
 display:none;
}
table {
 font-size:16px;
 font-size:1.6rem;
}
li, ol {
 font-size:16px;
 font-size:1.6rem;
}
dt, dd {
 font-size:16px;
}
p {
 font-size:16px;
 font-size:1.6rem;
}
.sp_txt_left{
	text-align:left;
}
.sp_txt_center{
	text-align:center;
}
/* ----------------------------------------------------------- 
	デフォルトからの継承（WPのみ）
/* ----------------------------------------------------------- */
img.alignright {
 margin:0 0 10px 0;
}
img.alignleft {
 margin:0 0 10px 0;
}
.alignright {
 float: none;
}
.alignleft {
 float: none;
}
/* ----------------------------------------------------------- 
	レイアウト
/* ----------------------------------------------------------- */
body {
}
#wrp {
 width:98%;
 margin-left:auto;
 margin-right:auto;
}
#header_box {
	width:100%;
	min-width:300px;
}
header {
	width:100%;
	min-width:300px;
}
#gnav_wrp {
	width:100%;
}
#wrp_eyecatch {
	width:100%;
	min-width:300px;
	padding:0;
	line-height:0;
}
.col_two article {
 float:none;
 width:96%;
 margin-left:auto;
 margin-right:auto;
}
.col_two #sidebar {
 float:none;
 width:96%;
 margin-left:auto;
 margin-right:auto;
}
.col_two #sub_contents {
 float:none;
 width:96%;
 margin-left:auto;
 margin-right:auto;
}
#sub_contents {
 width:96%!important;
 margin-left:auto;
 margin-right:auto;
}
#footer_back {
 width:100%;
 min-width:300px;
}
#pagetop {
 width:100%;
 min-width:300px;
}
footer {
 width:100%;
 margin-left:auto;
 margin-right:auto;
}
/* ---------------------------------------------------------- 
	ヘッダ
/* ----------------------------------------------------------- */
/*h1マーキー用*/
header {
 width:100%;
 overflow:hidden;
 position:relative;
}
header h1:after {
 content:"";
 white-space:nowrap;
 padding-right:50px;
}
header h1 {
 text-align:left;
 float:none;
 margin:0 0 10px 0;
 padding-left:300px;
 display:inline-block;
 white-space:nowrap;
 -webkit-animation-name:marquee;
 -webkit-animation-timing-function:linear;
 -webkit-animation-duration:20s;
 -webkit-animation-iteration-count:infinite;
 -moz-animation-name:marquee;
 -moz-animation-timing-function:linear;
 -moz-animation-duration:20s;
 -moz-animation-iteration-count:infinite;
 -ms-animation-name:marquee;
 -ms-animation-timing-function:linear;
 -ms-animation-duration:20s;
 -ms-animation-iteration-count:infinite;
 -o-animation-name:marquee;
 -o-animation-timing-function:linear;
 -o-animation-duration:20s;
 -o-animation-iteration-count:infinite;
 animation-name:marquee;
 animation-timing-function:linear;
 animation-duration:20s;
 animation-iteration-count:infinite;
}
@-webkit-keyframes marquee {
 from {
-webkit-transform: translate(0%);
}
 99%, to {
-webkit-transform: translate(-100%);
}
}
@-moz-keyframes marquee {
 from {
-moz-transform: translate(0%);
}
 99%, to {
-moz-transform: translate(-100%);
}
}
@-ms-keyframes marquee {
 from {
-ms-transform: translate(0%);
}
 99%, to {
-ms-transform: translate(-100%);
}
}
@-o-keyframes marquee {
 from {
-o-transform: translate(0%);
}
 99%, to {
-o-transform: translate(-100%);
}
}
@keyframes marquee {
 from {
transform: translate(0%);
}
 99%, to {
transform: translate(-100%);
}
}
.header_logo{
	padding:15px 0;
	text-align:center;
}
/* ---------------------------------------------------------- 
	グローバルナビ
/* ----------------------------------------------------------- */
ul#menu-global {
 display:none;
 width:100%;
}
#toggle {
 display: block;
 position: relative;
 width:100%;/*トグルのwidth*/
 margin-left:auto;
 margin-right:auto;
 font-size:14px;
 font-size:1.4rem;
 background:#0d3f29;/*トグルの背景色*/
}
#toggle a {
 display:block;
 position:relative;
 padding:12px 0 10px;
 color:#fff;
 text-align:center;
 text-decoration: none;
}
#toggle:before {
 display: block;
 content: "";
 position: absolute;
 top: 50%;
 left: 10px;
 width: 20px;
 height: 20px;
 margin-top: -10px;
 background: #fff;
}
#toggle a:before, #toggle a:after {
 display: block;
 content: "";
 position: absolute;
 top: 50%;
 left: 10px;
 width: 20px;
 height: 4px;
 background: #0d3f29;/*トグルの[三]の色	*/
}
#toggle a:before {
 margin-top: -6px;
}
#toggle a:after {
 margin-top: 2px;
}
ul#menu-global {
 height:auto;
 width:100%;/*リストのwidth*/
 margin-left:auto;
 margin-right:auto;
 background:#237752;/*リストの背景色*/
}
ul#menu-global li {
 float:none;
 display:block;
 height:auto;
 border-bottom:solid 1px #97ad9b;/*リストのボーダー*/
 background:none;
}
ul#menu-global li a {
 height:auto;
 float:none;
 display:block;
 padding:10px 0;
 text-indent:10px;
 text-align:left;
 color:#fff;
 width:100%!important;
 background-image:none!important;
}
ul#menu-global li a:hover {
 background:#134a33!important;;/*リストの背景色*/
 text-decoration:none;
 opacity:1.0;
}
/* ----------------------------------------------------------- 
	アイキャッチ
/* ----------------------------------------------------------- */
#wrp_eyecatch h2{
	text-align:center;
	padding:60px 0;
}
/* ----------------------------------------------------------- 
	パンくずメニュー
/* ----------------------------------------------------------- */
#breadcrumbs {
	padding:0;
	width:100%;
	min-width:300px;
	margin-bottom:40px;
	display:none;
}
#breadcrumbs ol{
	width:90%;
	padding:5px 10px;
	text-align:left;
}
/* ----------------------------------------------------------- 
	フッタ
/* ----------------------------------------------------------- */
/*フッタメニュー*/
ul#menu-footer {
width:100%;
 padding:0 0 0 0;
 margin:0 auto 20px auto;
 text-align:left;
}
ul#menu-footer li {
 display:block;
 margin:3px 10px;
 padding-left:20px;
 background:url(../img/common/mark.png) no-repeat 0 center;
border:none;
text-align:left;
font-size:14px;
}
ul#menu-footer li.menu-item-42 {
border:none;
}
ul#menu-footer li a {
 text-decoration:none;
}
.copy {
	text-align:center;
	padding-bottom:100px;
}

/* ------------------------------------------------------------------------------------------------------------------------------- 
	各ページ別設定
/* ------------------------------------------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------- 
	サイト共用パーツ設定
/* ----------------------------------------------------------- */
/* box */
.w100p{
 width:100%;
 min-width:300px;
 max-width:100%;
 padding:50px 0 0 0;
 background:none;
}
.w1600 {
 width:100%;
 min-width:300px;
 max-width:100%;
}
.w960 {
 min-width:300px;
 width:96%;
 margin:0 2%;
}
.w800 {
 min-width:300px;
 width:100%;
}
.w600 {
 min-width:300px;
 width:100%;
}
.w630 {
 min-width:300px;
 width:100%;
}
.w480 {
 width:100%;
}
.w470 {
 width:100%;
}
.w440 {
 width:100%;
}
.w400 {
 width:100%;
}
/* h */
article h2 {

}
article h3.imagetitle2 {
	background:none;
}
/*
/* table */
table.res_table {
 width:100%;
}
table.res_table tbody {
 display: block;
 width:100%;
 max-width:300px;
 margin:0 auto;
 overflow-x: scroll;
 white-space: nowrap;
}
/* dl */
dl.ou {
 width:90%;
 background:none;
 border:1px solid #666;
 margin-left:auto;
 margin-right:auto;
}
dl.ou dt {
 width:95%;
 float:none;
 clear:both;
 padding:5px 2% 5px 3%;
 border:none;
background-color: #111;
}
dl.ou dd {
 width:93%;
 border:none;
 padding:5px 2% 5px 5%;
 margin:0;
}
section dl.ou dd a {
 color:#03C;
}
.mapbox {
	padding:5px;
}



/* btnPageBottom */

#btnPageBottom {
  display: none;
  z-index: 1;
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  opacity: 1;
-webkit-transition: opacity 0.5s ease-out;
-moz-transition: opacity 0.5s ease-out;
-ms-transition: opacity 0.5s ease-out;
transition: opacity 0.5s ease-out;
}

.btnPageBottom--type02 {
  padding: 0.7em 0.5em 2em;
  background: rgba(49, 130, 95, 0.75);
}

.btnPageBottom--type02__sent {
  display: block;
  padding-bottom: 0.25em;
  color: #FFF;
  font-size: 1.2em;
  text-align: center;
}

.btnPageBottom--type02__inner {
  display: flex;
  align-items: center;
  justify-content: center;
}

.btnPageBottom--type02 a {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48%;
  margin: 0 0.25em;
  padding: 0.8em 1em;
  border-bottom: #666 solid 1px;
  border-radius: 0.3em 0.3em 0.3em 0.3em;
  background: rgba(255, 255, 255, 0.8);
  color: #000;
  text-align: center;
  text-decoration: none;
  vertical-align: middle;
  /*-webkit-transition: 1s;
		    -moz-transition: 1s;
		    -o-transition: 1s;
		    -ms-transition: 1s;*/
  transition: 1s;
}

.btnPageBottom--type02 a img {
  width:1.4em;
  display:inline-block;
}

.btnPageBottom--type02 a p {
  font-size: 1.4em;
  display:inline-block;
  margin-left:5px;
}

.btnPageBottom--type02 a:hover {
  border-top: transparent 1px solid;
  border-bottom: none;
  background: white;
}


#wrapper.is-smallScreen #btnPageBottom.is-hidden{
	opacity: 0;
}
/* ----------------------------------------------------------- 
	page ホーム
/* ----------------------------------------------------------- */
.ba_index{
	float:none;
	margin:10px auto 20px auto;
	text-align:center;
	width:300px;
}

div.ba_index.nopc{
	float:none;
	margin:10px auto 20px auto;
	margin:0 0 20px -5%;
	text-align:center;
	width:300px;
	width:110%;
	max-width: 110%;
}
div.ba_index.nopc img{
	width:100%;
}
.newsbox{
	width:96%;
	padding:10px 2%;
}
.newstitle{
	color:#40301c;
	margin-bottom:20px;
	font-weight:bold;
	border-bottom:solid 1px #efefef;
}
.newstitle span{
	display:block;
	width:100%;
	background:none;
	border-bottom:solid 1px #efefef;
	color:#40301c;
	padding:3px 0;
	margin-bottom:5px;
}
.ba2_index{
	width:220px;
	float:none;
	margin:0 auto 20px auto;	
}
/* ----------------------------------------------------------- 
	page 流れ
/* ----------------------------------------------------------- */
.itembox{
	min-width:300px;
	width:100%;
	height:auto;
	padding:10px 0;
}
.itembox h3{
	padding-left:10px;
	margin-bottom:20px;
}
ul.list_item li{
	font-size:16px;
	padding-left:10px;
}
table.flowtable{
	width: 100%;
}
table.flowtable th{
	display:block;
    width: 90%;
	padding:10px 5%;
}
table.flowtable td{
	display:block;
    width: 90%;
	padding:10px 5%;
} 
/* ----------------------------------------------------------- 
	page プラン
/* ----------------------------------------------------------- */
h3.plantitle_f {
	background:none!important;
}
h3.plantitle_g {
	background:none!important;
}
h3.plantitle_c {
	background:none!important;
}
.planimage{
	float:none;
	text-align:center;
}
.planimage img{
	padding:5px 0;
}

/* 追加 */
.g_linkback, .c_linkback {
	max-width: 458px;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.planimage {
	overflow: hidden;
}
.planimage img.lag {
	margin-left: auto;
	margin-right: auto;
	max-width: 380px;
	width: 100%;
}


/* ----------------------------------------------------------- 
	page 施設
/* ----------------------------------------------------------- */
.infotable th{
	width:30%;
}
.sp_mr_10{
	margin-right:10px;
}

/* ----------------------------------------------------------- 
	page 生花
/* ----------------------------------------------------------- */
.seikabox{
	width:280px;
	float:none;
	margin:10px auto 20px auto;
}
.seikabox h4{
	font-size:21px;
	font-size:2.1rem;
	border-left:solid 10px #c0a467;
	padding:3px 10px;
	letter-spacing:1px;
}
.seikabox .price{
	padding:5px;
	background:url(../img/seika/obi.png) repeat 0 center;
	text-align:center;
	font-size:16px;
	font-size:1.68rem;
}
#wrapper .orderBox{
	display:display;
	padding:3em 1em 3em 0;
}

#wrapper .orderBox p{
	width:55%;
	padding:0 1em;
}

#wrapper .orderBox .orderBox__btn a{
	padding: 1em 1em;
	font-size:1.3em;
}
/* ----------------------------------------------------------- 
	page よくある質問
/* ----------------------------------------------------------- */
ul.question_list{
	width:90%;
	padding:15px 4%;
	border-radius:5px;        /* CSS3草案 */
	-webkit-border-radius:5px;    /* Safari,Google Chrome用 */
	-moz-border-radius:5px;   /* Firefox用 */
	list-style:none;
	border:solid 1px #c0a468;
	margin:0 auto 40px auto;
}
ul.question_list li{
	margin-bottom:15px;
	border-bottom:solid 1px #c0a468;
}
/* ----------------------------------------------------------- 
	page お問い合わせ
/* ----------------------------------------------------------- */
table.contacttable{
	width:95%;
}
table.contacttable th{
	padding:10px 5% 10px 5%;
	font-size:12px;
	font-size:1.2rem;
	width:90%;
	display:block;
}
table.contacttable td{
	padding:3px 5%;
	font-size:12px;
	font-size:1.2rem;;
	width:90%;
	display:block;
}
table.contacttable input{
	background:fff;
	border:1px solid #efefef;
	-moz-box-shadow: 0 0 1px #ccc;
	-webkit-box-shadow: 0 0 1px #ccc;
	box-shadow: 0 0 1px #ccc;
	padding:7px;
}
table.contacttable select{
	background:fff;
	border:1px solid #efefef;
	-moz-box-shadow: 0 0 1px #ccc;
	-webkit-box-shadow: 0 0 1px #ccc;
	box-shadow: 0 0 1px #ccc;
	padding:7px;
}
table.contacttable textarea{
	width:90%;
	max-width:500px;
	background:fff;
	border:1px solid #efefef;
	-moz-box-shadow: 0 0 1px #ccc;
	-webkit-box-shadow: 0 0 1px #ccc;
	box-shadow: 0 0 1px #ccc;
	padding:7px;
}
.w_mi{
	width:70%;
}
.w_sh{
	width:40%;
}
.w_sh2{
	width:40%;
}
.w_lo{
	width:90%;
}


/* ----------------------------------------------------------- 
	endmark	
/* ----------------------------------------------------------- */

}