@charset "utf-8";


/*****************************************************************
def
*****************************************************************/

* {
	margin: 0px;
	padding: 0px;
	border: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

header,
article,
aside,
main,
footer,
nav,
section {
	margin: 0px auto;
	padding: 0px;
	display: block;
}

html,
body {
	width: 100%;
}

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

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

body {
	font-family:"メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 1.5;
	letter-spacing: 0.05em;
	color: #333;
	position: relative;
	background-color: #FFFFFF;
}

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

img,
video {
	max-width: 100%;
	height: auto;
	vertical-align: text-bottom;
}

main h2,
main h3,
main h4,
main h5,
main h6,
main p,
main ul,
main ol {
	margin-bottom: 1em;
}

main ul,
main ol {
	margin-left: 1.25em;
}

main li {
	line-height: 1.2;
	margin-bottom: 0.5em;
}

main li ol,
main li ul {
	margin-top: 0.8em;
	margin-bottom: 0.8em;
}

div {
	margin: 0px auto;
	padding: 0px;
}

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

table {
	clear: both;
	border-collapse: collapse;
	width: 100%;
	margin-top: 1em;
	margin-bottom: 1em;
}

table th {
	padding: 0.5em 1em;
	border: 1px solid #CCCCCC;
	text-align: center;
	background: #FCF2D3;
	font-weight: normal;
}

table td {
	padding: 0.5em 1em;
	border: 1px solid #CCCCCC;
	background: #FFF;
	white-space: normal;
/*
	word-break: break-all;
*/
}

table tr>th:first-child {
	border-left: none;
}

table tr>th:last-child ,
table tr>td:last-child {
	border-right: none;
}

table .s {
	font-size: 80%;
	display: inline-block;
}

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

div>*:last-child,
table th>*:last-child,
table td>*:last-child {
	margin-bottom: 0em;
}

table img {
	vertical-align: middle;
}


/*****************************************************************
loading
*****************************************************************/

#loading {
	width: 100%;
	position: absolute;
	z-index: 100;
	left: 0px;
	top: 0px;
	background-image: url(../img/format/loadinganimation.gif);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #CFCFCF;
}

/*****************************************************************
#container
*****************************************************************/

#container {
	width: 100%;
	position: relative;
}

/*****************************************************************
.wfix
*****************************************************************/

.wfix {
	clear: both;
	display: block;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 90%;
	max-width: 1200px;
}
/*---------------------------*/

.wfix:after {
	clear: both;
	display: table;
	content: "";
}

/*****************************************************************
header
*****************************************************************/

header {
	width: 100%;
	z-index: 1000;
	position: absolute;
	border-top: 10px solid #2DC300;
}

header .wfix {
    width: 100%;
}

.wrapper {
	background-color: #00A53B;
	-webkit-box-shadow: 0px 4px 2px rgba(0,0,0,0.40);
	box-shadow: 0px 4px 2px rgba(0,0,0,0.40);
	width: 22%;
	max-width: 240px;
	float: left;
	margin-left: 20px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
	text-align: center;
	padding: 5px 20px 5px 20px;
	background-image: -webkit-linear-gradient(270deg,rgba(45,195,0,1.00) 0%,rgba(20,130,0,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(45,195,0,1.00) 0%,rgba(20,130,0,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(45,195,0,1.00) 0%,rgba(20,130,0,1.00) 100%);
}

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

header h1 {
	margin: 0px auto 10px auto;
	padding: 10px 0px;
	font-size: 1em;
	line-height: 1;
	border-bottom: 1px dotted rgba(255,255,255,0.60);
}

header h2 {
	margin: 20px;
	width: 50%;
	max-width: 115px;
	max-height: 40px;
	position: absolute;
	top: 0px;
	right: 5px;
	z-index: 1;
}

header h1 a,
header h2 a {
	opacity: 1;
}

header h1 a:hover,
header h2 a:hover {
	opacity: 0.75;
}

#fd{
	margin: 10px auto;
}

#contactLink {
	color: #FFF;
	margin: 15px auto 10px auto;
	text-align: center;
	display: block;
}

#contactLink a {
	color: #FFF;
	background-color: rgba(0,0,0,0.15);
	text-decoration: none;
	font-size: 0.8em;
	display: block;
	border-radius: 30px;
	padding: 0.2em 0em;
}

#contactLink a:hover {
	background-color: rgba(0,0,0,0.50);
}

/*****************************************************************
visual
*****************************************************************/

#visual {
	position: relative;
	width: 100%;
	z-index: 1;
	margin-bottom: 6em;
}

#visual:after {
	clear: both;
	display: table;
	content: "";
	height: 0px;
}

#visual .wfix {
	width: 100%;
}

#visual .bx-viewport  {
	border-radius: 0px 0px 15px 15px;
}

@media (max-width:1200px){

#visual .bx-viewport  {
	border-radius: 0px;
}

}

#visual article {
	width: 100%;
}

#visual h2 {
	background-repeat: repeat;
	background-position: center center;
	background-size: cover;
}

#visual h2 img {
	margin: 0px auto;
	width: 100%;
}

#visual .visualText {
	position: absolute;
	z-index: 1;
	left: 0px;
	bottom: 0px;
	width: 100%;
	padding: 1em;
	color: #FFF;
	text-align: center;
	background-color: rgba(0,0,0,0.50);
}

#visual .visualText:last-child {
	margin-bottom: 0px;
}

#visual .bx-controls {
	position: absolute;
	width: 100%;
	height: 6em;
}

#visual .bx-wrapper .bx-pager,
#visual .bx-wrapper .bx-controls-auto {
	padding-top: 3em;
}

