@charset 'UTF-8';

/* style.css : メインスタイルシート */

a
{
	color: #000;
	text-decoration: none;
}

a:hover
{
	color: rgb(176, 157, 125);
}


a:hover img
{
	/*opacity: 0.8;*/
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

ol, ul
{
	list-style: none;
}


/* 基本・レイアウト */
body
{
	/*font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;*/
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 12pt;
	color: #000;
	text-align: center;
	background-color: #fff;
	/*background-image: url(../image/tpl/bg_main.jpg); 基本背景 */
}

.clearfix:after {
	content: "";
	clear: both;
	display: block;
}
.clear {
	clear: both;
	font-size: 1px;
	height: 1px;
}

/* ヘッダーブロック */
.block_hmenu_wrap {
	height: 90px;
}

header.block_header
{

}

header.block_header div.inner
{
	width: 1000px;
	margin: 0 auto;
	text-align: left;
	padding: 0px 0px 0px 0px;
}

header.block_header h1
{
	float: left;
	width: 450px;
	height: 95px;
}

nav.block_hmenu {
	position: absolute;
	width: 100%;
	background-color: rgb(239, 238, 234);
	height: 90px;
	z-index: 999;
}
@media (min-width:680px) and (max-width:999px) {
	nav.block_hmenu {
		/*height: 118px;*/
	}
}
@media (max-width:679px) {
	nav.block_hmenu {

	}
}

nav.block_hmenu.fixed {
  position: fixed;
  top: 0px;
}


.block_hmenu_inner {
	width: 1000px;
	margin: 0 auto;
}
@media (min-width:680px) and (max-width:999px) {
	.block_hmenu_inner {
		width: 96%;
	}
}
@media (max-width:679px) {
	.block_hmenu_inner {
		width: 96%;
	}
}

.header_logo {
	position: relative;
  width: 0px;
  height: 0px;
}
.header_logo img{
  position: absolute;
  top: 14px;
  width: 240px;
}

@media (min-width:680px) and (max-width:999px) {
  .header_logo img{
    position: absolute;
    top: 14px;
    width: 180px;
  }
}
@media (max-width:679px) {
  .header_logo img{
    position: absolute;
    top: 11px;
    left: 11px;
    width: 128px;
  }
}

@media (min-width:679px) {
	#hmenu {
		display: block;
		/*width: 648px;*/
		/*margin: 2px 0 0 0px;*/
	}
}
@media (max-width:679px) {
	#hmenu {
		display: none;
	}
}

#hmenu_sp {
	display: none;
}
@media (max-width:679px) {
	#hmenu_sp {
		display: block;
	}
}

.hmenu_btns {
	height: 20px;
}
@media (min-width:680px) and (max-width:999px) {
	.hmenu_btns {

	}
}
@media (max-width:679px) {
	.hmenu_btns {
		display: none;
	}
}

.hmenu_btns a {
	float: right;
	display: block;
	width: 98px;
	background-color: rgb(176, 157, 125);
	color: #fff;
	padding: 6px;
	margin: 12px 3px 0 3px;
	border-radius: 6px;
	text-decoration: none;
	font-size:0.8em;
}
@media (min-width:680px) and (max-width:999px) {
	.hmenu_btns a {
		margin: 18px 5px 0 5px;
	}
}
@media (max-width:679px) {
	.hmenu_btns a {
	}
}


.hmenu_btns a:hover{
	background-color: rgb(176, 157, 125);
	opacity: 0.8;
	color: #fff;
}

nav.block_hmenu ul
{
	float: right;
	font-weight:bold;
}
@media (min-width:680px) and (max-width:999px) {
	nav.block_hmenu ul {
		/*float: right;*/
		/*margin-top: 23px;*/
	}
}
@media (max-width:679px) {
	nav.block_hmenu ul {
		/*float: none;*/
	}
}

.hmenu_icons {
	display: none;
}
@media (min-width:680px) and (max-width:999px) {
	.hmenu_icons {

	}
}
@media (max-width:679px) {
	.hmenu_icons {
		display: block;
	}
}

@media (max-width:679px) {
	.hmenu_icons a {
		float: right;
		display: block;
		width: 29px;
		margin: 10px 6px 0 6px;
	}
}

.hmenu_icons a img {
	width: 100%;
}

