*:not(.gsc-search-button) {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
body {
}
p {
	text-align: justify !important;
	text-justify: inter-ideograph !important;
}
.whitedot {
	background: url(../images/whitedot.png) repeat left bottom;
	line-height: 30px;
	margin: 0;
}
.bluedot {
	background: url(../images/bluedot.png) repeat left bottom;
	line-height: 30px;
	margin: 0;
}
a:link {
	color: #0f5cbc;
}
a:visited {
	color: #0f5cbc;
}
a:hover {
	color: #65a4f2;
}
a:active {
	color: #0f5cbc;
}
/*----------------------------------------------------

	pageTop

----------------------------------------------------*/
#totop {
	position: fixed;
	bottom: 10px;
	right: 10px;
	z-index: 3000;
}
/*-------------------------------------

---------------------------------------

 一覧ページ

----------------------------------------

----------------------------------------*/
#contents {
	margin: 0 auto !important;
	width: 100% !important;
	max-width: 100% !important;
	padding-bottom: 0!important;
}
div#main {
	background: #fff7ea;
	margin: 0 auto !important;
	padding: 0 !important;
}
div#main.oneColumn {
	padding-top: 0;
	width: 100% !important;
	padding: 0 0 20px 0 !important;
}
div.head {
	margin: 0 auto;
	background: #fff;
}
.topListArea {
	margin: 20px auto 0;
}
/* 一覧ナビ  */

.topListArea ul {
	display: table;
	border-collapse: separate;
	border-spacing: 5px;
	font-size: 14px;
	table-layout: fixed;
	width: 98%;
	margin: 0 auto 10px;
}
.topListArea ul li {
	display: table-cell;
	background: #0f5cbc;
	text-align: center;
	vertical-align: middle;
	border: 1px solid #0f5cbc;
	line-height: 1.4;
	padding: 3px;
	color: #FFFFFF;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.topListArea ul li a {
	display: block;
}
.topListArea ul li a:link {
	color: #fff;
}
.topListArea ul li a:visited {
	color: #fff;
}
.topListArea ul li a:hover {
	color: #fff;
}
.topListArea ul li a:active {
	color: #fff;
}
/* 一覧コンテンツ  */


#contents h1 {
	width: 700px;
	margin: 0 auto;
	text-align: left;
	margin-top: 15px;
	position: relative;
	font-size: 140%;
	color: #00B31A;
	background: transparent url("../../common/images/line.gif") repeat-x scroll left bottom;
	padding: 0.5em 0.5em 0.5em 1em;
}
#contents h1::before {
	content: "";
	position: absolute;
	background: #00B31A none repeat scroll 0% 0%;
	top: 0px;
	left: 0.4em;
	height: 12px;
	width: 12px;
	transform: rotate(45deg);
}
#contents h1::after {
	content: "";
	position: absolute;
	background: #00B31A none repeat scroll 0% 0%;
	top: 1em;
	left: 0px;
	height: 8px;
	width: 8px;
	transform: rotate(15deg);
}
.topListArea h2 {
	background: #4891ce;
	color: #FFFFFF;
	padding: 10px;
	margin: 0 0 20px 0;
}
.topListArea dl {
	padding: 0 20px;
}
.topListArea dt {
	display: table;
	border-collapse: separate;
	border-spacing: 10px 5px;
	font-size: 14px;
}
.topListArea dt a {
	display: table-cell;
	vertical-align: middle;
}
.topListArea dt span {
	/*display: table-cell;*/
	text-align: center;
	vertical-align: middle;
	background: #49c92b;
	color: #FFFFFF;
	padding: 5px 10px;
	margin: 0 0 0 0;
	font-size: 12px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
}
.topListArea dl dd {
	font-size: 14px;
	margin: 0 0 10px 10px;
	padding: 0 0 10px 0;
	color: #af9986;
	border-bottom: 3px dotted #ead9bc;
}
.topListArea dl dd:last-child {
	border-bottom: none;
}
/*-------------------------------------



---------------------------------------



 詳細ページ



----------------------------------------



----------------------------------------*/