#visual .bx-controls-direction {
	height: 6em;
}

#visual .bx-wrapper .bx-controls-direction a {
	top: 50%;
    margin-top: -18px;
    width: 35px;
    height: 35px;
    opacity: 1;
    background-color: inherit;
	background-size: inherit;
}

#visual .bx-wrapper .bx-next {
	right: 1em;
	background-image: url(../img/format/r_gr.png);
	background-position: center center;
}

#visual .bx-wrapper .bx-prev {
    left: 1em;
	background-image: url(../img/format/l_gr.png);
	background-position: center center;
}

#visual .bx-wrapper .bx-controls-direction a:hover {
    opacity: 0.5;
}

.read {
	text-align: center;
	font-size: 110%;
	margin-bottom: 4em;
}

#dialnumber {
	position: absolute;
	z-index: 10;
	top: 20px;
	right: 20px;
	width: 20%;
	min-width: 240px;
}

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

#view {
	position: relative;
	display: block;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

#view span {
	display: inline-block;
	cursor: pointer;
	width: 80px;
	opacity: 1;
}

#view span:hover {
	opacity: 0.75;
}

#view span.loc {
	display: none;
}


/*****************************************************************
#navigation
*****************************************************************/

#navigation {
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 999;
	top: 0px;
	right: 0px;
}

#navifix {
	width: 100%;
	height: 100%;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	max-width: 1200px;
	overflow: hidden;
}

#naviwrap {
	height: 100%;
	position: relative;
	background-color: rgba(0,0,0,0.7);
	margin-left: 20px;
}

#naviwrap:hover {
	background-color: rgba(0,0,0,0.9);
}

#navibg {
	display: block;
	position: absolute;
	bottom: 0%;
	left: 1%;
	color: #FFF;
	background-image: url(../img/format/contents.png);
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto 5em;
	border-radius: 15px 0px 0px 15px;
	padding: 6em 2em 1em 2em;
}

#navigation ol {
	display: block;
	padding: 1.5em 0em 1em 1em;
	border-top: 1px dotted rgba(255,255,255,0.5);
}

#navigation li {
	margin-bottom: 0.5em;
	white-space: nowrap;
	text-overflow: clip;
	text-shadow: 1px 1px rgba(0,0,0,1.00);
}

#navigation a {
	color: #FFF;
	text-decoration: none;
}

#navigation a:hover {
	color: #FFE500;
	text-decoration: underline;
}

/*****************************************************************
main
*****************************************************************/

main {
	position: relative;
	width: 100%;
}

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

.mainContent ,
.bottomContent {
	clear: both;
	display: block;
	position: relative;
	padding-top: 4em;
	padding-bottom: 4em;
}

.mainContent:after ,
.bottomContent:after {
	clear: both;
	display: table;
	content: "";
}


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

.chapter {
	clear: both;
	-webkit-box-shadow: inset 0px 2px 2px rgba(0,0,0,0.20);
	box-shadow: inset 0px 2px 2px rgba(0,0,0,0.20);
	padding-top: 4em;
	padding-bottom: 4em;
}

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

.headline ,
.header ,
.contents {
	clear: both;
	display: block;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 90%;
	max-width: 1200px;
}

.headline:after ,
.header:after ,
.contents:after {
	clear: both;
	display: table;
	content: "";
}

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

.headline {
	text-align: center;
}

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

.header ,
.contents {
	width: 90%;
	max-width: 1100px;
}

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

main h1 {
	color: #FFFFFF;
	margin-bottom: 0em;
	font-weight: normal;
	text-align: center;
	line-height: 1.2;
	background-color: rgba(35,155,0,1.00);
	cursor: pointer;
	background-image: -webkit-linear-gradient(0deg,rgba(20,130,0,1.00) 0%,rgba(40,170,0,1.00) 50%,rgba(20,130,0,1.00) 100%);
	background-image: -moz-linear-gradient(0deg,rgba(20,130,0,1.00) 0%,rgba(40,170,0,1.00) 50%,rgba(20,130,0,1.00) 100%);
	background-image: linear-gradient(90deg,rgba(20,130,0,1.00) 0%,rgba(40,170,0,1.00) 50%,rgba(20,130,0,1.00) 100%);
	position: relative;

	padding: 1em;
	border-radius: 15px;
	font-size: 2.2em;
}

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

main h1:hover {
	background-color: rgba(27,119,0,1.00);
	background-image: -webkit-linear-gradient(0deg,rgba(27,119,0,1.00) 0%,rgba(25,108,0,1.00) 50%,rgba(27,119,0,1.00) 100%);
	background-image: -moz-linear-gradient(0deg,rgba(27,119,0,1.00) 0%,rgba(25,108,0,1.00) 50%,rgba(27,119,0,1.00) 100%);
	background-image: linear-gradient(90deg,rgba(27,119,0,1.00) 0%,rgba(25,108,0,1.00) 50%,rgba(27,119,0,1.00) 100%);
}

main h1 .s {
	font-size: 70%;
	letter-spacing: 0em;
	margin-left: 0.25em;
	margin-right: 0.25em;
}

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

.headlineText {
    font-size: 1.2em;
    line-height: 1.2;
    padding: 1em;
    margin-bottom: 1em;
}

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

