@charset "utf-8";
/* CSS Document */
/* タブレット用 画面サイズ481px以上896以下 */
/*---------------------------------------------------------------------------*//*---------------------------------------------------------------------------*/
/*全体の設定*/
body {
	width: 99%;	/* smart style */
	color: #000;
	margin: 0 auto 0;	/* smart style */
	padding:0;
	font-size: 16px;
	line-height: 2;
font-family: a-otf-ud-shin-maru-go-pr6n, sans-serif;
font-weight: 300;
font-style: normal;
/*
font-family: uddigikyokasho-pro, sans-serif;
font-weight: 400;
font-style: normal;*/
	/*font-family: 'Sawarabi Gothic', sans-serif;*/
	/*font-family: 'Klee One', cursive;*/
	/*font-family: 'M PLUS Rounded 1c', sans-serif;*/
	/*font-family: 'Sawarabi Gothic', sans-serif;*/
	background: none;
	overflow-y: scroll;
}
img {
	max-width: 100%;
	height: auto;
	width /***/: auto;
	border: none;
	padding: 0;
	margin: 0;
}
img.imgc {
	max-width: 100%;
	height: auto;
	width /***/: auto;
	border: none;
	text-align: center;
}
input,textarea,select {
	font-size: 1em;
}
form {
	margin: 0px;
}
table {
	border-collapse:collapse;
	font-size: 100%;
	border-spacing: 0;
}
/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*ヘッダー*/
/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
header {
	width: 100%; /* smart style */
	
	margin: 50px 0; /* smart style */
	padding: 2em 0 0;
	text-align: center;
}
header .toplogo {
	width: auto;
	margin: 0 0 1em;	/* smart style */
	padding: 0;
	float: left;
	text-align: center;
}
header .toplogo p {
	font-size: 14px;
	line-height:1.2em;
}
header .toplogo p strong {
	color: #ff0000;
	font-weight: bold;
}
header .toplogo img {
	max-width: 100%;
	height: auto;
	width /***/: auto;
	border: none;
	margin: 0;
	padding: 0;
}
header .info {
	width: 98%;
	margin: 0 2% 0 0;
	padding: 0;
	float: right;
	text-align: right;
}
header.info ul {
	margin: 0 1em 0 0;
	padding: 0;
	list-style-type: none;
	text-align: right;
}
header .info ul li {
	font-size: 14px;
	line-height:1.2em;
}
header .info ul li strong {
	font-weight: bold;
}
header .info ul li.telcall {
	color: #008000;
	font-weight: bold;
	font-size: 26px;
}
header .info ul li.telcall a {
	color: #008000;
	font-weight: bold;
	font-size: 26px;
}
	/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
	/* container */
	/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
#container {
	width: 100%; /* s*/

	height: auto;
	text-align: center;
	margin: 0 auto 0;
	padding: 3px 0;
}
/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* picture */
/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
picture {
	margin: 0;
	padding: 0;
}
picture.toplink {
	width: 100%;
	margin: 0 5% 0;
	text-align: center;
}
picture.toplink img {
	width: auto;
	max-width: 100%;
	margin: 0;
}
picture.link {
	width: 90%;
	margin: 0 5% 0;
}
picture.link img {
	width: auto;
	max-width: 90%;
	margin: 0 auto 0;
}
@media only screen and (min-width: 482px) {
	.toplink img,.link img {
		width: 380px;
		margin: 0 auto 0;
	}
}
/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
	/* main contents */
	/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