div.support {
	position: relative;
	width: 100%;
	padding: 0 0 0;
	color: #4c8bd9;
	font-size: 18px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
div.support p.read {
	width: 95%;
	background-color: #FFFFFF;
	padding: 20px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	font-size: 16px;
	line-height: 1.6em;
	margin: 20px auto;
}
div.head h1, #support #contents h1 {
	font-size: 110%;
	width: 100%;
	padding: 10px;
	background: #7fb1f1;
	color: #fff;
	text-align: center;
}
#support #contents h1::before, #support #contents h1::after {
	display: none;
}
div.head p {
	margin: 0 auto;
}
div#support {
	background: #fff7ea;
	margin-bottom: 50px;
}
.sapo_name_inner {
	text-align: center !important;
	margin: 0px auto 10px;
	padding-top: 20px;
}
.sapo_name {
	overflow: hidden;
}
.white_bace {
	padding: 5px;
	background: none repeat scroll 0% 0% #49C92B;
	border-radius: 10px;
	text-align: center !important;
	color: #fff;
	font-size: 16px;
}
.name {
	margin-left: 10px;
	padding-left: 20px;
	color: #4C8BD9;
	font-size: 22px;
	line-height: 30px;
}
div.photo {
	text-align: center;
	margin: 0 auto;
}
div.photo img {
	border: 5px solid #FFFFFF;
	width: 60%;
}
div.photo img.tate {
	width: 50%!important;
}
div.photo img.img_btn {
	padding:  0;
	border: none;
}
div.photo_blue {
	/*background-color: #7FB1F1;*/
	text-align: center;
	padding: 30px 0;
}
div.photo_blue img {
	width: 100%;
}
/*----MAP------------------------------------*/

div.map {
	clear: both;
	padding: 40px 0 40px;
	background: #7fb1f1;
	text-align: center !important;
}
div.map .inner {
	width: 600px;
	margin: 0 auto;
}
div.map h3 {
	float: left;
	width: 110px;
	margin: 0 10px 0 10px;
}
div.map p {
	padding: 40px 0 0px;
}
div.map img {
	display: block;
	margin: 0 auto;
}
div.map p.googlemap {
	padding: 20px 0px 10px 0px;
	width: 100%;
	text-align: center !important;
}
div.map p.googlemap a:hover {
	opacity: 100%;
}
div.map p.addres {
	clear: both;
	margin: 0 0 0 0;
	padding: 20px 0 0;
	color: #FFFFFF;
	text-align: center;
}
/*----連絡方法------------------------------------*/



div.contact {
	clear: both;
	width: 100%;
	padding: 40px 0px;
}
div.contact .inner {
	width: 600px;
	margin: 0 auto;
}
div.contact h3 {
	float: left;
	width: 120px;
}
div.contact th {
	width: 64px;
	padding: 5px;
}
div.contact td a {
	font-size: 18px;
	color: #0f5cbc;
}
div.contact td {
	width: 180px;
	font-size: 18px;
	color: #CCC;
	vertical-align: middle;
	padding: 5px;
}
div.contact p {
}
/*----OPEN------------------------------------*/



div.open {
	clear: both;
	background: #7fb1f1;
	color: #FFFFFF;
	display: table;
	width: 100%;
	padding: 40px 0px 40px 50px;
}
div.open .inner {
	margin: 0 auto;
}
div.open h3 {
	width: 120px;
	display: table-cell;
	text-align: center;
	vertical-align: top;
	line-height: 1.5em;
	font-size: 18px;
}
div.open p {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	line-height: 2.2;
	font-size: 18px;
	color:#fff;
}
/*----企画------------------------------------*/



div.kikaku {
	clear: both;
	display: table;
	padding: 40px 30px 40px 16px;
}
div.kikaku {
	margin: 0 auto;
}
div.kikaku h3 {
	width: 130px;
	display: table-cell;
	text-align: left;
	vertical-align: top;
	line-height: 1.5em;
	font-size: 18px;
}
div.kikaku p {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	line-height: 2.2;
	font-size: 18px;
}
/*----魅力------------------------------------*/