.headline .chapterOpen p {
	background-image: url(../img/format/b_gr.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -99999px;
	overflow: hidden;
	display: inline-block;
	border-radius: 150px;
	width: 40px;
	height: 40px;
	background-size: auto 60%;
	cursor: pointer;
	line-height: 1em;
}

.headline .chapterOpen p.t {
	background-image: url(../img/format/t_gr.png);
	background-position: center center;
}

.headline .chapterOpen p:hover {
	background-color: rgba(59,184,0,1.00);
	background-image: url(../img/format/b_wh.png);
}

.headline .chapterOpen p.t:hover {
	background-image: url(../img/format/t_wh.png);
}

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

.chapterClose {
	display: block;
	text-align: center;
	margin-top: 4em;
}

.chapterClose p {
	background-image: url(../img/format/t_gr.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -99999px;
	overflow: hidden;
	display: inline-block;
	border-radius: 150px;
	width: 40px;
	height: 40px;
	background-size: auto 60%;
	cursor: pointer;
	line-height: 1em;
}

.chapterClose p:hover {
	background-color: rgba(59,184,0,1.00);
	background-image: url(../img/format/t_wh.png);
}

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

.contentClose {
	clear: both;
	text-align: center;
	padding-top: 4em;
	padding-bottom: 4em;
}

.contentClose p {
	background-image: url(../img/format/c_ye.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -99999px;
	overflow: hidden;
	display: inline-block;
	border-radius: 150px;
	width: 40px;
	height: 40px;
	background-size: auto 60%;
	cursor: pointer;
	line-height: 1em;
}

.contentClose p:hover {
	background-color: rgba(255,198,0,1.00);
	background-image: url(../img/format/c_wh.png);
}

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

.header {
	padding-top: 2em;
	padding-bottom: 2em;
}

.headerImage {
	text-align: center;	
	padding-top: 1em;
	padding-bottom: 1em;
}

.headerText {
	background-image: url(../img/format/hand.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: auto 6em;
	padding-bottom: 7em;
	text-align: center;
	font-size: 1.2em;
	color: rgba(31,138,0,1.00);
}

.contents {

}

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

.content {
	clear: both;
}

.content:after {
	clear: both;
	display: table;
	content: "";
}
/*---------------------------*/
.btn_discovery {
	display: block;
	position: relative;
	padding: 1em 2em;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background: #2a9918;
	border-radius: 10px;
}
.btn_discovery:hover {
	 opacity:0.8;
	 cursor: pointer;
	 text-decoration: none;
}
/*---------------------------*/

main h2 {
	color: rgba(255,255,255,1.00);
	background-color: rgba(235,189,0,1.00);
	padding: 2em 1em;
	margin-bottom: 0.5em;
	background-repeat: no-repeat;
	background-position: right center;
	background-size: auto 100%;
	border-radius: 15px;
	font-weight: normal;
	cursor: pointer;
}

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

main h2 .mark {
	display: inline-block;
	width: 2em;
	height: 2em;
	margin-right: 0.5em;
	vertical-align: middle;
	border-radius: 50px;
	background-image: url(../img/format/b_wh.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 60% auto;
}

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

main h2:hover {
	background-color: rgba(235,138,0,1.00);
}

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

main h2:hover .mark {
	background-color: rgba(0,0,0,0.15);
	background-image: url(../img/format/b_wh.png);
}

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

.intro {
	width: 90%;
	text-align: left;
	margin-bottom: 2em;
}

.intro:after {
	clear: both;
	display: table;
	content: "";
}

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

.introImage {
	text-align: center;
	padding-top: 2em;
	padding-bottom: 2em;
}

.caption {
	font-size: 70%;
	margin-top: 1em;
	display: block;
}

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

.introText {
    padding-top: 2em;
    padding-bottom: 2em;
    border-top: 1px solid #E1E1E1;
    border-bottom: 1px solid #E1E1E1;
	font-size: 120%;
    color: #FF6E00;
	text-align: justify;
}

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

.detail {
	width: 90%;
}

.detail:after {
	clear: both;
	display: table;
	content: "";
}

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

.block {
	margin-top: 4em;
}

.recommend {
	background-image: url("../img/plan/plan_bg.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto 7em;
	padding-top: 6.5em;
}

/*
.point {
	background-image: url("../img/plan/plan_bg.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto 7em;
	padding-top: 6.5em;
}
*/

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

h3 {
	text-align: center;
	font-weight: normal;
	font-size: 1.4em;
	line-height: 1.2;
	padding: 0.75em;
	border-radius: 30px;
	background-color: rgba(67,164,21,1.00);
	color: rgba(255,255,255,1.00);
}

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

.value {
    width: 90%;
}

.value table {
	font-size: 90%;
	letter-spacing: 0em;
}

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

h4 {
    font-size: 1.5em;
	line-height: 1.2;
    font-weight: normal;
    margin-bottom: 2em;
    color: #FF6E00;
    text-align: center;
}

.value h4:first-child {
    margin-top: 2em;
    margin-bottom: 2em;
}

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

.comment {
	background-image: url(../img/plan/plan_bg2.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: contain;
	margin-top: 1em;
	padding: 4em 0em 1em 0em;
	text-align: center;
	font-size: 1.3em;
	line-height: 1.3;
	color: rgba(36,92,25,1.00);
}

.lastinfo {
	clear: both;
	text-align: center;
	line-height: 1.2;
	padding-top: 2em;
	border-top: 1px solid rgba(225,225,225,1.00);
	color: #888888;
}

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

article>*:last-child,
div>*:last-child {
	margin-bottom: 0em;
}


/*****************************************************************
unique@article#contact
*****************************************************************/

#contact {
	background-color: rgba(245,245,245,1.00);
	padding-bottom: 16em;
	background-image: url(../img/format/mainBgImagaes.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	-webkit-box-shadow: inset 0px 3px 2px rgba(0,0,0,0.20);
	box-shadow: inset 0px 3px 2px rgba(0,0,0,0.20);
	padding-top: 8em;
	text-align: center;
}

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

#call,
#officeList {
	clear: both;
	display: block;
	position: relative;
	margin-right: auto;
	margin-left: auto;
	width: 90%;
	max-width: 1200px;
}

#call {
	margin-bottom: 8em;
}

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

.freedial {
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

.freedial .freedialCaption {
	display: inline-block;
	letter-spacing: 1em;
}

.freedial .number {
	display: inline-block;
	font-family: "Times New Roman", Times, serif;
	font-size: 50px;
	line-height: 1;
	vertical-align: middle;
	margin-right: 0.25em;
	margin-left: 0.25em;
	position: relative;
	letter-spacing: 0em;
}

.freedial .freedialEng {
	display: inline-block;
	font-weight: normal;
	font-size: 12px;
	position: absolute;
	top: -1em;
	left: 0.25em;
	letter-spacing: 0.15em;
}

.freedial .dialTime {
	display: inline-block;
	font-size: 90%;
}

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

.online {
	text-align: center;
	margin-bottom: 7em;
}

.online a {
	display: inline-block;
	border: 7px solid rgba(230,230,230,1.00);
	background-color: rgba(245,245,245,1.00);
	background-color: rgba(255,255,255,1.00);
	border-radius: 50px;
	text-align: center;
	color: rgba(10,10,10,1.00);
	padding: 2em 4em;
	text-decoration: none;
	color: rgba(150,150,150,1.00);
}

.online a .eng {
	display: inline-block;
	font-family: "Times New Roman", Times, serif;
	font-size: 180%;
	letter-spacing: 1em;
	vertical-align: middle;
	margin-right: 1em;
}

.online a .ja {
	display: inline-block;
	margin-left: 2.5em;
	letter-spacing: 0.75em;
	color: rgba(15,15,15,1.00);
}

.online a:hover {
	border: 7px solid rgba(255,255,255,1.00);
	background-color: rgba(230,230,230,1.00);
}

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

.officeList {
	margin-top: 7em;
	padding-top: 7em;
	clear: both;
	border-top: 1px dotted rgba(0,0,0,0.15);
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	width: auto;
}

.officeList:after {
	content: "";
	display: table;
	clear: both;
}


dl.office {
	clear: none;
	width: 31%;
	min-width: 287px;
	margin-bottom: 2em;
	margin-right: 1%;
	text-align: center;
	line-height: 1.5;
	margin-left: 1%;
	display: inline-block;
}

dl.office:last-child {
	margin-right: 0%;
}


dl.office .officeName {
	font-size: 110%;
}

dl.office .officeName span {
	font-size: 70%;
	font-weight: normal;
	margin-right: 0.5em;
}


dl.office .officeTel {
	color: rgba(255,255,255,1.00);
	background-color: rgba(55,55,55,1.00);
	border-style: none;
	letter-spacing: 0.1em;
	padding: 0.5em;
	margin: 0.5em 0em;
	border-radius: 100px;
	font-size: 80%;
}

dl.office .officeTelNumber {
	font-size: 190%;
	vertical-align: middle;
	font-family: "Times New Roman", Times, serif;
	margin: 0em 0.5em;
	letter-spacing: 0em;
}


/*****************************************************************
footer
*****************************************************************/

footer {
	clear: both;
	position: relative;
	width: 100%;
	padding: 3em 0%;
	background: #000000;
	font-size: 90%;
	color: #999;
}

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

footer p.up {
	float: right;
	width: 50px;
}

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

footer #smaileup {
	float: right;
	height: 50px;
	width: 76px;
	opacity: 1;
}

footer #smaileup:hover {
	opacity: 0.8;
}

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

#author {
	width: 135px;
	height: 50px;
	display: block;
	margin-right: 10px;
	margin-bottom: 10px;
	clear: left;
}

#author a {
	opacity: 1;
}

#author a:hover {
	opacity: 0.8;
}

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

#tel {
	width: 170px;
	height: 44px;
	float: left;
	margin-bottom: 10px;
	background-image: url(../img/format/tel.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: contain;
	text-indent: -99999px;
	display: block;
	opacity: 1;
}

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

address {
	clear: both;
	letter-spacing: 0.1em;
	margin-bottom: 0.5em;
	font-style: normal;
}

address p {
	margin-bottom: 0em;
}

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

#time {
	font-size: 80%;
	margin-top: 0.5em;
	letter-spacing: 0em;
	opacity: 0.75;
}

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