main {

	width: 100%;

	text-align: left;
	margin: 0 auto 0;
	padding: 0px;
}
article {
	margin: 0;
	padding: 0;
}
section {
	margin: 0;
	padding: 0;
}
/* mainコンテンツのh1タグの設定 */
main h1 {
	color: #ffffff;
	text-align: center;
	font-weight: bold;
	font-size: 1.3em;
	line-height: 1.25em;
	padding: 32px 0;
	margin: 10px 0 30px;
	clear: both;
	background: #77943d;
	-webkit-box-shadow: 0px 2px 5px #e0e0e0;
	box-shadow: 0px 2px 5px #e0e0e0;
	border: 3px double #ffffff;
}
/*mainコンテンツのh2タグの設定*/
section h2 {
	width: 88%;
	font-weight: bold;
	text-align: center;
	font-size: 1.2em;
	line-height: 1.25em;
	padding: 24px 5%;
	margin: 30px auto 40px;
	clear: both;
	background: rgba(119,148,61,0.8);
	-webkit-box-shadow: 0px 2px 5px #e0e0e0;
	border: 3px double #ffffff;
	box-shadow: 0px 2px 5px #e0e0e0;
}
/* mainコンテンツのh3タグの設定 */
section h3 {
	width: 86%;
	text-align: center;
	font-weight: bold;
	font-size: 1.1em;
	line-height: 1.25em;
	padding: 16px 5%;
	margin:8px auto 20px;
	clear: both;
	background: rgba(119,148,61,0.6);
	-webkit-box-shadow: 0px 2px 5px #e0e0e0;
	box-shadow: 0px 2px 5px #e0e0e0;
}
/* mainコンテンツのh4タグの設定 */
section h4 {
	width: 84%;
	text-align: center;
	font-weight: bold;
	font-size: 1em;
	line-height: 1.25em;
	padding: 16px 5%;
	margin: 8px auto 20px;
	clear: both;
	background: rgba(119,148,61,0.2);
	-webkit-box-shadow: 0px 2px 5px #e0e0e0;
	border: 1px solid #dce4cd;
	box-shadow: 0px 2px 5px #e0e0e0;
}
	main p {
	text-align:left;
	padding: 0.5em 5% 0.5em;
	text-indent: 1em;
}
main p span {
	color: #800b23;
	font-weight: bold;
}
main p strong {
	font-weight: bold;
}
main p.title {
	width: 90%;
	margin:8px auto 20px;
	padding: 1em 0;
	text-align: center;
	font-weight: bold;
	border-bottom: 3px double #77943d;
}
main p.end {
	text-align:left;
	padding: 0.5em 5% 3em;
	text-indent: 1em;
}
main p.endcenter {
	font-weight: bold;
	text-align: center;
	padding: 0.5em 5% 3em;
	text-indent: 0em;
}
main p.right {
	text-align: right;
	padding: 0.5em 5% 0.5em;
}
main p.endright {
	text-align: right;
	padding: 0.5em 5% 3em;
}
main p.annotation {
	text-align: left;
	font-size: 80%;
	font-weight: bold;
	padding: 0 5% 0;
	text-indent: -3em;
	margin: 1em 0 0em 3em;
}
main p.annotation span {
	margin-right: 1em
}
main p.annotation_end {
	text-align: left;
	font-size: 80%;
	font-weight: bold;
	padding: 0 5% 0;
	text-indent: -3em;
	margin: 1em 0 5em 3em;
}
main p.annotation_end span {
	margin-right: 1em
}
main p.img {
text-indent: 0;
width: auto;
text-align: center;
padding: 0;
margin: 0 5% 0;
}
main p.img img {
	width: auto;
	margin: 0;
	padding: 0;
}
main p.imgend {
	text-indent: 0;
	width: auto;
	text-align: center;
	padding: 0!important;
	margin: 0 5% 3em!important;
}
main p.imgend img {
	width: auto;
	margin: 0;
	padding: 0;
}
main p.linkbutton {
	width: 40%;
	font-weight: bold;
	text-align: center;
	display: inline-block;
	padding: 0;
	margin-top: 3em!important;
	margin-bottom: 5em!important;
}
main p.linkbutton a {
	padding: 1em 10%;
	background: #ffb6c1;
	border: 3px solid #eee;
	border-radius: 10px;
	text-decoration: none;
}
main p.linkbutton a:hover {
	background: #fff;
}
main iframe {
	width: 80%;
	margin: 0.5em 10% 3em
}
/*-------------------------------------------------------------------------*/
/* 患者さまの声 */
/*-------------------------------------------------------------------------*/
main .usersvoice {
	width: 80%;
	margin: 1em 10% 5em;
	padding: 35px 0;
	background-color: #fffaf0;
	background-image: linear-gradient( rgba(152,196,255,.3) .1em, transparent .1em );
	background-size: auto 2rem; /* line-heightと一致させる */
	line-height: 2rem; /* background-sizeと一致させる */
	border: 1px #7f4f21 solid
}
main .usersvoice p {
	text-align:left;
	padding: 0 5% 2rem;
	margin: 0;
	text-indent: 1em;
}
/*-------------------------------------------------------------------------*/
/* 原因別の対処法 */
/*-------------------------------------------------------------------------*/
main dl.case {
	width: 80%;
	padding: 0;
	margin: 0 auto 70px;
	text-align: left
}
main dl.case dt {
	padding: 0;
	margin: 0 20px;
	display: list-item;
	list-style: none;
	font-weight: bold
}
main dl.case dd {
	padding: 0;
	margin: 0 60px;
	display: list-item;
	list-style: disc;
}