nav.block_hmenu ul li
{
	float: right;
	position: relative;
}

nav.block_hmenu ul li a,nav.block_hmenu ul li span {
	display: block;
	padding: 20px 20px 14px 20px;
	text-decoration: none;
}
@media (min-width:680) and (max-width:999px) {
	nav.block_hmenu ul li a,nav.block_hmenu ul li span {
    padding: 20px 20px 14px 20px;
	  font-size: 14px;
	}
}
@media (max-width:679px) {
	nav.block_hmenu ul li a,nav.block_hmenu ul li span {
		padding: 20px 20px 14px 20px;
		font-size: 14px;
	}
}
@media (max-width:320px) {
	nav.block_hmenu ul li a,nav.block_hmenu ul li span {
		font-size: 11px;
	}
}

@media (max-width:679px) {
nav.block_hmenu li .policy {
	list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: -81px;
  margin: 0;
  padding: 0;
}
}

@media (max-width:679px) {
nav.block_hmenu li .others {
	list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: -99px;
  margin: 0;
  padding: 0;
}
}

nav.block_hmenu li ul {
	list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}

nav.block_hmenu li ul li
{
	width: 178px;
	text-align: left;
	overflow: hidden;
  height: 0;
  transition: .2s;
}

nav.block_hmenu li:hover ul li
{
	overflow: visible;
 	height: 38px;
}
@media (max-width:679px) {
	nav.block_hmenu li:hover ul li
	{
		overflow: hidden;
	 	height: 38px;
	}
}


nav.block_hmenu li:hover .policy li,nav.block_hmenu li:hover .others li
{
	overflow: visible;
 	height: 38px;
	text-align: right;
}

nav.block_hmenu li ul li a {
	padding: 13px 15px;
  background: #fff;
	opacity: 0.8;
}

nav.block_hmenu li ul li a:hover {
	background: #fff;
	opacity: 0.8;
}

nav.block_hmenu li ul li a:hover + nav.block_hmenu ul li span.hm4
{
	border-bottom: solid 4px rgb(176, 157, 125);
}
@media (max-width:679px) {
	nav.block_hmenu li ul li a:hover + nav.block_hmenu ul li span.hm4 {
		border-bottom: none;
	}
}

nav.block_hmenu li ul li:first-child a {
	/*border-top: solid 4px rgb(176, 157, 125);*/
}
@media (max-width:679px) {
	nav.block_hmenu li ul li:first-child a {

	}
}

nav.block_hmenu ul li a span.invisi
{
	visibility: hidden;
}

nav.block_hmenu ul li a.hm1:hover,
nav.block_hmenu ul li a.hm1on
{
	border-bottom: solid 4px rgb(176, 157, 125);
}

nav.block_hmenu ul li a.hm2:hover,
nav.block_hmenu ul li a.hm2on
{
	border-bottom: solid 4px rgb(176, 157, 125);
}
nav.block_hmenu ul li a.hm3:hover,
nav.block_hmenu ul li a.hm3on
{
	border-bottom: solid 4px rgb(176, 157, 125);
}
nav.block_hmenu ul li span.hm4:hover {
	border-bottom: solid 4px rgb(176, 157, 125);
}
nav.block_hmenu ul li span.hm4.hover { /*プルダウンメニューにホバーしたとき.hoverクラスを付与*/
	border-bottom: solid 4px rgb(176, 157, 125);
}
@media (max-width:679px) {
	nav.block_hmenu ul li span.hm4:hover { /*プルダウンメニューにホバーしたとき.hoverクラスを付与*/
		border-bottom: none;
	}
}
nav.block_hmenu ul li a.hm5:hover,
nav.block_hmenu ul li a.hm5on
{
	border-bottom: solid 4px rgb(176, 157, 125);
}
nav.block_hmenu ul li a.hm6:hover,
nav.block_hmenu ul li a.hm6on
{
	border-bottom: solid 4px rgb(176, 157, 125);
}

.block_hmenu_text {

}

/* イメージブロック */
div.block_image
{

}

div.block_image div.top,
div.block_image div.page
{
	background-repeat: no-repeat;
	background-position: center center;
}

div.block_image div.top
{

}

div.block_image div.page
{
	background-position: center top;
	margin-bottom: 30px;
}