#copyRight {
	font: 0.8em "Times New Roman", Times, serif;
	letter-spacing: 0.5em;
	padding-top: 3em;
}

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

.share {
	position: absolute;
	top: 0px;
	right: 0px;
	display: block;
	text-align: right;
}

/*****************************************************************
#sc
*****************************************************************/

#sc {
	position: fixed;
	right: 0%;
	bottom: 0%;
	margin: 0em;
	z-index: 100;
}


#top {
	display: block;
	width: 40px;
	height: 40px;
	padding: 5px;
	background-color: rgba(0,0,0,0.50);
	opacity: 0.5;
}

#down {
	display: block;
	width: 40px;
	height: 40px;
	padding: 5px;
	background-color: rgba(0,0,0,0.50);
	opacity: 0.5;
}

#top:hover ,
#down:hover {
	opacity: 1;
}


/****************************************************************************************************************************
unique@article#information
****************************************************************************************************************************/

#information .content {
	display: block;
	clear: both;
	border-bottom: 1px dotted rgba(0,0,0,0.25);
	padding: 1em;
}

#information .content:first-child {
	border-top: 1px dotted rgba(0,0,0,0.25);
	margin-top: 2em;
}

#information .content:nth-child(2n+0){
	background-color: rgba(0,0,0,0.05);
}