div.miryoku {
	clear: both;
	background: #7fb1f1;
	display: table;
	width: 100%;
	padding: 40px 30px 40px 10px;
	color: #FFFFFF;
}
div.miryoku .inner {
	margin: 0 auto;
}
div.haikei_blue {
	clear: both;
	background: #7fb1f1;
	display: table;
	width: 100%;
	padding: 40px 30px;
	color: #FFFFFF;
}
div.haikei_cream {
	clear: both;
	display: table;
	width: 100%;
	padding: 40px 30px;
}
div.miryoku h3 {
	width: 120px;
	display: table-cell;
	text-align: center;
	vertical-align: top;
	line-height: 1.5em;
	font-size: 18px;
}
div.miryoku p {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	line-height: 2.2;
	font-size: 18px;
	color:#fff;
}
div.miryoku .haikei_blue {
	margin: 0 auto;
}
div.photo_tate {
	text-align: center;
	padding: 40px 0;
}
div.photo_tate img {
	border: 5px solid #FFFFFF;
	width: 40%;
}
div.photo2 {
	text-align: center;
	padding: 40px 0;
}
div.photo2 img {
	border: 5px solid #FFFFFF;
	width: 60%;
}
div.photo3 {
	/*background: #7fb1f1;*/
	text-align: center;
	padding: 40px 0;
}
div.photo3 img {
	border: 5px solid #FFFFFF;
	width: 100%;
}
.photo_50 {
	float: left;
	width: 48%;
	margin: 1%;
}
.photo_50 img {
	width: 100%;
}



/*----青くしない------------------------------------*/



div.noblue {
	clear: both;
	display: table;
	padding: 40px 30px 40px 10px;
	width: 100%;
}
div.noblue .inner {
	margin: 0 auto;
}
div.noblue h3 {
	width: 120px;
	display: table-cell;
	text-align: center;
	vertical-align: top;
	line-height: 1.5em;
	font-size: 18px;
}
div.noblue p {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	line-height: 2.2;
	font-size: 18px;
}
p.center {
	clear: both;
	display: block;
	text-align: center !important;
	    margin: 50px auto 80px;
}
.photo img {
	margin-bottom: 30px;
}
.photo_txt_w {
	color: #fff;
	text-align: center !important;
	padding: 0px;
	margin: 0 auto;
}
.photo_txt_b {
	color: #7fb1f1;
	text-align: center !important;
	padding: 0px;
	margin: 0px;
}
li {
	list-style: none;
}
.clear {
	clear: both;
}


/*----ひとこと------------------------------------*/



div.koto {
	clear: both;
	display: table;
	padding: 40px 30px 40px 10px;
	width: 100%;
}
div.koto .inner {
	margin: 0 auto;
}
div.koto h3 {
	width: 120px;
	display: table-cell;
	text-align: center;
	vertical-align: top;
	line-height: 1.5em;
	font-size: 18px;
}
div.koto p {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	line-height: 2.2;
	font-size: 18px;
}
p.center {
	clear: both;
	display: block;
	text-align: center !important;
	    margin: 50px auto 80px;
}
.photo img {
	margin-bottom: 30px;
}
.photo_txt_w {
	color: #fff;
	text-align: center !important;
	padding: 0px;
	margin: 0 auto;
}
.photo_txt_b {
	color: #7fb1f1;
	text-align: center !important;
	padding: 0px;
	margin: 0px;
}
li {
	list-style: none;
}
.clear {
	clear: both;
}
/*----------------------------------------------------

	コンテンツ幅

----------------------------------------------------*/


.topListArea, div.head p, div.photo, div.open .inner, div.kikaku, div.miryoku .inner, div.miryoku p, div.miryoku .haikei_blue, div.koto .inner,div.noblue .inner {
	width: 700px;
	margin: 20px auto 0;
}
div.head p.read {
	padding-bottom: 10px;
}
.okayama .sapo_name_inner {
	width: 500px;
	padding-bottom: 30px;
}

@media screen and (max-width:1179px) {
}

@media only screen and (max-width: 959px) {
#main .gmap img, .photo2 img {
	width: 50%;
}
}

@media screen and (max-width:767px) {
.topListArea, div.head p, div.photo, div.open .inner, div.kikaku, div.miryoku .inner, div.miryoku p, div.miryoku .haikei_blue, div.koto .inner, div.noblue .inner{
	width: 100%;
}
div.head p, div.photo, div.map, div.contact, div.open, div.kikaku, div.miryoku, div.koto, div.noblue {
	display: block;
	padding: 0;
	overflow: hidden;
}
div.head p, div.photo, div.map .inner, div.contact .inner, div.open .inner, div.kikaku .inner, div.miryoku .inner, div.miryoku p, div.miryoku .haikei_blue, div.haikei_cream, div.koto .inner, div.noblue .inner {
	width: 100%;
}
#contents h1 {
	width: 100%;
}
/*#main .photo img, #main .photo_blue img,*/ #main .gmap img/*, .photo2 img*/ {
	width: 50%;
}
/*

}

@media screen and (max-width:480px) {
	*/