div.block_image div.page h2
{
	/*width: 1000px;*/
	margin: 0 auto;
	text-align: center;
	/*padding-top: 60px;*/
}

/* メインブロック */
div.block_main
{

}

div.block_main div.inner
{
/*	width: 100%;*/
	margin: 0 auto;
	text-align: left;
}

div.block_main div.inner div.box_contents
{
	/*width: 100%;*/
	width: 1000px;
	margin: 0px auto 0px auto;
}

div.block_main div.inner div.box_contents div.box_contents_inner
{
	padding: 0px;
	background-color: #fff;
	margin-bottom: 0px;
}


/* フッターブロック */
footer.block_footer
{
	width: 100%;
	background-color: rgb(239, 238, 234);
	text-align: left;
	margin-top: 60px;
}

footer.block_footer div.inner
{
	width: 1000px;
	margin: 0px auto;
	background-color: rgb(239, 238, 234);
}

.footer_logo {
	float: left;
	width: 200px;
	margin: 33px 0 0 30px;
}

.footer_company {
	float: left;
	font-size: 13px;
	line-height: 1.3em;
	margin: 20px;
}

.footer_table {
	float: right;
	text-align: right;
	width: 356px;
	font-size: 13px;
}
@media (max-width:679px) {
	.footer_table {
		float: none;
		text-align: right;
		width: 94%;
		margin: 0 auto;
		padding-bottom: 20px;
		font-size: 13px;
	}
}

footer.block_footer div.inner,
.fmenu li a{
color: rgb(157, 136, 106);
}

.fmenu li a:hover
{
	color: rgb(176, 157, 125);
}

.fmenu_wrap {
	width: 100%;
}
@media (max-width:679px) {
	.fmenu_wrap {
		width: 100%;
  	margin: 0 auto;
	}
}

.fmenu
{
	float: right;
	font-size: 14px;
}

.fmenu li {
	float: left;
}

.fmenu li a{
	display: block;
	padding: 30px 15px;
	text-decoration: none;
}
@media (max-width:679px) {
	.fmenu li a{
		display: block;
		padding: 30px 15px 0 15px;
		text-decoration: none;
	}
}

footer.block_footer div.copyright
{
	margin: 20px 0px 0px 0px;
	padding: 15px 0px 15px 0px;
	font-size: 0.7em;
	text-align: center;
	color: #534842;
	border-top: 1px solid #e3d9cd;
}

footer.block_footer div.copyright address
{
	font-style: normal;
}


/* パンくず */
div.pankuzu
{
	padding: 10px 0px 10px 0px;
	font-size: 0.7em;
	background-color: #fdf5e8;
	border-top: 1px solid #f6eddc;
}

div.pankuzu a
{
	color: #000;
	text-decoration: none;
}

div.pankuzu a:hover
{
	color: rgb(176, 157, 125);
	text-decoration: underline;
}

div.pankuzu_posi
{
	width: 1000px;
	margin: 0px auto 0px auto;
	text-align: left;
}


/* フォーム用ボックス */
div.form_container
{
	margin: 0 auto;
	max-width: 740px;
	text-align: left;
}

div.contact_tel
{
	margin: 50px auto 50px auto;
	width: 1000px;
}

div.form_caption {
	font-weight: bold;
	font-size: 1em;
	border-left: 7px solid #333333;
	padding: 3px 0 3px 10px;
	margin-bottom: 20px;
}
div.form_box {
	/*font-size: 0.80em;*/
}
div.form_box div.caption {
	margin-bottom: 5px;
/*	font-weight: bold;*/
}
div.form_box div.content {
	margin-bottom: 20px;
}
div.form_box div.submit {
	text-align: center;
	margin-bottom: 20px;
}
div.form_box div.confirm {
	padding: 10px 15px;
	border: 1px solid #ccc;
	border-radius: 3px;
	/*追加　歯科歯科*/
	word-wrap : break-word;
	overflow-wrap : break-word;
}
input.sphone {
	width: 98%;
	height: 30px;
	font-size: 1.2em;
}
textarea.sphone {
	width: 98%;
	font-size: 1.2em;
}
select.sphone {
	font-size: 1.2em;
}
input[type="text"]:focus,
select:focus,
textarea:focus {
background-color: #ffe9ea;
border:2px solid #ff8080;
}