#information h2 {
	padding: 0px;
	margin-left: 0em;
	margin-bottom: 0.4em;
	background-color: transparent;
	color: #FF7E00;
	cursor: default;
	text-shadow: none;
}

#information h2 .mark {
	display: none;	
}


/****************************************************************************************************************************
unique@article#point
****************************************************************************************************************************/

#point .content {
	margin-bottom: 4em;
}

#point .content:last-child {
	margin-bottom: 0em;
}

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

#point .pointTxt {
	width: 60%;
	float: left;
}

#point h2 {
	margin-bottom: 0px;
	padding: 0px;
	color: #FFFFFF;
	background-color: inherit;
	background-image: url(../img/point/point_bg.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	background-size: auto;
	border-radius: 0px;
	cursor: default;
}

#point h2 .mark {
	display: none;	
}

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

#point .pointTxt .wrap {
	background-color: #E5E5E5;
	padding: 2em;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
}

#point .pointImage {
	width: 38%;
	float: right;
	background-image: url(../img/format/stripe2.png);
	border-radius: 15px;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

#point1 .pointImage {
	background-image: url(../img/point/poin1_img.jpg);
}

#point2 .pointImage {
	background-image: url(../img/point/poin2_img.jpg);
	background-size: contain;
	background-color: #E6F2FF;
}

#point3 .pointImage {
	background-image: url(../img/point/poin3_img.jpg);
}

@media (min-width:1100px){

#point .content {
	width: 31.5%;
	display: inline-block;
	vertical-align: top;
}

#point .content:nth-child(2) {
	margin-left: 2%;
	margin-right: 2%;
}

#point .pointTxt {
	width: 100%;
	float: none;
}
	
#point h2 {
	text-align: center;
}

#point .pointTxt .wrap {
	border-radius: 0px;
	padding: 2em;
}

#point .pointTxt {
    width: 100%;
    float: none;
}

#point .pointImage {
    width: 100%;
	margin-bottom: 2em;
	border-radius: 0px 0px 15px 15px;
	margin-bottom: 0em;
}

}

/****************************************************************************************************************************
unique@article#plan
****************************************************************************************************************************/

#plan1 h2 {
	background-image: url(../img/plan/plan1.png);
}

#plan2 h2 {
	background-image: url(../img/plan/plan2.png);
}

#plan3 h2 {
	background-image: url(../img/plan/plan3.png);
}

#plan4 h2 {
	background-image: url(../img/plan/plan4.png);
}

#plan5 h2 {
	background-image: url(../img/plan/plan5.png);
}


/****************************************************************************************************************************
unique@article#place
****************************************************************************************************************************/

#place1 h2 {
	background-image: url(../img/place/place1.png);
}

#place2 h2 {
	background-image: url(../img/place/place2.png);
}

#place3 h2 {
	background-image: url(../img/place/place3.png);
}

#place4 h2 {
	background-image: url(../img/place/place4.png);
}

#place5 h2 {
	background-image: url(../img/place/place5.png);
}

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

#place table {
	text-align: center;
}

#place4-1 table td {
	text-align: left;
}

.floormap {
	text-align: center;
}

/****************************************************************************************************************************
unique@article#movie
****************************************************************************************************************************/

#movie .header {
	background-image: url(../img/movie/movie_header1.png);
	background-repeat: no-repeat;
	background-position: 3% bottom;
	background-size: contain;
	padding-top: 0em;
	margin-bottom: 2em;
}

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

#movie .headerText {
	width: 100%;
	background-image: url(../img/movie/movie_header2.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: auto 90%;
	padding: 4em 20% 2em 20%;
	text-align: left;
	font-size: 1em;
	color: inherit;
}

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

#movie1 h2 {
	background-image: url(../img/movie/athleticmeet_img.png);
}

#movie2 h2 {
	background-image: url(../img/movie/sports_img.png);
}

#movie3 h2 {
	background-image: url(../img/movie/campfire_img.png);
}

#movie4 h2 {
	background-image: url(../img/movie/partygame_img.png);
}

#movie5 h2 {
	background-image: url(../img/movie/skaventure_img.png);
}

#movie6 h2 {
	background-image: url(../img/movie/teambuilding_img.png);
}

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

#movie .intro {
	float: right;
	width: 45%;
	margin-top: 2em;
	margin-bottom: 0em;
}

#movie .detail {
	float: left;
	width: 50%;
	margin-top: 2em;
	margin-bottom: 0em;
}

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

video {
	background-color: #000;
}

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

#movie h3 {
	background-color: inherit;
	padding: 0em;
	text-align: left;
	color: rgba(1,132,0,1.00);
	line-height: 1.4;
	letter-spacing: 0em;
}

#movie .introText {
	border-bottom: none;
	font-size: 110%;
	color: rgba(255,142,0,1.00);
}

#movie .capacity {
	padding: 0.5em;
	background-color: #000;
	color: #FFFFFF;
	font-size: 120%;
	text-align: center;
}

#movie .more {
	clear: both;
	margin-top: 1em;
	font-size: 90%;
	letter-spacing: 0em;
	text-align: justify;
}

/****************************************************************************************************************************
unique@article#sports
unique@article#culture
****************************************************************************************************************************/


#outdoor h2 {
	background-image: url(../img/sports/outdoor.png);
}

#indoor h2 {
	background-image: url(../img/sports/indoor.png);
}

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

#handmade h2 {
	background-image: url(../img/culture/handmade.png);
}