.topListArea dt {
	line-height: 1.3;
}
.topListArea dt span {
	white-space: nowrap;
	line-height: 1.8;
}
#main .inner {
	padding: 15px;
	overflow: hidden;
}
#main p {
	font-size: 16px;
	padding: 15px;
}
div.photo_blue {
	padding: 0 0;
}
.haikei_blue {
	margin: 0 !important;
	padding: 10px 0 20px !important;
}
.whitedot {
	background: none;
}
.bluedot {
	background: none;
}
#main .gmap img {
	height: 100%!important;
	width: 100%!important;
}
p.gmap {
	position: relative;
	padding-bottom: 56.25%;
	/*height: 280px;*/
	overflow: hidden;
}
p.gmap iframe, p.gmap object, p.gmap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	padding: 15px;
}
p.addres {
	text-align: left;
}
.topListArea, div.head p, div.photo, div.open .inner, div.kikaku, div.miryoku .inner, div.miryoku p, div.miryoku .haikei_blue, div.koto .inner,div.noblue .inner {
	width: 100%;
}
.white_bace {
	display: inline-block;
	margin-bottom: 20px;
	width: 100%;
}
div.photo img.img_btn {
	width: 100%;
}
.sapo_name_inner {
	width: 98%!important;
}
.name {
	display: block;
	margin: 0;
	padding: 0 5%;
}
div.map h3 {
	float: none;
	display: block;
	width: 110px;
	margin: 0 auto 10px;
	padding: 0;
}
div.contact h3 {
	float: none;
	display: block;
	width: 110px;
	margin: 0 auto;
	padding: 0;
}
div.contact table {
	padding: 15px;
	margin: 0 auto;
}
/*
div.contact th {
	width: 100%;
	display: block;
	text-align: center;
}
div.contact td {
	width: 100%;
	display: block;
	text-align: center;
}
*/
div.open h3 {
	display: block;
	width: 110px;
	margin: 0 auto;
	padding: 0;
}
div.open p {
	display: block;
}
div.kikaku h3 {
	display: block;
	width: 110px;
	margin: 0 auto;
	padding: 0;
}
div.kikaku p {
	display: block;
}
div.miryoku h3 {
	display: block;
	width: 110px;
	margin: 0 auto;
	padding: 0;
}
div.miryoku h3 img {
}
div.koto h3 {
	display: block;
	width: 110px;
	margin: 0 auto;
	padding: 0;
}
div.koto h3 img {
	width: 110px;
}
p.center {
	margin: 0 auto;
}
}

@media screen and (max-width:460px) {
/*
div.contact td a,  div.contact td {
	font-size: 11px;
}
.topListArea dt {
	margin-left: -10px;
}
.topListArea dl dd {
	margin: 0 0 10px 0px;
}
div.contact th img {
    width: 100% !important;
		height:auto !important;

}
div.contact th {
    width: 150px !important;
	height:auto !important;

}
*/
div.contact table {
	margin: 0 15px;
}
div.contact tr {
	width: 100%;
}
div.contact th {
	width: 15%;
	display: inline-block;
	vertical-align: top;
	height: auto;
	padding-top: 10px;
}
div.contact td {
	display: inline-block;
	width: 98%;
	border-bottom: 1px solid #f2eadd;
	padding: 20px 0;
	margin-left: -15%;
	padding-left: 70px;
	padding-top: 10px;
}
div.contact th img {
	width: 100%;
	height: auto;
}
}

@media screen and (max-width:390px) {
div.contact td {
	padding-bottom: 15px;
}
}

@media screen and (max-width:330px) {
div.contact td {
	display: inline-block;
	width: 97%;
}
}

@media screen and (max-width:320px) {
div.contact td {
	padding-bottom: 10px;
}
}
/*
@media screen and (max-width:390px) {

div.contact td {
	width:99%;
	}

}

@media screen and (max-width:370px) {

div.contact td {
	width:100%;
	padding-bottom: 5px;

	margin-left:-44px;}

}
@media screen and (max-width:369px) {

div.contact td {

width: 97% ;
}

}
*/