/* SSL */
div.box_ssl {
	padding-top: 30px;
}
div.box_ssl div.seal {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}
div.box_ssl div.text {
	max-width: 360px;
	float: left;
	font-size: 0.7em;
}

/* テキスト関連 */
p.message {
/*	margin: 0 0 20px 0;*/
	margin: 1em 0;
}
.require {
	color: #f00;
	font-weight: normal;
	font-size: 0.95em;
}
.error {
	color: #f00;
	font-weight: bold;
}

/* ページ TO トップ */
div.page2top
{
	text-align: right;
	right: 10px;
}

#back-top a
{
	filter:alpha(opacity=100);
	-moz-opacity: 0.7;
	opacity: 0.7;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover
{
	filter:alpha(opacity=100);
	-moz-opacity: 1.0;
	opacity: 1.0;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}

/* ページタイトル */
h2.page_title {
	background-image: url(../image/tpl/bg_caption.png);
	background-repeat: no-repeat;
	font-size: 1.2em;
	line-height: 100%;
	font-weight: bold;
	color: #274158;
	height: 32px;
	margin-bottom: 10px;
	padding: 13px 0 0 22px;
}

/* リフォーム事例 */
div.reform_box {
	margin-bottom: 70px;
}
div.reform_box div.photo {
	float: left;
	width: 320px;
}
div.reform_box div.photo img {
	max-width: 100%;
}
div.reform_box div.info {
	float: right;
	width: 600px;
}
div.reform_box div.info h3 {
	font-size: 1em;
	padding-bottom: 3px;
	padding-left: 5px;
	margin-bottom: 5px;
	border-bottom: 1px dotted #b7b7b7;
	font-weight: bold;
}
div.reform_box div.info p {
	padding-left: 5px;
	font-size: 0.75em;
	line-height: 190%;
}
div.reform_box div.info p.price,
div.reform_box div.info p.date {
	font-size: 0.85em;
}

/* ページネーション */
div.pagenation
{
	margin: 0;
	padding: 0 0 70px 0;
	text-align: center;
	font-size: 11pt;
}

div.pagenation a
{
	padding: 5px 10px;
	line-height: 100%;
	border: 1px solid #274158;
	background-color: #FFF;
	text-decoration: none;
	color: #274158;
}

div.pagenation span.none
{
	padding: 5px 10px;
	line-height: 100%;
	border: 1px solid #274158;
	background-color: #FFF;
	color: #274158;
}


div.pagenation a:hover,
div.pagenation span.current
{
	padding: 5px 10px;
	line-height: 100%;
	border: 1px solid #274158;
	background-color: #274158;
	color: #FFF;
}

/*新着情報用　tag_defaultは全てが継承。tag_値はデータベースのカテゴリIDと紐付けされている。*/
.tag_default
{
	color : #FFFFFF;
	background-color: #808080;
	display:inline-block;
	padding: 01px 15px 0px 15px;
	font-size:0.8em;
	border-radius: 0.3em;


}

.tag_00
{
	background-color: #308bcd;
}

.tag_9
{
	background-color: #f08215;
}

.tag_10
{
	background-color: #4bb64f;
}

.tag_11
{

}

.tag_12
{
	background-color: #f76d5a;
}

.tag_13
{

}

.tag_14
{

}

.tag_15
{

}

.tag_19
{

}

a[href^="tel:"]
{
	cursor: default;

 }

 a[href^="tel:"] img
 {
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
 }

 .size {
	 width: 100%;
 }

 .vw_image {
	line-height: 0;
 }

 .vw_image img {
	 width: 100%;
   height: auto;
 }

 /*本田歯科*/

 .center
 {
	text-align: center;
 }

 .module_link
 {

 }

 p {
 	line-height: 1.5em;
 }

 .reserve_box
 {
	background: #efeeea;
	text-align: left;
	padding:1em;
	margin :1em;
	letter-spacing:0.2em;
	line-height:1.5em;
 }

.content_top
{
	font-size: 2.2em;
	color:#BE9637;
	margin:1em;
}

.hasDatepicker
{
	margin: 1em 0;
}

#contact-form
{
	padding: 1em 0px;
}

.btn_confirm2 , .btn_confirm1
{
	margin: 2em 0.5em 0 0.5em;
}

.message_last
{
	margin: 2em 0 3em;
}

.news_new
{
	color:#ff0000;
}

.news_new_hidden
{
	visibility : hidden;
}

.news_symbol
{
	color:#b09d7d;
	float: right;
}
@media (max-width:679px) {
	.news_symbol
	{
		display: none;
	}
}

.map_box
{
	background-color:#b09d7d;
	padding:1em;
}

.map_frame
{
	padding:1em;
	width: 45%;
	float: left;
	text-align: right;
}

.map_frame iframe
{
	width:460px;
	height:300px;
	frameborder:0px
	border:0;
}
@media (max-width:679px) {
	.map_frame
	{
		padding:0;
		width: auto;
		float: none;
		text-align: center;
	}

	.map_frame iframe
	{
		width:auto;
		height:auto;
		frameborder:0px
		border:0;
	}
}

.map_information
{
	padding:1em;
	width: 45%;
	float: right;
	text-align: left;
	color:#FFFFFF;
}
@media (max-width:679px) {
	.map_information
	{
		padding:1em;
		width: auto;
		float: none;
		text-align: left;
		color:#FFFFFF;
	}
}

.map_title_corporation
{
	font-size: 1.1em;
}

.map_title_name
{
	font-size: 1.8em;
}

.map_caption
{
	padding:1em 0;
	line-height:1.5em;
}

.map_caption a
{
	color: #FFFFFF;
	text-decoration: none;
}

.map_caption a:hover
{
	color: #FFFFFF;
}




.footer_tel a
{
	color: #AF886A;
	text-decoration: none;
}


/*----utility-class(汎用クラス)----*/
.u-inner {
	width: 1000px;
	margin: 0 auto;
	position: relative;
	text-align: left;
}
@media (min-width:680px) and (max-width:999px) {
	.u-inner {
		width: 90%;
	}
}
@media (max-width:679px) {
	.u-inner {
		width: 90%;
	}
}


.u-titleColor1 {
	color: rgb(190, 150, 53);
	font-size: 26px;
	text-align: center;
}
@media (max-width:679px) {
	.u-titleColor1 {
		font-size: 23px;
	}
}

.u-titleColor2 {
	color: rgb(176, 157, 125);
	font-size: 21px;
	text-align: center;
}

.u-titleBig {
	font-size: 30px;
	font-weight: bold;
	letter-spacing: 0.3em;
}

.u-titleIcon {
	display: block;
  width: 34px;
  margin: 10px auto 16px auto;
}

.u-btn--normal {
	display: block;
	margin: 0 auto;
	border-radius: 4px;
	background-color: rgb(176, 157, 125);
	color: #fff;
	text-align: center;
	/*個別に設定
	line-height:*/
}
@media (min-width:680px) and (max-width:999px) {
	.u-btn--normal {

	}
}
@media (max-width:679px) {
	.u-btn--normal {

	}
}

.u-btn--normal:hover {
	color: #fff;
	opacity: 0.8;
}

.u-btn--normal__inner {
	line-height: 1.5em;
	padding-left: 1em;
	background: url(../../image/tpl/btn_parts_arrow.png) no-repeat;
	background-position: 1px 2px;
}
@media (min-width:680px) and (max-width:999px) {
	.u-btn--normal__inner {

	}
}
@media (max-width:679px) {
	.u-btn--normal__inner {
		font-size: 11px;
		line-height: 3em;
		background-position: 0;
	}
}

.u-btn--big {

}

.u-generalBox {/*汎用ボックス*/
	border-radius: 14px;
	background-color: rgb(240, 238, 234);
}

.u-generalBox--decoration {/*装飾付きボックス*/
	background:url(../image/tpl/deco_img1.png) left 10px top 10px no-repeat,url(../image/tpl/deco_img2.png) right 10px top 10px no-repeat,url(../image/tpl/deco_img4.png) right 10px bottom 10px no-repeat,url(../image/tpl/deco_img3.png) left 10px bottom 10px no-repeat;
	background-color: rgb(240, 238, 234);
	background-size: 70px;
}
@media (min-width:680px) and (max-width:999px) {
	.u-generalBox--decoration {

	}
}
@media (max-width:679px) {
	.u-generalBox--decoration {
		background-size: 50px;
	}
}

.u-generalBox--color2 {
	background-color: rgb(176, 157, 125);
	color: #fff;
}


.u-list--square li{
	line-height: 1.5em;
	padding-left: 1.3em;
	background: url(../../image/tpl/list_square_img.png) no-repeat;
	background-position: 1px 5px;
}

.u-dashedLine {
	height: 1px;
	border: none;
	border-top: 2px rgb(196, 181, 160) dashed;
	margin: 30px 0;
}

/*文字の横に水平ライン*/
.u-linesOnSides{
display: table;
text-align: center;
white-space: nowrap;
}
.u-linesOnSides:after, h2:after, .u-linesOnSides:before, h2:before {
content: '';
display: table-cell;
width: 50%;
background: -webkit-linear-gradient(transparent 50%, currentColor 50%, currentColor -webkit-calc(50% + 1px), transparent -webkit-calc(50% + 1px));
background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, currentColor), color-stop(currentColor calc(50% + 1px)), to(transparent calc(50% + 1px)));
background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 1px), transparent calc(50% + 1px));
-webkit-background-clip: padding;
background-clip: padding;
}
.u-linesOnSides:after, h2:after {
border-left: 1em solid transparent;
}
.u-linesOnSides:before, h2:before {
border-right: 1em solid transparent;
}
/*----------------*/