#health h2 {
	background-image: url(../img/culture/health.png);
}

#nature h2 {
	background-image: url(../img/culture/nature.png);
}

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

#sports .block ,
#culture .block {
	clear: both;
	float: left;
	width: 47.5%;
	margin-bottom: 2em;

	background-image: url("../img/plan/plan_bg.png");
	background-repeat: no-repeat;
	background-position: center top;
	background-size: auto 6em;
	padding-top: 6em;

}

#sports .block:nth-child(even) ,
#culture .block:nth-child(even) {
	float: right;
	clear: none;
}

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

#outdoor .block {
    background-image: url("../img/sports/outdoor_bg.png");
}

#indoor .block {
    background-image: url("../img/sports/indoor_bg.png");
}

#handmade .block {
    background-image: url("../img/culture/handmade_bg.png");
}

#health .block {
    background-image: url("../img/culture/health_bg.png");
}

#nature .block {
    background-image: url("../img/culture/nature_bg.png");
}

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

.groupMenuHeadline {

}

.groupMenuHeadline:after {
	content: "";
	clear: both;
	display: table;
}

.groupMenuImages {
	width: 30%;
	float: left;
	position: relative;
}

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

.tableOpen {
	clear: both;
	margin-top: 1em;
	text-align: center;
}

.tableOpen p {
	height: 30px;
	width: 30px;
	margin: auto;
	text-indent: -99999px;
	background-image: url(../img/format/b_gr2.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: auto 60%;
	border-radius: 30px;
	cursor: pointer;
}

.tableOpen p.open {
	background-image: url(../img/format/t_gr2.png);
}

.tableOpen p:hover {
	background-image: url(../img/format/b_wh2.png);
	background-color: rgba(0,0,0,0.25);
}

.tableOpen p.open:hover {
	background-image: url(../img/format/t_wh2.png);
}

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

.valueHeadline {
	
}

.valueImages {
	float: left;
	width: 50%;
	margin-right: 1em;
}

.valueTxt {
	
}

#sports table th ,
#culture table th {
	width: 27%;
}


/*****************************************************************
#access
*****************************************************************/

#gmap {
	margin-top: 3em;
}


/*****************************************************************
#banner
*****************************************************************/

#banner {
	clear: both;
	display: block;
	position: relative;
	padding: 20px 0em 20px 0em;
	text-align: left;
	-webkit-box-shadow: 0px -2px 2px rgba(0,0,0,0.20);
	box-shadow: 0px -2px 2px rgba(0,0,0,0.20);
	background-image: url(../img/format/stripe2.png);
	border-top: 1px solid rgba(255,255,255,1.00);
	border-bottom: 1px solid rgba(255,255,255,1.00);
	text-align: center;
}

#banner:after {
	clear: both;
	display: table;
	content: "";
}

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

#banner .banner {
	width: 100%;
}

#banner ul {
	width: 100%;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

#banner ul:after {
	clear: both;
	display: table;
	content: "";
	height: 0px;
}


#banner li {
	list-style-type: none;
	margin: 0px 0px 5px 0px;
	display: inline-block;
	padding: 0.25%;
	background-color: rgba(255,255,255,0.85);
	min-width: 100px;
	max-width: 250px;
}

#banner li img {
	opacity: 1;
}

#banner li img:hover {
	opacity: 0.75;
}

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

.weather {
	clear: both;
	padding: 10px;
	-webkit-box-shadow: inset 0px 0px 2px rgba(0,0,0,0.40);
	box-shadow: inset 0px 0px 2px rgba(0,0,0,0.40);
	background-color: rgba(255,255,255,1.00);
	display: inline-block;
	width: auto;
}

.weather iframe {
	width: 100%;
	height: 30px;
	margin: 0px;
}

#weatherTitle {
	margin: 0px 0px 10px 0px;
	background-color: rgba(30,162,218,1.00);
	color: rgba(255,255,255,1.00);
	border-radius: 30px;
	padding: 0.5em;
	text-align: center;
}








/****************************************************************************************************************************
@media screen
****************************************************************************************************************************/

@media (max-width:900px){

body {
	font-size: 14px;
	line-height: 1.3;
	letter-spacing: 0em;
}

header {
	border-top: 5px solid #229300;
}

header .wfix {
    width: 96%;
}

header .wrapper {
    width: 30%;
	margin-left: 0%;
	padding: 5px 15px;
}

header h2 {
    margin: 0px;
    width: 20%;
    max-width: 115px;
    position: absolute;
    top: 10px;
    right: 5px;
}

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


#visual {
	margin-bottom: 0em;
}

#visual .bx-viewport {
    border-radius: 0px;
}

#visual .visualText {
    position: relative;
    padding: 0.5em;
    font-size: 80%;
    text-align: center;
	margin-bottom: 1em;
}

#visual .bx-controls {
	display: block;
    position: absolute;
    position: relative;
    width: 100%;
	padding-top: 1.25em;
	padding-bottom: 1.25em;
    height: auto;
}

#visual .bx-controls-direction {
	display: none;
}

#visual .bx-wrapper .bx-pager, #visual .bx-wrapper .bx-controls-auto {
    padding-top: 1.75em;
}

#visual .bx-wrapper .bx-pager {
    padding-top: 0px;
    position: relative;
}

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

#navigation {
	display: none;
}

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

article.chapter {
   padding-bottom: 0.5em;
   padding-top: 1em;
}

.headline {
   width: 96%;
}

main h1 {
	font-size: 1.5em;
	border-radius: 5px;
	padding: 1em 0.5em;
}