main dl.case dd span {
	font-weight: bold
}
main dl.case dd.last {
	padding: 0;
	margin: 0 60px 50px;
	display: list-item;
	list-style: disc;
}
/*---------------------------------------------------------------------------*/
/* 治療の流れ */
/*---------------------------------------------------------------------------*/
main dl.step {
	width: 90%;
	margin:0 auto 3em;
	padding:0;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
	clear: both
}
main dl.step dt {
	width: 100%;
	font-weight: bold;
	text-align: left;
	list-style: none;
	padding: 0 1em;
	margin: 0 0 1em;
	position: relative;
	border-bottom: 1px solid #66cdaa;
}
main dl.step dd {
	width: 100%;
	padding: 0 1em;
	margin: 0 0 3em;
	position: relative;
}
main dl.step dd img {
	float: right;
	max-width: 100%;
	margin: 0 0 2em 2em;
	padding: 0;
}
/*---------------------------------------------------------------------------*/
/* アクセス */
/*---------------------------------------------------------------------------*/
main dl.access {
	width: 90%;
	margin: 0 auto 3em;
}
main dl.access dt {
	font-weight: bold;
	float: left;
	padding-left: 0em;
	width: 10em;
}
main dl.access dd {
	text-align: left;
	padding-left: 1em;
}
main dl.access dd span {
	color: #ff0000;
	font-size: smaller;
	text-align: left;
	padding-left: 0;
}
main dl.access dd img {
	max-width: 100%;
}
/*---------------------------------------------------------------------------*/
/* スタッフ紹介 */
/*---------------------------------------------------------------------------*/
main dl.staff{
	width: 90%;
	margin: 0 auto 3em;
}
main dl.staff dt {
	font-weight: bold;	/*太字にする設定。標準がいいならこの行削除。*/
	float: left;
	width: 5em;
}
/*記事設定*/
main dl.staff dd {
	text-align: left;
	padding-left: 5em;
}
/*---------------------------------------------------------------------------*/
/* 症状 */
/*---------------------------------------------------------------------------*/
main .symptom dl{
	width: 90%;	/* smart style */
	margin: 0 auto 5em;	/* smart style */
}
main .symptom dt {
	width: 90%;	/* smart style */
	margin: 0 auto 0;	/* smart style */
	font-weight: bold;

	text-align: left;
	border-top: 3px dotted#77943d;
	padding: 10px;
}
/*記事設定*/
main .symptom dd {
	width: 80%;
	margin: 0 auto 0;
	padding-left: 0;/* smart style */
	text-align: left;
}
main .symptom dd strong {
	padding-right: 1em;
	font-weight: bold;
	color: #ff0000
}
main .symptom dd span {
	padding-left: 2em;
	font-weight: bold;
	font-size: 14px
}
/*---------------------------------------------------------------------------*/
/* 免許証欄 */
/*---------------------------------------------------------------------------*/
main ul.license {
	width:90%;	/* smart style */
	margin:0 auto 3em;
	padding:0;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
main ul.license li {
	width: 100%;	/* smart style */
	background: #d5edd5;
	text-align: center;
	list-style: none;
	padding-bottom: 5px;
	margin: 0 0 1em;
	position: relative;
}
main ul.license li h4 {
	display: block;
	background: #ffffff;
	font-weight: normal;
	font-size: 1em;
	height: auto;
	text-align:center;
	margin: 0.5em auto 0.5em;
	padding: 1em 0;
}
main ul.license li img {
	background: #ffffff;
	width: 94%;
	margin:0;
	padding:0;
}
main ul.license li p {
	padding:0 9%;
	font-size:90%;
}
/*---------------------------------------------------------------------------*/
/* オススメのポイント */
/*---------------------------------------------------------------------------*/
main ul.checkpoint {
	width: 90%;
	margin: 0 5% 5em;
	padding: 0;
}
main ul.checkpoint li {
	color: #663300;
	text-align: left;
	font-weight: bold;
	list-style-type: none;
	margin: 0 20px 10px;
	padding: 5px 0 5px 70px;
	background: url("../images/check_mark.png") no-repeat left;
	border-bottom: 2px dotted #c7dc68
}
main ul.checkpoint li span {
	list-style-type: none;
	margin: 0 20px;
	color: #76943c;
	font-weight: bold
}
/*---------------------------------------------------------------------------*/
/* ご来院のポイント */
/*---------------------------------------------------------------------------*/
main ul.pickup {
	width: 90%;
	margin: 0 auto 3em;
	padding: 0;
}
main ul.pickup li {
	text-align: left;
	font-weight: bold;
	list-style-type: none;
	margin: 0 20px 10px;
	padding: 0 0 0 40px;
	background: url("../images/check_mark.png") no-repeat left top;
	border-bottom: 2px dotted #c7dc68
}
main ul.pickup li span {
	font-weight: normal;
	text-align:left;
	padding-left: 0px;
	margin: 0;
}
/*---------------------------------------------------------------------------*/
/* 診療日 */
/*---------------------------------------------------------------------------*/
main ul.daytime {
	list-style-type: none;
	width: 90%;	/* smart style */
	margin: 2em 5% 5em;	/* smart style */
	padding: 0;
}
main ul.daytime li.tuujou {
	padding: 0 0 0 3em;
	margin: 0;
	background: url("../images/daytime_tuujou_bk.png") left top no-repeat;
}
main ul.daytime li.doyou {
	padding: 0 0 0 3em;
	margin: 0;
	background: url("../images/daytime_doyou_bk.png") left top no-repeat;
}
main ul.daytime li.yoyaku {
	padding: 0 0 0 3em;
	margin: 0;
	background: url("../images/daytime_yoyaku_bk.png") left top no-repeat;
}
main ul.daytime li.kyuushin {
	padding: 0 0 0 3em;
	margin: 0;
	background: url("../images/daytime_kyuushin_bk.png") left top no-repeat;
}
main ul.daytime li strong {
	font-weight: bold;
	color: #534741;
}
main ul.daytime li span {
	font-size: 14px;
	font-weight: bold;
}
/*---------------------------------------------------------------------------*/
/* 診療・施術メニューボックス */
/*---------------------------------------------------------------------------*/
main ul.menu {
	width:90%;	/* smart style */
	margin:0 auto 3em;
	padding:0;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
main ul.menu li {
	width: 47.5%;	/* smart style */
	min-width: 150px;
	background: #fff;
	text-align: center;
	list-style: none;
	padding-bottom: 100px;
	margin: 0 1% 1em;	/* smart style */
	position: relative;
	border: 1px solid #77943d;
}
main ul.menu li img {
	width:100%;
	margin:0;
	padding:0;
}
main ul.menu li img.new {
	width: auto;
	margin: 0;
	padding: 0;
}
main ul.menu li h4 {
	display: block;
	background: #ffffff;
	font-weight:bold;
	font-size: 1em;
	height: auto;
	text-align:center;
	margin: 0.5em auto 1em;
	padding: 0;
	border: 1px solid #77943d;
}
main ul.menu li h4 a {
	display: block;
	background: #ffffff;
	font-weight:bold;
	text-align:center;
	padding: 1em;
}
main ul.menu li h4 a:hover {
	background: rgba(119,148,61,0.4);
}
main ul.menu li p {
	padding: 0 9%;
	font-size: 90%;
}
main ul.menu li p.link-button {
	text-align:center;
	padding: 0;
	display: block;
	position: absolute;
	bottom: 10px;
	width: 100%;
}
main ul.menu li p.link-button a {
	width: 80%;
	text-align: center;
	padding: 1em 0;
	margin: 0 10%;
	display: block;
	position: absolute;
	bottom: 5px;
	background: #eee;
	text-decoration: none;
	border: 1px solid #ddd;
}
main ul.menu li p.link-button a:hover {
	background: #fff;
}
main ul.menu li ul {
	width: 80%;
	display: inherit;
	margin: 1em auto 0;
	padding: 0;
	flex-wrap: nowrap;
}
main ul.menu li ul li {
	width: 90%;
	text-align: left;
	background: url("../images/right_arrow1.png") left no-repeat;
	margin: 0;
	padding: 0 0 0 2em;
	border: none;
}
/*---------------------------------------------------------------------------*/
/* 診療・施術メニュー */
/*---------------------------------------------------------------------------*/
main ul.medical_menu {
	width:90%;	/* smart style */
	margin:0 auto 3em;
	padding:0;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
main ul.medical_menu li {
	width: 100%;	/* smart style */
	background: #f1dddd;
	text-align: center;
	list-style: none;
	padding-bottom:1em;
	margin: 0 0 1em;	/* smart style */
	position: relative;
}
main ul.medical_menu li img {
	max-width:100%;
	margin:1em 0;
	padding:0;
}
main ul.medical_menu li h4 {
	display: block;
	background: #ffffff;
	font-weight:bold;
	font-size: 1em;
	height: auto;
	line-height: inherit;
	text-align:center;
	margin-bottom: 1em;
}
main ul.medical_menu li h4 a {
	text-align: center;
	padding: 0.2em 0;	/* smart style */
	margin: 0;
	display: block;
	background: #ffffff;
	font-weight: bold;
	text-decoration: none;
}
main ul.medical_menu li h4 a:hover {
	background: #e3babb;
}
main ul.medical_menu li p {
	padding:0 9%;
	font-size: 90%;
}
/*---------------------------------------------------------------------------*/
/* 電気治療器 */
/*---------------------------------------------------------------------------*/
main ul.therapeutic_device {
	width:90%;	/* smart style */
	margin:0 auto 3em;
	padding:0;
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	display:-webkit-flexbox;
	display:-moz-flexbox;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:-moz-flex;
	display:-ms-flex;
	display:flex;
	-webkit-box-lines:multiple;
	-moz-box-lines:multiple;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	-ms-flex-wrap:wrap;
	flex-wrap:wrap;
}
main ul.therapeutic_device li {
	width: 100%;	/* smart style */
	background: rgba(119,148,61,0.4);
	text-align: center;
	list-style: none;
	padding-bottom:1em;
	margin: 0 0 1em;	/* smart style */
	position: relative;
	border-radius: 10px;
}
	main ul.therapeutic_device li img {
	max-width:100%;
	margin:1em 0;
	padding:0;
}
main ul.therapeutic_device li h4 {
	display: block;
	background: #ffffff;
	font-weight: normal;
	font-size: 1em;
	height: auto;
	text-align:center;
	margin: 0.5em auto 0.5em;
	padding: 1em 0;
	border: 1px solid #77943d;
}
main ul.therapeutic_device li p {
	padding:0 9%;
	font-size:90%;
}
/*---------------------------------------------------------------------------*/
/* 箇条書き（ノーマル） */
/*---------------------------------------------------------------------------*/
main ul.normal {
	padding: 0;
	margin: 0 5% 3em 10%;
}
main ul.normal li {
	list-style-type: disc;
	font-weight: bold;
}
main ul.normal li span {
	font-weight: normal;
	text-align:left;
	padding-left: 0px;
	margin: 0;
}
/*---------------------------------------------------------------------------*/
/* 箇条書き（none） */
/*---------------------------------------------------------------------------*/
main ul.none {
	padding: 0;
	margin: 20px 50px;
	list-style-type: none;
	border-top: 1px #006934 solid;
	border-bottom: 1px #006934 solid;
}
main ul.none li {
	color: #76943c;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
main ul.none li span {
	color: #006934;
	font-weight: normal;
	margin: 0;
	padding: 0 10px 0 0;
}
main ul.none li a {
	color: #76943c;
	text-decoration: underline
}
main ul.none li a:hover {
	color: #e83828;
	text-decoration: underline
}
/*-------------------------------------------------------------------------*/
/* 記号付きinline list */
/*-------------------------------------------------------------------------*/
main ul.none_inlb {
	padding: 1em 0;
	margin: 0 5% 64px;;
	list-style-type: none;
	border-top: 1px #006934 solid;
	border-bottom: 1px #006934 solid;
}
main ul.none_inlb li {
	display: inline-block;
	width: 48%;
	color: #76943c;
	font-weight: normal;
	margin: 0;
	padding: 0;
}
main ul.none_inlb li span {
	color: #006934;
	font-weight: normal;
	margin: 0;
	padding: 0 10px 0 0;
}
main ul.none_inlb li a {
	color: #76943c;
	text-decoration: underline
}
main ul.none_inlb li a:hover {
	color: #e83828;
	text-decoration: underline
}
/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* side contents */
/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
aside {

	width: 100%;	/* smart style */

	text-align: center;
	margin: 0 auto 0;
	padding: 0 0 3px;
}
/* mainコンテンツのh3タグの設定 */
aside h3 {
	font-size: large;
	background-color: #FFF;
	margin: 1em 10px 20px;
	padding: 7px 10px 5px;
	clear: both;
	line-height: 32px;
	-webkit-box-shadow: 0px 2px 5px #e0e0e0;
	box-shadow: 0px 2px 5px #e0e0e0;
	border-bottom: 1px solid #ccc;
}
aside p {
	text-align: left;
	padding: 0.5em 5% 0.5em;
}
aside p.usage_guide {
	font-size: 14px;
	text-align: left;
	padding: 0.5em 5% 0.5em;
}
aside p span.usual {
	background :#ffffff;
	margin: 0 5px 0 0;
	padding: 0;
	border: 1px solid #ccc;
}
aside p span.holyd {
	background : #ffc0cb;
	margin: 0 5px 0 0;
	padding: 0;
	border: 1px solid #ccc;
}
aside p span.spec1 {
	background : #d0e8ff;
	margin: 0 5px 0 0;
	padding: 0;
	border: 1px solid #ccc;
}
aside p span.spec2 {
	background : #fffacd;
	margin: 0 5px 0 0;
	padding: 0;
	border: 1px solid #ccc;
}
aside p span.spec3 {
	background : #73e6bf;
	margin: 0 5px 0 0;
	padding: 0;
	border: 1px solid #ccc;
}
aside p span.spec4 {
	background : #ffd280;
	margin: 0 5px 0 0;
	padding: 0;
	border: 1px solid #ccc;
}
aside p span.spec5 {
	background : #bb5548;
	margin: 0 5px 0 0;
	padding: 0;
	border: 1px solid #ccc;
}
aside p span.spec7 {
	background : #ffffff;
	/*background : #e0ebaf;*/
	margin: 0 5px 0 0;
	padding: 0;
	color: green;
	border: 3px double #ccc;
}
aside p span.spec8 {
	background : #af9adb;
	margin: 0 5px 0 0;
	padding: 0;
	border: 1px solid #ccc;
}
aside p span.every {
	background : #ffd280;
	margin: 0 5px 0 0;
	padding: 0;
	border: 1px solid #ccc;
}
aside p.img {
	text-align: center;
	padding: 0;
	margin: 2em 0;
	border: 1px solid #ccc;
}
	/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
	/* Navigation */
	/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
nav {
	width: 99%;
	min-width: 278px;
	text-align: center;
	margin: 0 auto 0;
	padding: 3px 0;
	background: #ffffff;
}
/*---------------------------------------------------------------------------*/
/* slimmenu */
/* tablet sp用メニューバー本体 */
/*---------------------------------------------------------------------------*/
.menu-collapser {text-align: right;
	position: relative;
	width: 100%;
	height: 60px;
	padding: 0 70px 0 0;
	color: #aaa;			/* メニューバー文字色 */
	font-size: 16px;
	line-height: 60px;
	background-color: #ffffff;			/* メニューバー背景色 */
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}
/* tablet sp用メニューバー 展開ボタン */
.collapse-button {
	position: absolute;
	right: 8px;
	top: 50%;
	width: 44px;
	padding: 13px 10px;
	color: #ff0000;
	text-align: center;
	background-color: #ffffff;			/* 丸ボタン背景色 */
	cursor: pointer;
	transform: translate(0, -50%);
	-o-transform: translate(0, -50%);
	-ms-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	-webkit-transform: translate(0, -50%);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}
/* tablet sp用メニューバー 展開ボタンオンマウス */
.collapse-button:hover, .collapse-button:focus {
	background-color: #eeeeee;
}
/* tablet sp用メニューバー 展開ボタン横3本ライン */
.collapse-button .icon-bar {
	display: block;
	height: 3px;
	width: 25px;
	margin: 4px 0;
	color: #ff0000;
	background-color: #0e0e0e;
	border-radius: 10px
}
ul.slimmenu {
	width: 100%;
	margin: 0;
	padding: 0;
	list-style-type: none;
	letter-spacing: -1em
}
ul.slimmenu:before, ul.slimmenu:after {
	content: '';
	display: table
}
ul.slimmenu:after {
	clear: both
}
ul.slimmenu.collapsed li {
	display: block;
	width: 100%;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
ul.slimmenu.collapsed li > ul {
	position: static;
	display: none
}
ul.slimmenu.collapsed li a {
	display: block;
	border-bottom: 1px solid rgba(0, 0, 0, 0.075);
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box
}
ul.slimmenu.collapsed li .sub-toggle {
	width:70px;
	height: 70px
}
/* メニュー1階層目 */
ul.slimmenu li {
	width: 100%;
	text-align: left;
	position: relative;
	display: inline-block;
	background-color: #ffffff;
	letter-spacing: 0em;
	border-bottom: 1px #ccc solid;
}
ul.slimmenu li ul {
	margin: 0;
	list-style-type: none
}
/* メニュー2階層目 */
ul.slimmenu li ul li {
	width: 100%;
	background: #eeeeee;
}
ul.slimmenu li > ul {
	position: absolute;
	left: 100%;
	top: 0;
	z-index: 999;
	display: none;
	width: 100%
}
ul.slimmenu li > ul > li ul {
	position: absolute;
	left: 100%;
	top: 0;
	z-index: 999;
	display: none;
	width: 100%
}
ul.slimmenu li a {
	display: block;
	height: 70px;
	line-height: 70px;
	padding: 0 0 0 1em;
	text-decoration: none;
	color: #333;
	transition: background-color 0.5s ease-out;
	-o-transition: background-color 0.5s ease-out;
	-moz-transition: background-color 0.5s ease-out;
	-webkit-transition: background-color 0.5s ease-out
}
ul.slimmenu li a:hover {
	text-decoration: none;
	background-color: #f5f0e6;
}
ul.slimmenu li .sub-toggle {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.075);
	position: absolute;
	right: 0;
	top: 0;
	z-index: 999;
	width: 70px;
	height: 100%;
	text-align: center;
	cursor: pointer
}
ul.slimmenu li .sub-toggle:before {
	content: '';
	display: inline-block;
	height: 100%;
	margin-right: -0.25em;
	vertical-align: middle
}
ul.slimmenu li .sub-toggle > i {
	display: inline-block;
	color: #333;
	font-size: 18px;
	vertical-align: middle
}
ul.slimmenu > li {
	border-left: 0;
}
ul.slimmenu > li:first-child, ul.slimmenu > li.has-submenu + li {
	border-left: 0;
}
/*---------------------------------------------------------------------------*/
/* .top slide viewer */
/*---------------------------------------------------------------------------*/
.viewer {
	margin: 0 auto 20px;
	width: 100%;
	position: relative;
	overflow: hidden;
	text-align: center;
}
.viewer ul {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.viewer ul li {
	top: 0;
	left: 0;
	width: 100%;
	position: absolute;
}
.viewer ul li img {
	width: 90%;


	height: auto;
	}
/* sideNavi
------------------------- */
.viewer .btnPrev,
.viewer .btnNext {
	margin-top: -25px;
	top: 50%;
	width: 50px;
	height: 50px;
	position: absolute;
	z-index: 101;
}
.viewer .btnPrev {
	left: 10px;
	background: #ccc url("../images/nav_next.png") no-repeat center center;
}
.viewer .btnNext {
	right: 10px;
	background: #ccc url("../images/nav_prev.png") no-repeat center center;
}
/* =======================================
		ClearFixElements
======================================= */
.viewer ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}
.viewer ul {
	display: inline-block;
	overflow: hidden;
}
/*-------------------------------------------------------------------------*/
/* ページ内リンクメニュー */
/*-------------------------------------------------------------------------*/
main ul.linkmenu {
	width: 100%;
	margin: 0 0 5em;
	padding: 0;
	list-style-type: none;
}
main ul.linkmenu li {
	text-align: center;
	float: right;
	display: inline;
	height: 18px;
	line-height: 18px;
	padding: 0;
	margin: 0;
}
main ul.linkmenu li a {
	font-size: small;
	padding: 0.5em 2em;
	margin: 0;
	color: #000!important;
	background-color: #faaf3b;
	text-align: center;
	text-decoration: none
}
main ul.linkmenu li a:hover{
	line-height: 24px;
}
/*---------------------------------------------------------------------------*/
/* PAGE POSION設定 */
/*---------------------------------------------------------------------------*/
.pagepos {
	width: 90%;
	text-align: left;
	margin: 0 auto 0;
	padding: 5px 0;
	border-bottom: 1px solid #ddd;
}
.pagepos ul {
	list-style-type: none;
	margin: 0 5px;
	padding: 0 10px;
}
.pagepos li.home {
	font-size: 12px;	/*文字サイズ*/
	margin: 0;
	padding: 0 0 0 24px;
	background: url(../images/home.png) no-repeat;
	display: inline;
}
.pagepos li.and {
	font-size: 12px;	/*文字サイズ*/
	margin: 0;
	padding: 0 0 0 24px;
	background: url(../images/and.png) no-repeat;
	display: inline;
}
/*---------------------------------------------------------------------------*/
/* accordionn お知らせ/このページに掲載されている内容 */
/*---------------------------------------------------------------------------*/
/*main dl.accordion {
	width: 90%;
	margin:1em auto 3em;
	padding:0;
}
main dl.accordion dt {
	background: #fff;
	border-bottom: 1px solid #ccc;
	border-left: 2px solid #ccc;
	text-indent: -6em;
	color:#333;
	font-weight:bold;
	cursor:pointer;
	font-size: 16px;
	padding: 0.5em 5% 0.5em 7em;
	margin: 0 0 3px;
}
main dl.accordion dt span {

	margin-right: 1em;
}
main dl.accordion dt:hover {
	background: #eee;
}
main dl.accordion dt.open {
	background: #eee;
}
main dl.accordion dd {
	background:#FFF;
	padding:20px;
	line-height:2;
	text-align:left;
	display:none;
	border:1px solid #eee;
	font-size: 16px;
}
main dl.accordion dd span {
	margin-left: 2em;
}
main dl.accordion dd ul {
	margin: 0;
	padding: 0;
}
main dl.accordion dd ul li {
	list-style-type: none;
	padding: 0;
}
main dl.accordion dd ul li.one {
	list-style-type: none;
	padding: 0 0 0 1em;
}
main dl.accordion dd ul li.two {
	list-style-type: none;
	padding: 0 0 0 2em;
}
main dl.accordion dd ul li.thr {
	list-style-type: none;
	padding: 0 0 0 3em;
}*/
/*---------------------------------------------------------------------------*/
/* accordionn2 このページに掲載されている内容 */
/*---------------------------------------------------------------------------*/
main dl.accordion2 {
	width: 90%;
	margin:1em auto 3em;
	padding:0;
}
main dl.accordion2 dt {
	background: #fff;
	border-bottom: 1px solid #ccc;
	border-left: 2px solid #ccc;
	color:#333;
	font-weight:bold;
	cursor:pointer;
	font-size: 16px;
	padding: 0.5em 5% 0.5em;
	margin: 0 0 3px;
}
main dl.accordion2 dt:hover {
	background: #eee;
}
main dl.accordion2 dt.open {
	background: #eee;
}
main dl.accordion2 dd {
	background:#FFF;
	padding:20px;
	line-height:2;
	text-align:left;
	display:none;
	border:1px solid #eee;
	font-size: 16px;
}
main dl.accordion2 dd span {
	margin-left: 0em;
}
main dl.accordion2 dd ul {
	margin: 0;
	padding: 0;
}
main dl.accordion2 dd ul li {
	list-style-type: none;
	padding: 0;
}
main dl.accordion2 dd ul li.one {
	list-style-type: none;
	padding: 0 0 0 1em;
}
main dl.accordion2 dd ul li.two {
	list-style-type: none;
	padding: 0 0 0 2em;
}
main dl.accordion2 dd ul li.thr {
	list-style-type: none;
	padding: 0 0 0 3em;
}
/*---------------------------------------------------------------------------*/
/* テーブル定義 */
/*---------------------------------------------------------------------------*/
.tablearea {
	font-size: 16px;
	text-align: center;
	width: 90%;
	margin: 2em auto 0;
	padding: 0;
	overflow-x: scroll;
}
.ta0 {
	width: 100%;
	min-width: 680px;
	margin: 0 auto 0;
	padding: 0px;
	table-layout: fixed
}
/*テーブルのキャプション設定*/
.ta0 caption {
	font-weight: bold;	/*文字を太字にする設定*/
}
.ta0, .ta0 td, .ta0 th {
	border-bottom: 1px solid #ccc;	/*テーブルの枠線の幅、線種、色*/
	border-right: 1px solid #ccc;
	line-height: 2;
}
.ta0 th {
	width: 25%;
	padding: 10px;
	text-align: center;
}
/*テーブル１行目に入った見出し部分*/
.ta0 th.tamidashi {
	font-weight: bold;
	text-align: center;
	background-color: #eeeeee	/*背景色*/
}
.ta0 th.midashi {
	background: #f2f2f2
}
.ta0 th span {
	font-size: 80%
}
/*テーブル内の右側*/
.ta0 td {
	text-align: center;
	padding: 10px;
}
.ta0 td.campaign {
	font-weight: bold;
	line-height: 1.2em;
	color: #ff0000;
}
.ta0 td.campaign span {
	color: #000000;
	text-decoration: line-through;
}
.ta0 td.campaign strong {
	font-size: 50%;
}
.ta0 td.l {
	text-align: left;
}
/*テーブル１*/
.ta1 {
	width: 680px;
	margin: 0px auto;
}
.ta1, .ta1 td, .ta1 th{
	border: 1px solid #CCC;	/*テーブルの枠線の幅、線種、色*/
	line-height: 2;
}
.ta1 td {
	text-align: center;
	padding: 10px;
}
.ta1 td.l {
	text-align: left;
	padding: 10px;
}
.ta1 td.s {
	background: #beedbe
}
.ta1 th{
	width: 25%;
	padding: 10px;
	text-align: center;
	background-color: #ececed;	/*背景色*/
	line-height: 100%
}
.ta1 th span {
	font-size: 75%;
	padding: 0;
}
.ta1 th.tamidashi{
	width: auto;
	text-align: left;
	background-color: #e9ddae;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#efe6c5), to(#e9ddae));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#efe6c5, #e9ddae);	/*同上*/
	background-image: linear-gradient(#efe6c5, #e9ddae);			/*同上*/
}
.ta1 img {
	max-width: 25%;
	height: auto;
	width /***/: auto;
	border: none;
}

/*---------------------------------------------------------------------------*/
/* PAGE TOP設定 */
/*---------------------------------------------------------------------------*/
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
}
#page-top a {
	background: #666;
	text-decoration: none;
	color: #fff;
	width: 45px;
	padding: 10px 0;
	text-align: center;
	display: block;
	border-radius: 45px;
	opacity: 0.75;
}
#page-top a:hover {
	text-decoration: none;
	background: #999;
}
/*---------------------------------------------------------------------------*/
/* other */
/*---------------------------------------------------------------------------*/
hr {
	width: 100%;
	height: 1px;
	border-top: 1px #ccc solid;
}
.clear { clear:both; }
.clearplus { clear:both; margin-bottom: 5em; }
.clear hr { display:none; }
.c {
	text-align: center;
}
/*---------------------------------------------------------------------------*/
/* css for images */
/*---------------------------------------------------------------------------*/
img.imgleft {
	float: left;	/* smart style */
	padding: 0.5em 5% 0.5em 0!important;	/*左から、上、左右、下への余白*/
	max-width: 250px;
	height: auto;
	width /***/: auto;
	border: none;
}
img.imgright {
	float: right;	/* smart style */
	margin: 16px 0 32px 32px!important;	/*左から、上、左右、下への余白*/
	max-width: 250px;
	height: auto;
	width /***/: auto;
	border: none;
}
img.per25 {
	width: 25%;
}
img.per23 {
	width: 23%;
}
img.per30 {
	width: 30%;
}
/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* footer設定 */
/*------------------------------------------------------------------------------------------------------------------------------------------------------*/
footer {
	color: #fff;
	width: 100%;
	clear: both;
	text-align: center;
	padding-top: 15px;
	padding-bottom: 15px;
	background: #40210f;
}
footer h4 {
	font-size: 15px;
	color: #fff;
	background: #333333;
	border-bottom: 1px solid #fff;
	margin: 0 0 10px;
	padding: 0 0 5px
}
footer .pr {
	display: block;
	font-size: 80%;
}
footer a {
	text-decoration: none;
	color: #fff;
}
/*---------------------------------------------------------------------------*/
/* widgets */
footer .widgets {
	color: #ffffff;
	background: #333333;
	margin: 35px 0 10px
}
footer .widgets .sub {
	text-align: center;
	width: 90%;	/*ボックス幅*/

	padding: 0;
	margin: 0 auto 0px;
}
/* information */
footer .widgets .sub .information {
	vertical-align: top;
	font-size: 14px;
	font-weight: normal;
	position: relative;
	display: inline-block;
	width: 100%;	/* smart style */

	height: auto;
	margin: 5px;
	padding: 0;
}
footer .widgets .sub .information ul {
	padding: 0;
	list-style: none;
}
footer .widgets .sub .information ul li.home {
	text-align: left;
	list-style: none;
	background: url("../images/icon_home.png") no-repeat top left;
	margin: 0;
	padding: 0 0 20px 40px;
}
footer .widgets .sub .information ul li.addr {
	text-align: left;
	list-style: none;
	background: url("../images/icon_addr.png") no-repeat top left;
	margin: 0;
	padding: 0 0 20px 40px;
}
footer .widgets .sub .information ul li.addr strong {
	color: #ffffff;
}
footer .widgets .sub .information ul li.tel {
	text-align: left;
	list-style: none;
	background: url("../images/icon_tel.png") no-repeat top left;
	margin: 0;
	padding: 0 0 20px 40px;
}
footer .widgets .sub .information ul li.tel strong {
	color: #ffffff;
}
footer .widgets .sub .information ul li.tel a {
	color: #fff;
}
footer .widgets .sub .information ul li.tel a:hover {
	color: #f8b62d;
	text-decoration: underline
}
footer .widgets .sub .information ul li.director {
	text-align: left;
	list-style: none;
	background: url("../images/icon_director.png") no-repeat top left;
	margin: 0;
	padding: 0 0 20px 40px;
}
footer .widgets .sub .information ul li.director strong {
	color: #ffffff;
}
footer .widgets .sub .information ul li.time {
	text-align: left;
	list-style: none;
	background: url("../images/icon_time.png") no-repeat top left;
	margin: 0;
	padding: 0 0 20px 40px;
}
footer .widgets .sub .information ul li.time strong {
	color: #ffffff;
}
/* roadmap */
footer .widgets .sub .roadmap {
	vertical-align: top;
	font-size: 14px;
	font-weight: normal;
	position: relative;
	display: inline-block;
	width: 100%;	/* smart style */

	height: auto;
	margin: 5px;
}
footer .widgets .sub .roadmap iframe {
	margin: 0 0 3em;
	border: 0;
}
footer .widgets .sub .roadmap ul li.train {
	text-align: left;
	list-style: none;
	background: url("../images/icon_train.png") no-repeat top left;
	margin: 0;
	padding: 0 0 20px 40px;
}
footer .widgets .sub .roadmap ul li.train strong {
	color: #ffffff;
}
footer .widgets .sub .roadmap ul li.parking {
	font-size: 14px;
	text-align: left;
	list-style: none;
	background: url("../images/icon_parking.png") no-repeat top left;
	margin: 0;
	padding: 0 0 20px 40px;
}
footer .widgets .sub .roadmap ul li.parking strong {
	color: #ffffff;
}
footer .widgets .sub .roadmap iframe {
	width: 90%;
}
/* sitemap */
footer .widgets .sub .sitemap {
	vertical-align: top;
	font-size: 14px;
	font-weight: normal;
	position: relative;
	display: inline-block;
	width: 100%;	/* smart style */

	height: auto;
	margin: 5px;
}
footer .widgets .sub .sitemap ul {
	padding: 0;
	list-style: none;
}
footer .widgets .sub .sitemap ul li {
	text-align: left;
	list-style: disc;
	margin: 0 0 0 30px;
	padding: 0;
}
footer .widgets .sub .sitemap ul li span {
	margin: 0 0 0 1em;
}
footer .widgets .sub .sitemap ul li a {
	color: #fff;
}
footer .widgets .sub .sitemap ul li a:hover {
	color: #f8b62d;
	text-decoration: underline
}