.u-titleSideLine {
	padding: .25em 0 .25em .75em;
	border-left: 6px solid rgb(176, 157, 125);
	text-align: left;
}

@media (min-width:680px) and (max-width:999px) {
	.u-br--pc {
		display: none;
	}
}
@media (max-width:679px) {
	.u-br--pc {
		display: none;
	}
}
.u-br--sp {
	display: none;
}
@media (max-width:679px) {
	.u-br--sp {
		display: block;
	}
}

.u-reserveBtn {
	display: block;
  width: 46%;
	margin: 0 auto 0 auto;
	padding-top: 30px;
}
@media (min-width:680px) and (max-width:999px) {
	.u-reserveBtn {
		width: 80%;
	}
}
@media (max-width:679px) {
	.u-reserveBtn {
		width: 90%;
	}
}

.u-textRed {
	color: rgb(255, 49, 49);
	text-align: center;
	font-family: Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}

.u-mt10 {
	margin-top: 10px;
}

.u-mt20 {
	margin-top: 20px;
}

.u-mt30 {
	margin-top: 30px;
}

.u-mt40 {
	margin-top: 40px;
}

.u-mt50 {
	margin-top: 50px;
}

.u-mb10 {
	margin-bottom: 10px;
}

.u-mb20 {
	margin-bottom: 20px;
}