main h1 .s {
    margin-left: 0em;
    margin-right: 0em;
}

.headlineText {
    font-size: 1em;
	padding: 0.5em;
	margin-bottom: 0em;
}

.headline .chapterOpen p {
   width: 30px;
   height: 30px;
}

.chapterClose {
	margin-top: 2em;
	padding-bottom: 2em;
}

.chapterClose p {
   width: 30px;
   height: 30px;
}

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

.header {
    padding-top: 1em;
}

.headerText {
    background-size: auto 4em;
    padding-bottom: 5em;
    font-size: 1em;
	text-align: left;
	text-align: justify;
}

.headerText br {
	display: inline-block;
	float: left;
}

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

main h2 {
	padding: 1.5em 0.5em;
	margin-bottom: 5px;
	background-position: right center;
	background-size: contain;
	border-radius: 10px;
	font-size: 1.2em;
	text-shadow: 1px 1px rgba(0,0,0,0.20);
}

main h2 .mark {
    width: 1.5em;
    height: 1.5em;
    margin-right: 0.5em;
}

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

.intro {
    margin-bottom: 1em;
}

.introImage {
    padding-top: 1em;
    padding-bottom: 1em;
}

.introText {
    padding-top: 1em;
    padding-bottom: 1em;
	text-align: justify;
	font-size: 100%;
}

.introText br {
	display: inline-block;
	float: left;
}

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

.block {
    margin-top: 2em;
}

.recommend {
    background-size: auto 4em;
    padding-top: 3.5em;
}

/*
.point {
    background-size: auto 4em;
    padding-top: 3.5em;
}
*/

h3 {
    font-size: 1.2em;
    padding: 0.5em;
}

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

.value {

}

h4 {
    font-size: 1.2em;
	text-align: left;
	text-align: justify;
}

.comment {
    margin-top: 1em;
    padding: 2em 0em 1em 0em;
    font-size: 1.1em;
	text-align: left;
	text-align: justify;
}

.comment br {
	display: inline-block;
	float: left;
}

.lastinfo {
    padding-top: 1em;
    font-size: 90%;
	text-align: left;
	text-align: justify;
}

.lastinfo br {
	display: inline-block;
	float: left;
}

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

table th ,
table td {
    font-size: 90%;
}

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

#movie .header {
    background-size: auto 14em;
    background-position: 15% top;
	padding: 2em 0em 1em 0em;
	margin-bottom: 1em;
}

#movie .headerText {
    background-position: 85% top;
    background-size: auto 12em;
	padding: 13em 0em 0em 0em;
	text-align: justify;
}

#movie .intro {
    float: none;
    width: 100%;
}

#movie br {
	display: inline-block;
	float: left;
}

#movie .capacity {
    font-size: 110%;
}

#movie .detail {
    float: none;
    width: 100%;
}

#movie .more {
	text-align: justify;
}

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

#sports .block, #culture .block {
    clear: both;
    float: none;
    width: 100%;
    background-size: auto 4em;
    padding-top: 4em;
}

.valueHeadline {
	text-align: justify;
}

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

#banner li {
	min-width: 30%;
}

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

#contact {
    padding: 4em 5% 8em 5%;
}

#call {
	margin-bottom: 4em;
    padding-bottom: 4em;
	border-bottom: 1px dotted rgba(0,0,0,0.25);
}

.freedial {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}

.freedial .number {
	font-size: 40px;
}

.freedial .freedialCaption {
	margin-bottom: 4em;
}

.online a {
	width: auto;
	padding: 1.5em 4em;
	font-size: 80%;
}

.online a .ja {
	margin-left: 1em;
	letter-spacing: 0.2em;
}

.online a .eng {
	letter-spacing: 0.5em;
	margin-right: 0.25em;
}

.officeList {
	text-align: center;
	font-size: 80%;
}

dl.office {
	width: auto;
    min-width: 0;
}

dl.office .officeTel {
    padding: 0.5em 2em;
}

#copyRight {
    letter-spacing: 0.1em;
}

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

#sc {
	display: none;
}

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

}









/****************************************************************************************************************************
@media screen
****************************************************************************************************************************/

@media (max-width:500px){


header {
	position: relative;
	font-size: 1em;
	padding: 1% 5%;
	background-image: linear-gradient(180deg, #2DC300 0%, #148200 100%);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.3);
	border-top: 5px solid #229300;
	border-bottom: 1px solid #229300;
}

header .wfix {
    width: 100%;
}

header .wrapper {
    width: 100%;
    float: none;
    margin: 0px;
    padding: 0px;
    border-radius: 0px;
    box-shadow: none;
    background-color: inherit;
    background-image: none;
	max-width: 100%;
}

header .wrapper:after {
	content: "";
	display: table;
	clear: both;
	height: 0px;
}

header h1 {
	width: 50%;
	max-width: 200px;
	float: left;
	margin: 10px 0px 10px 0px;
	padding: 0px;
	border-style: none;
}

header h2 {
    width: 28%;
	position: absolute;
	top: 5px;
	right: 5px;
    margin: 0px;
    padding: 0px;
	max-width: 115px;
}

#fd {
	clear: both;
	display: block;
	margin: 0px 0px 10px 0px;
	width: 50%;
	float: left;
	max-width: 190px;
}

#contactLink {
    display: block;
	float: right;
    width: 45%;
    margin: 4% 0px 0px 0px;
    text-align: center;
    color: #FFF;
	max-width: 115px;
}

#contactLink a {
    color: #FFF;
    background-color: rgba(0, 0, 0, 0.15);
    text-decoration: none;
    font-size: 0.8em;
    display: block;
    border-radius: 30px;
    padding: 0.4em 0em;
}

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

#visual h2 img {
   height: 300px;
}

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

main h1 {
	font-size: 1.3em;
	padding: 0.75em 0.5em;
}

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

#point .pointTxt {
	width: 100%;
	float: none;
}

#point h2 {
	text-align: center;
}

#point .pointTxt .wrap {
    border-radius: 0px;
}

#point .pointImage {
	width: 100%;
	float: none;
	border-top-right-radius: 0px;
	border-top-left-radius: 0px;
}

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

main h2 {
	background-position: right center;
	font-size: 1em;
}

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

table th ,
table td {
	padding: 0.25em;
}

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

#movie .header {
    background-position: left top;
}

#movie .headerText {
    background-position: right top;
}

#movie .intro,
#movie .detail {
   width: 86%;
}

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

.valueImages {
    float: none;
    width: 100%;
    margin-right: 0em;
	text-align: center;
}

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

#banner li {
	min-width: 49%;
}

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

#call, #officeList {
    margin-right: auto;
    margin-left: auto;
    width: 90%;
}

.freedial {
	width: 100%;
}

.online a {
	padding: 1em;
	width: 100%;
}

.online a .ja {
	margin-left: 0px;
	letter-spacing: 0em;
}

.online a .eng {
	letter-spacing: 0em;
	margin-right: 0.25em;
}

dl.office {
	width: 100%;
	font-size: 90%;
	margin-left: auto;
	margin-right: auto;
}

dl.office .officeTel {
    padding: 0.5em;
	width: 100%;
}

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

}










/****************************************************************************************************************************
body.ie
****************************************************************************************************************************/

body.ie {
	text-align: center;
}

body.ie #container {
	text-align: left;
	width: 1000px;
	margin: 0px;
}

body.ie header {
	width: 100%;
	position: relative;
	background-color: #0BA500;
	border-top: none;
	padding: 10px 10px 15px 10px;
}

body.ie header .wfix ,
body.ie header .wrapper {
	position: relative;
	display: inline;
    width: auto;
	margin: 0px;
	background-color: #0BA500;
}

body.ie header h1 {
    width: 200px;
    float: left;
    margin: 10px 30px 10px 0px;
	border-bottom: none;
	padding: 0px;
}

body.ie header h1 img {
    width: 200px;
	height: 27px;
}

body.ie header #fd {
    float: left;
    width: 190px;
    margin: 0px 30px 0px 30px;
}

body.ie header #fd img {
    width: 190px;
	height: 38px;
}

body.ie header h2 {
	position: relative;
    width: 115px;
    float: right;
	top: 0px;
	right: 0px;
    margin:0px;
}

body.ie header h2 img {
    width: 115px;
	height: 43px;
}

body.ie header #contactLink {
	float: left;
	width: 150px;
	margin: 10px;
	background-color: #097C00;
}

body.ie #visual .bx-wrapper .bx-pager {
	display: none;
}

body.ie .headline,
body.ie .contents ,
body.ie .header ,
body.ie .intro ,
body.ie .detail ,
body.ie .value {
	width: 100%;
}

body.ie .headline h1 {
	width: 100%;
	background-color: #0BA500;
}

body.ie p img {
	width: 100%;
	height: auto;
}

body.ie p.floormap img {
	width: auto;
}

body.ie .headerText {
    background-image: none;
    padding: 0em;
}

body.ie .content h2 {
	background-color: #EBBD00;
	cursor: default;
	color: #FFF;
	margin-top: 4em;
}

body.ie #information h2 ,
body.ie #point h2 {
	margin-top: 0em;
}

body.ie #point h2 {
    background-color: #FFF;
}

body.ie #point .pointTxt {
    width: 100%;
    float: none;
}

body.ie #point .pointImage {
	display: none;
}

body.ie .recommend {
    background-image: none;
    padding-top: 0em;
}

body.ie h3 {
    background-color: #43A415;
	color: #FFF;
}

body.ie .comment {
    background-image: none;
    padding: 0em;
}

body.ie #movie {
	display: none;
}

body.ie #sports .block,
body.ie #culture .block {
	clear: none;
    float: left;
    width: 46%;
	margin-left: 2%;
	margin-right: 2%;
    background-image: none;
    padding-top: 0em;
}

body.ie #sports .block:nth-child(2n), 
body.ie #culture .block:nth-child(2n) {
	clear: none;
    float: left;
}

body.ie #sports .block:nth-child(2n+1), 
body.ie #culture .block:nth-child(2n+1) {
    clear: left;
    float: left;
}

body.ie #banner li {
    width: 25%;
    float: left;
}

body.ie #banner li img {
	width: 100%;
	height: auto;
}

#call, #officeList {
    width: 100%;
}

body.ie .online a {
    display: inline-block;
    border: 7px solid #E6E6E6;
    background-color: #FFF;
    text-align: center;
    padding: 2em 4em;
    text-decoration: none;
    color: #969696;
}

body.ie dl.office {
    width: 31%;
    float: left;
	margin-left: 1%;
	margin-right: 1%;
}

body.ie dl.office .officeTel {
    width: 100%;
    color: #FFF;
    background-color: #373737;
    border-style: none;
    letter-spacing: 0.1em;
    padding: 0.5em;
    margin: 0.5em 0em;
    font-size: 80%;
}

body.ie footer {
    width: 100%;
    padding: 2%;
    background-color: #000;
}

body.ie #author {
    width: 135px;
    height: 50px;
}

body.ie #author img {
    width: 135px;
    height: 50px;
}


/*****************************************************************
END
*****************************************************************/