.u-mb30 {
	margin-bottom: 30px;
}

.u-mb40 {
	margin-bottom: 40px;
}

.u-mb50 {
	margin-bottom: 50px;
}
/*---------------------*/

/*-------テーブル-------*/
.u-tableWrap {
	float: left;
	width: 49.5%;
}
@media (max-width:679px) {
	.u-tableWrap {
		float: none;
		width: 100%;
	}
}3
@media (max-width:679px) {
	.u-tableWrap:last-child {
		margin-top: -3px;
	}
}

.u-tableWrap:first-child  {
	margin-right: 0.5%;
}

@media (max-width:679px) {
	.u-tableWrap:first-child  {
		margin: 0;
	}
}

@media (max-width:679px) {
	.u-tableWrap:last-child {
		margin-top: -3px;
	}
}

.u-restTable {
	width:100%;
	border-collapse: collapse;
	border-spacing: 0;
	border: 3px solid #fff;
}
@media (max-width:679px) {
	.u-restTable {
		float: none;
	}
}

.u-restTable tr  {

}
@media (min-width:680px) and (max-width:999px) {
	.u-restTable tr  {

	}
}
@media (max-width:679px) {
	.u-restTable tr {

	}
}

.u-restTable th{
	-moz-box-sizing: border-box;     /* box-size[border・padding 込み] */
	box-sizing: border-box;     /* box-size[border・padding 込み] */
	border: 3px solid #fff;
	padding: 15px 10px 12px;
	width: 30%;
	font-style: normal;
	font-weight: bold;
	text-align: center;
	vertical-align:middle;
	background-color: rgb(240,238,234);
}

.u-restTable td{
	padding: 15px 10px 12px;
	text-align: left;
	vertical-align: top;
	border-top: solid 3px #fff;
	background-color: rgb(240,238,234);
}

@media (max-width: 679px){
.u-restTable{
	border-bottom:none;
}
.u-restTable th{
	padding: 5px 10px;
	width:100%;
	display:block;
	margin: 0 auto;
	border:none;
	text-align: left;
}
.u-restTable td{
	padding: 5px 10px;
	/*width: 100%;*/
	width: auto;
	display: list-item;     /* リストに変換 */
	list-style:none;     /* リストに変換によるドットを非表示 */
	border-top: none !important;
	border-bottom:3px solid #fff;
}
}
/*---------------------*/


/*下部リンクブロック*/

.clumn_bottom .inner {
	width: 1000px;
	margin: 0 auto;
}
@media (min-width:680px) and (max-width:999px) {
	.clumn_bottom .inner {
		width: 90%;
	}
}
@media (max-width:679px) {
	.clumn_bottom .inner {
		width: 90%;
	}
}

.clumn_bottom__panelWrap {
	text-align: center;
}
@media (min-width:680px) and (max-width:999px) {
	.clumn_bottom__panelWrap {

	}
}
@media (max-width:679px) {
	.clumn_bottom__panelWrap {

	}
}

.clumn_bottom__panel {
	display: inline-block;
	width: 24%;
}
@media (min-width:680px) and (max-width:999px) {
	.clumn_bottom__panel {
		width: 48%;
		margin: 0 0.5% 1% 0.5%;
	}
}
@media (max-width:679px) {
	.clumn_bottom__panel {
		display: block;
		float: left;
		width: 47%;
		margin: 5px 1.5%;
	}
}

@media (max-width:679px) {
	.clumn_bottom__panelWrap .clumn_bottom__panel:nth-child(5) {
		width: 47.1%;
	}
}

@media (max-width:679px) {
	.clumn_bottom__panelWrap .clumn_bottom__panel:nth-child(6) {
		width: 46.9%;
	}
}

@media (max-width:679px) {
	.clumn_bottom__panelWrap .clumn_bottom__panel:last-child {
		float: none;
		margin: 0 auto;
	}
}

.clumn_bottom__pic {
	margin-bottom: 8px;
}

.clumn_bottom__btn {
	line-height: 30px;
}

.clumn_bottom__videoWrap {

}

.clumn_bottom__video {
	width: 47%;
  float: left;
  margin: 1.5%;
}
@media (min-width:680px) and (max-width:999px) {
	.clumn_bottom__video {

	}
}
@media (max-width:679px) {
	.clumn_bottom__video {
		width: 90%;
		float: none;
		margin: 10px auto;
	}
}

.clumn_bottom__panelText {
	margin: 10px 0 12px 0;
	min-height: 60px;
	text-align: center;
}
@media (min-width:680px) and (max-width:999px) {
	.clumn_bottom__panelText {

	}
}
@media (max-width:679px) {
	.clumn_bottom__panelText {
		font-size: 15px;
		min-height: 75px;
	}
}

/*TOPスライダー用CSS*/
.slider_box
{
	margin:2em 0 4em 0;
}


.slider img {
	width: 100%;
}

.slick-slide img {
	width: 100%;
	height: auto;
}
.mypattern{
	width: 100%;
	margin:2em 0;
}
.mypattern .slick-slide{
	margin: 5px;
}

.mypattern .slick-slide:not(.slick-center) {
	-webkit-transform: scale(0.95);
	-moz-transform: scale(0.95);
	-ms-transform: scale(0.95);
	-o-transform: scale(0.95);
	transform: scale(0.95);

	-webkit-filter: blur(5px);
	-moz-filter:blur(5px);
	-o-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
}

/*TOP用サブタイトル*/
.sub_title
{
	margin: 1.5em auto 1em auto;
}

.margin90px
{
	margin-bottom:90px;
}


/*枚方メニュー*/
.hirakata_menu
{
	margin:1em 0 2em 0;
}

.hirakata_menu_left
{
	width: 50%;
	float: left;
}
@media (max-width:679px) {
	.hirakata_menu_left
	{
		width: 100%;
		float: none;
	}
}
.hirakata_menu_right
{
	width: 50%;
	float: right;
}
@media (max-width:679px) {
	.hirakata_menu_right
	{
		width: 100%;
		float: none;
	}
}

.hirakata_menu_left img , .hirakata_menu_right img
{
	width: 48%;
}