@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3,
h4, h5, h6, p, blockquote, pre, a, abbr, acronym,
address, big, cite, code, del, dfn, em, font, img, ins,
kbd, q, s, samp, small, strike, sub, sup, tt,
var, ol, ul, li, fieldset, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td  {
	margin:0;padding:0;border:0;outline: 0;font-style:normal;font-weight:normal;text-decoration:none;list-style: outside none;position:relative;zoom:1;vertical-align:baseline}
/* dl, dt, dd {} */
body {
	font-family: "Helvetica Neue",Helvetica,Arial,"游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","Meiryo","メイリオ","ＭＳ ゴシック",sans-serif;
	height: 100%;
	width: 100%;
	text-align:left;
	line-height: 1.7;
	font-size:18px;
	color:#292115;
	background:#fff;
	-webkit-text-size-adjust: 100%;}
/**************************************** remember to highlight inserts somehow! **********/
table {
	border-collapse: separate;
	border-spacing: 0;
	max-width:100%;}
td,th {
	vertical-align:middle;}
/**************************************** clearfix **********/
.clearfix {zoom:1;}
.clearfix:after{
	content: "";
	display: block;
	clear: both;}
/**************************************** html tag style **********/
a {
	color:#292115;
	text-decoration:underline;}
a:hover {
	color:#292115;}
/**************************************** font style **********/
.font-family2 {
	font-family: "Source Sans Pro",Helvetica,Arial,"游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","Meiryo","メイリオ","ＭＳ ゴシック",sans-serif;}

.font08 {font-size:14.4px;}
.font09 {font-size:16.2px;}
.font10 {font-size:18.0px;}
.font11 {font-size:19.8px;}
.font12 {font-size:21.6px;}
.font14 {font-size:25.2px;}
.font16 {font-size:28.8px;}
.font17 {font-size:30.6px;}
.font175 {font-size:31.5px;}
.font18 {font-size:32.4px;}
.font20 {font-size:36.0px;}
.font22 {font-size:39.6px;}
.font24 {font-size:43.2px;}
.font26 {font-size:46.8px;}
.font28 {font-size:50.4px;}
.font30 {font-size:54.0px;}
.font32 {font-size:57.6px;}
.font34 {font-size:61.2px;}
.font38 {font-size:68.4px;}

.line-height12 {line-height:1.2;}

/**************************************** global style **********/
.border-box {box-sizing:border-box;}
.flex {display:flex;}
.flex-column {flex-direction:column;}
.align-middle {align-items:center;}
.justify-center {justify-content:center;}
.justify-space-between {justify-content:space-between;}
.align-center {align-items:center;}
.align-stretch {align-items:stretch;}
.self-stretch {align-self:stretch;}
.hidden {overflow:hidden;}
.block {display:block;}
.none {display:none!important;}
.height100 {height: 100%;}
.height0 {height: 0;
	overflow: hidden;}
.inline {display:inline;}
.inline-block {display:inline-block;}
.bold {font-weight:bold;}
.left {
	float:left;
	}
.right {
	float:right;}
.center {
	display:block;
	margin-right:auto!important;
	margin-left:auto!important;}
.text-center {
	text-align:center;}
.text-right {
	text-align:right;}
img.left {
	float:left;
	display:block;
	margin-top:5px;
	margin-right:15px;}
img.right {
	float:right;
	display:block;
	margin-top:5px;
	margin-left:15px;}
a img:hover {
	opacity:0.8;
	transition:all 0.3s;}
.margin-top10 {margin-top:10px!important;}
.margin-top20 {margin-top:20px!important;}
.margin-top30 {margin-top:30px!important;}
.margin-top40 {margin-top:40px!important;}
.margin-top50 {margin-top:50px!important;}
.margin-top60 {margin-top:60px!important;}
.margin-top70 {margin-top:70px!important;}
.margin-top80 {margin-top:80px!important;}
.margin-top90 {margin-top:90px!important;}
.margin-top100 {margin-top:100px!important;}
.margin-bottom5 {margin-bottom:5px!important;}
.margin-bottom10 {margin-bottom:10px!important;}
.margin-bottom20 {margin-bottom:20px!important;}
.margin-bottom30 {margin-bottom:30px!important;}
.margin-bottom40 {margin-bottom:40px!important;}
.margin-bottom50 {margin-bottom:50px!important;}
.margin-left-50 {margin-left:-50px!important;}
.margin-left-10 {margin-left:-10px!important;}
.margin-left10 {margin-left:10px!important;}
.margin-left20 {margin-left:20px!important;}
.margin-left25 {margin-left:25px!important;}
.margin-left30 {margin-left:30px!important;}
.margin-right10 {margin-right:10px!important;}
.margin-right20 {margin-right:20px!important;}
.margin-right30 {margin-right:30px!important;}
.padding-top3 {padding-top:3px!important;}
.padding-top5 {padding-top:5px!important;}
.padding-top10 {padding-top:10px!important;}
.padding-top20 {padding-top:20px!important;}
.padding-top30 {padding-top:30px!important;}
.padding-top40 {padding-top:40px!important;}
.padding-top50 {padding-top:50px!important;}
.padding-top60 {padding-top:60px!important;}
.padding-top70 {padding-top:70px!important;}
.padding-top80 {padding-top:80px!important;}
.padding-top90 {padding-top:90px!important;}
.padding-top100 {padding-top:100px!important;}
.padding-bottom5 {padding-bottom:5px!important;}
.padding-bottom10 {padding-bottom:10px!important;}
.padding-bottom20 {padding-bottom:20px!important;}
.padding-bottom30 {padding-bottom:30px!important;}
.padding-bottom40 {padding-bottom:40px!important;}
.padding-bottom50 {padding-bottom:50px!important;}
.padding-left10 {padding-left:10px!important;}
.padding-left20 {padding-left:20px!important;}
.padding-left30 {padding-left:30px!important;}
.padding-right10 {padding-right:10px!important;}
.padding-right20 {padding-right:20px!important;}
.padding-right30 {padding-right:30px!important;}
.padding-right40 {padding-right:40px!important;}
.wrapper0 {
	max-width:100%;
	min-width:280px;}
.wrapper1 {
	max-width:1260px;
	overflow:hidden;
	min-width:280px;
	padding:0 0 0 0;
	margin:0 auto 0 auto;
	/* background:;url(../images/logo.png) no-repeat center center; */
	border:#ddd solid;
	border-width:0;
	letter-spacing: 0;}
.wrapper-inner {
	width:100%;
	margin-left:-10px;
	font-size:0;
	letter-spacing: 0;}


img {
	max-width:100%;
	height:auto;}
.radius5 {border-radius:5px;}
.radius10 {border-radius:10px;}
.radius20 {border-radius:20px;}

.width20percent {width:20%;}
.width25percent {width:25%;}
.width50percent {width:50%;}
.width100percent {width:100%;}

p {
	text-align: left;
	text-justify: inter-ideograph;}
.footnote {margin-left:1.0em;text-indent:-1.0em;}

.lineheight08 {line-height:0.8;}
.lineheight10 {line-height:1.0;}
.lineheight12 {line-height:1.2;}
.lineheight14 {line-height:1.4;}

.letterspacing01 {letter-spacing:0.1em;}
.letterspacing02 {letter-spacing:0.2em;}

/**************************************** heading style **********/
.heading1 {
	border: solid #6A6931;
	border-width: 0 0 1px 10px;
	padding: 0 0 0 0.3em;}
/* .heading2 {} */
/* .heading3 {} */
/* .heading4 {} */
#header {
	/*position:fixed;*/
	border-top:20px #6A6931 solid;
	/* z-index:; */
	background: url('') 50% 0% no-repeat;background-size:cover;
	/* height:; */
}


/**************************************** grid style **********/
.row {
	width:103%;
	overflow:hidden;
	margin-left:0px;
	font-size:0;
	letter-spacing: 0;
	word-spacing:0;}
.grid1,.grid2,.grid3,.grid4,.grid5,.grid6,.grid7,.grid8,.grid9,.grid10,.grid11,.grid12,.grid13,.grid14,.grid15 {
	display:inline-block;
	vertical-align:top;
	/* overflow:; */
	/* background:#efefef; */
	margin:0 20px 1px 0px;/*-0.185rem*/
	padding-bottom:0px;
	height:100%;
	font-size:19.8px;}
.grid1 {width:60px;}
.grid2 {width:140px;}
.grid3 {width:220px;}
.grid4 {width:300px;}
.grid5 {width:380px;}
.grid6 {width:460px;}
.grid7 {width:540px;}
.grid8 {width:620px;}
.grid9 {width:700px;}
.grid10 {width:780px;}
.grid11 {width:860px;}
.grid12 {width:940px;}
.grid13 {width:1020px;}
.grid14 {width:1100px;}
.grid15 {width:1180px;}

/**************************************** navi **********/
.navi ul {
	text-align:center;
}
.navi ul li {
  display: inline-block;
  /* *display: inline; */
  /* *zoom: 1; */

	/**float:left;**/
	list-style-type:none;}
.navi ul li a {
	text-decoration:none;
	font-size:21.6px;
	color:#333;
	letter-spacing: 0.0em;
	display:block;
	/* background:; */
	margin:3px;
	border-radius:10px;
	padding:0.5em 1.2em;}
.navi ul li a:hover {
	background:#e2e1c6;}
.navi ul li a.selected {
	background:#fff;
}


	
/**************************************** header **********/

.header {
	width:100%;
	/* position:; */
	top:0;
	/* background:; */
	color:#000;
	padding-top:10px;}


/**************************************** footer **********/
.footer {
	background:#6A6931;
	color:#fff;}
.footer a {
	text-decoration:none;
	font-weight:bold;
	color:#fff;
	padding: 0.4em 1em;}
.footer a:hover {
	background:#000000;
	text-indent:0.1em;}




/**************************************** local style **********/
.googlefont1 {
	font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,"游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","Meiryo","メイリオ","ＭＳ ゴシック",sans-serif;}

.color1 {color:#fff;}
.color2 {color:#353535;}
.color3 {color:#f00;}
.color4 {color:#aaa;}
.color5 {color:#6F6E38;}
.bgcolor1 {	background-color:#E0D6C7;}
.bgcolor2 {	background-color:#F2EFEA;}
.bgcolor3 {	background-color:#ddd;}
.bgcolor4 {	background-color:#BFBD83;}
.max-width1 {max-width:1260px;}
.indent-1 {text-indent:-1em;padding-left:1em;}
.underline1 {
	border-bottom:solid 3px #E0D6C7;}
.underline2 {
	border-bottom: 2px dotted #bbb;}
.underline3 {
	border-bottom:solid 1px #f6f6f6;}
.underline4 {
	border-bottom:solid 1px #0078c4;}
.shadow1 {
	box-shadow:rgba(0, 0, 0, 0.4) 0px 1px 5px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.4) 0px 1px 5px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.4) 0px 1px 5px 0px;}
.text-shadow1 {text-shadow:0 0 3px #ddd;}

.toggle-next:hover {
	cursor: pointer;
	opacity: 0.8;
}

.transition1 {
	transition: all 1s;
}

.ul1 {
	list-style-position:outside;}
.ul1 li {
	margin-left:1em;
	margin-bottom:0.5em;
	line-height:1.5;
	list-style-type:square!important;}
.ul2 li {
	float:left;
	margin-right:1em;}
.ul2 li a {
	margin-right:1em;}
.ul3 li {
	list-style:none;}
.ul4 li {
	list-style:disc;}
.ol1 li {
	list-style:decimal;
	white-space:nowrap;
	margin:0 0 0.5em 1em;}
.ol2 li {
	list-style:decimal;
	margin:0 0 0.5em 1.5em;}
.dl01 {
	margin:0;}
.dl01 dt {
	float:left;}
.dl01 dt {
	width:140px;
	border-top:solid 1px #eee;
	padding: 5px 0;}

.dl01 dd {
	overflow:hidden;
	border-top:solid 1px #eee;
	padding: 5px 0;}

.logo {
	display:block;
	max-width:90%;}

.box1 {
	padding: 1.5em 1.5em;
	background:#d7c9b4;
	border:0px solid #000;}
.box2 {
	padding:1em;
	border:solid #F2EDE6;
	background:#fff;
	border-width:3px;}
.box3 {
	padding:0.5em;
	border:solid #F2EDE6;
	background:#E0D6C7;
	border-width:0px;}
.box3:hover {
	background:#f2eee8;}
.box4 {
	background:#eee;
	padding:20px;
	border:1px #ddd solid;}
.box5 {
    background: #fff none repeat scroll 0 0;
    border: 2px solid #eeeeee;
    margin-top: 10px;
    padding: 1em;
}
.box6 {
	padding:1em;
	background:#fbf9f7;
	border:1px solid #e9dfd5;}
.box7 {
	padding:0.5em 1em;
	color:#fff;
	background:#6A6931;
	border:0px solid #e9dfd5;}
.box8 {
	padding:0.8em;
	background:#F2EEE8;
	color:#000;
	border:0px solid #000;}
.box9 {
	padding: 0.6em 1em;
	background:#d7c9b4;
	border:0px solid #000;}
.circle1 {
	display:block;
	border-radius:50%;
	background:#fff;
	float:left;
	width:1.5em;
	height:1.5em;
	text-align:center;
	color:#6A6931;
	font-weight:bold;
}
.circle2 {
	display:block;
	border-radius:50%;
	background:#fff;
	float:left;
	width:1.5em;
	height:1.5em;
	text-align:center;
	color:#6A6931;
	font-weight:bold;
}
.table-cell1 {
	display:table-cell;
	vertical-align:middle;
}
.sankaku {
	width: 0;
	height: 0;
	border: solid transparent;
	border-width: 2em 0 2em 1.5em;
	border-left: 1.5em solid #bbbbbb;
}
.sankaku2 {
	width: 0;
	height: 0;
	border: solid transparent;
	border-width: 1.5em 2em 0 2em;
	border-top: 1.5em solid #bbbbbb;
}
.arrow{
position: relative;
display: inline-block;
padding: 0 0 0 16px;
color: #000;
vertical-align: middle;
text-decoration: none;
/* font-size: ; */
}
.arrow::before,
.arrow::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}

.kunoji::before{
left: -1em;
width: 0.8em;
height: 0.8em;
border-top: 2px solid #000;
border-right: 2px solid #000;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.button1 {
	display:block;
	background:#ffd166;
	color:#333;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	padding:0 0;
	border:#ddd 2px solid;
	border-width: 0 4px 4px 0;
	border-radius:0.5em;
	transition:all 0.1s;}
.button1:hover {
	background:#ffe199;
	border:#aaa 2px solid;
	border-width: 0 4px 4px 0;}
.button2 {
	display:block;
	background:#eee;
	color:#fff;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	padding:0.5em 1em;
	border:#333 solid;
	border-width:1px 2px 2px 1px;
	border-radius:10px;}
.button3 {
	display:block;
	/* vertical-align:middle; */
	background:#f22;
	color:#fff;
	text-align:center;
	text-decoration:none;
	font-weight:bold;
	height:4em;
	/* width:; */
	padding:0 1em;
	border:#777 solid;
	border-width:1px 1px 1px 1px;
	border-radius:5px;}
.button3 span {
	display:inline;
	margin:0 auto;
}
.button3 b {
	display:table-cell;
	width:200%;
	font-weight:bold;
	height:4em;
	vertical-align:middle;}
.button3:hover {
	transition:all 0.3s;
	background:#faa;}

.breadcrumbs a {
	text-decoration:none;}
/* .course-button {
	width:;}	 */
.course-button a {
	display:block;
	box-shadow: 0px 0px 3px rgba(0,0,0,0.0);
	text-decoration:none;
	font-size:16px;
	line-height:1.2;
	color:#777;
	/* width:; */
	margin:0 0 10px 0;
	/* float:; */
	height:5em;
	border:2px solid #ccc;
	border-radius:10px;
	overflow:hidden;
	background:#FCFAF4;}
.course-button a img {
	width:5em;
	float:left;
	height:5em;
	margin-right:0.7em;}
.course-button a b {
	display:table-cell;
	font-weight:bold;
	height:5em;
	vertical-align:middle;}
.course-button a:hover {
	transition:all 0.1s;
	border-color:#B5B5A1;
	background:#B5B5A1;
	color:#fff}
.odd-colored:nth-child(odd) {
	background:#f7f7f7;}

.background1 {
	background:#FEFFF4;}
.background2 {
	background:#ddd;}
.background3 {
	background:#418F67;}
.background4 {
	background:#F8F1DF;}
.background5 {
	background:#faf8f6;}
.background6 {
	background:#fff;}

.border1 {
	border:3px #eee solid;}	
.border2 {
	border:1px #ddd solid;}
.border-bottom2 {
	border-bottom:1px #eee solid;
}

#page-top {
	position: fixed;
	background:#F2EDE6;
	z-index:100;
	bottom:0;
	text-align:center;
	border-width:0;
	border-radius:10px 0 0 0;
	right: 0;}
#page-top a {
	color:#8D744E;
	text-decoration:none;
	display:block;
	padding:0.7em 0.7em;
	font-weight:bold;
	font-size: 1em;}
	
.table1 {
	border-collapse: separate;
	border:1px solid #aaa;
	border-width:0 0 0 0;}
.table1 td,.table1 th {
	border:solid #aaa;
	padding:0.0em 0.1em;
	border-width:0 0 1px 0;}
.table1 td {
	text-align:center;}
.table1 th {	
	font-weight:bold;}
	
.table2 {
	border-collapse: separate;
	border:1px solid #aaa;
	border-width:0 0 0 0;}
.table2 td,.table2 th {
	border:solid #aaa;
	padding:0.2em 0.5em;
	border-width:0 0 1px 0;}
.table2 td {
	text-align:right;}
.table2 th {	
	font-weight:bold;}
.table2 th a {
	display:block;
	text-decoration:none;
	font-weight:bold;}
.table2 th a:hover {
	background:#eee;}

.table3 {
	border-collapse: separate;
	border:1px solid #aaa;
	border-width:1px 0 0 0;}
.table3 th {
	font-weight:bold;}
.table3 td, .table3 th {
	border:solid #aaa;
	text-align:left;
	vertical-align:middle;
	padding:0.5em;
	border-width:0 0 1px 0;}
.table4 {
	border-collapse: separate;
	border:solid #aaa;
	border-width:1px 0 0 0;}
.table4 .tourtitle a {
	display:block;
	font-weight:bold;}
.table4 .tourtitle a:hover {
	color:#eee;	
	}
.table4 .tourtitle {
	font-weight:bold;
	background:#eee;}
.table4 td, .table4 td.tourtitle {
	border:solid #aaa;
	padding:1em 1em;
	border-width:0 0 1px 0;}
.table4 td:first-child {
	width:300px;}
.table4 td:last-child {
	width:140px;}	

.yoyaku-button {
    background: #b1ed00 none repeat scroll 0 0;
    border: 2px solid #83cc00;
    border-radius: 0.5em;
    color: #333;
    display: block;
    font-weight: bold;
    padding: 1em 1em;
    text-align: center;
    text-decoration: none;
}
.yoyaku-button:hover {
	transition:all 0.3s;
    border: 2px solid #83cc00;
	background: #dcff72 none repeat scroll 0 0;
	/* color:; */
}


.gallery-img {
	width:110px;
	margin:0 9px 9px 0;
	border-radius:5px;
}
    #fb-root {
        display: none;
    }
     
    .fb_iframe_widget, .fb_iframe_widget span,
    .fb_iframe_widget span iframe[style] {
        width: 100% !important;
    }
	


.link-table table tr td a {
	font-weight: bold;
}

/**************************************** mail form pro **********/

input,
textarea,
select{
    font-size:1rem;
    font-family: "游ゴシック","YuGothic","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","Meiryo","メイリオ","ＭＳ ゴシック",sans-serif;
    border: 1px solid #B9C9CE;
    border-radius:5px;
    padding: 1px;
	margin-bottom:5px;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.2);
	width:95%!important;
}
input.input2 {width:auto!important;}
 
input[type=text]:focus,
textarea:focus {
  border-color:#83B6C2;
    outline:none;
    box-shadow:2px 2px 4px rgba(143,183,222,0.6),-2px -2px 4px rgba(143,183,222,0.6),inset 0 1px 2px rgba(0,0,0,0.2);
}
::-webkit-input-placeholder {
    color:#AFAFAF;
}
:-moz-placeholder {
    color:#AFAFAF;
}

table#mfp_confirm_table tr th {
	width:auto!important;
	white-space: normal;}

form#mailformpro label {
    border-radius: 3px;
    display: inline-block;
    margin: 3px;
    white-space: normal;
}

/**************************************** l **********/
@media screen and (max-width: 1333px) {

	.wrapper1 {width:940px;}
	.popup-gallery a {width:113px;}

	.l-width50 {
		width:50%;
		max-width:50%;}
	.l-hidden {display:none;}
	.l-display {display:block;}
	.row {
		width:103%;
		overflow:hidden;
		margin-left:0px;
		font-size:0;
		letter-spacing: 0;
		word-spacing:0;}
	.l-grid1,.l-grid2,.l-grid3,.l-grid4,.l-grid5,.l-grid6,.l-grid7,.l-grid8,.l-grid9,.l-grid10,.l-grid11,.l-grid12 {
		display:inline-block;
		vertical-align:top;
		/* overflow:; */
		/* background:#efefef; */
		margin:0 20px 1px 0px;/*-0.185rem*/
		padding-bottom:0px;
		height:100%;
		font-size:1rem;}
	.l-grid1 {width:60px;}
	.l-grid2 {width:140px;}
	.l-grid3 {width:220px;}
	.l-grid4 {width:300px;}
	.l-grid5 {width:380px;}
	.l-grid6 {width:460px;}
	.l-grid7 {width:540px;}
	.l-grid8 {width:620px;}
	.l-grid9 {width:700px;}
	.l-grid10 {width:780px;}
	.l-grid11 {width:860px;}
	.l-grid12 {width:940px;}
	.l-block {display:block!important;}
	.l-text-center {text-align:center;}
	.l-center {float:none;margin-left:auto;margin-right:auto;}
	.l-margin-top100 {margin-top:100px!important;}
}

/**************************************** m **********/
@media screen and (max-width: 994px) {
	.wrapper1 {width:620px;padding:0 0em;}
	.navi ul li {
		float:left;
		width:50%;
		list-style-type:none;}
	.navi ul li a {
		text-decoration:none;
		font-size:19.8px;
		color:#333;
		text-align:center;
		letter-spacing: 0.0em;
		display:block;
		background:#EDE7DE;
		margin:3px;
		border-radius:10px;
		padding:0.5em 1.3em;}
	.navi ul li a:hover {
		background:#D6CCBE;}
	.navi ul li a.selected {
		background:#fff;
	}
	.gallery-img {
		width:70px;
		margin:0 9px 9px 0;
	}
	.table4　{border-width:0 0 0 0;}
	.table4 td, .table4 td.tourtitle {
		padding:0.5em 0;
		border:solid #aaa;
		border-width:0 0 0 0;
	}
	.table4 td a {
		padding-left:1em;
	}
	.table4 td:first-child {
		width:100%;}
	.table4 td:last-child {
		width:100%;
		padding-bottom:3em;}

	.link-table table tr td {
		display:block;
	}
	.letterspacing01 {letter-spacing:0.0em;}
	.letterspacing02 {letter-spacing:0.0em;}
	.m-block {display:block!important;}
	.m-table-block td {
		display:block!important;
		max-width:100%;}
	.popup-gallery a {width:120px;}

	.m-bold {font-weight:bold;}
	.m-margin-bottom30 {margin-bottom:30px;}
	.m-hidden {display:none;}
	.m-left {float:left;}
	.m-right {float:right;}

	.row {
		width:104%;
		overflow:hidden;
		margin-left:0px;
		font-size:0;
		letter-spacing: 0;
		word-spacing:0;}
	.m-grid1,.m-grid2,.m-grid3,.m-grid4,.m-grid5,.m-grid6,.m-grid7,.m-grid8,.m-grid9,.m-grid100p,.m-grid11,.m-grid12 {
		display:inline-block;
		vertical-align:top;
		/* overflow:; */
		/* background:#efefef; */
		margin:0 20px 1px 0px;/*-0.185rem*/
		padding-bottom:0px;
		height:100%;
		font-size:1rem;}
	.m-lineheight08 {line-height:0.8;}
	.m-lineheight10 {line-height:1.0;}
	.m-lineheight12 {line-height:1.2;}
	.m-width30 {
		width:30%;
		margin-left:0;
		max-width:30%;}
	.m-width50 {
		width:50%;
		margin-left:0;
		max-width:50%;}
	.m-width100 {
		width:100%;
		margin-left:0;
		max-width:100%;}
	.m-margin-left10 {margin-left:10px;}
	.m-margin-top10 {margin-top:10px!important;}
	.m-margin-left5 {margin-left:5px;}
	.m-margin-right5 {margin-right:5px;}
	.m-height10em {height:10em;}
	.m-rem12 {font-size:1.2rem;}
	.m-padding10 {padding:10px;}
	.m-grid1 {width:60px;}
	.m-grid2 {width:140px;}
	.m-grid3 {width:220px;}
	.m-grid4 {width:300px;}
	.m-grid5 {width:380px;}
	.m-grid6 {width:460px;}
	.m-grid7 {width:540px;}
	.m-grid8 {width:620px;}
	.m-grid9 {width:700px;}
	.m-grid100p {width:96.1%;}
	.m-text-center {text-align:center;}
	
	.font08 {font-size:14.4px;}
	.font09 {font-size:16.2px;}
	.font10 {font-size:18.0px;}
	.font11 {font-size:19.8px;}
	.font12 {font-size:21.6px;}
	.font14 {font-size:21.6px;}
	.font16 {font-size:21.6px;}
	.font17 {font-size:21.6px;}
	.font175 {font-size:30.6px;}
	.font18 {font-size:30.6px;}
	.font20 {font-size:30.6px;}
	.font22 {font-size:30.6px;}
	.font24 {font-size:30.6px;}
	.font26 {font-size:30.6px;}
	.font28 {font-size:30.6px;}
	.font30 {font-size:30.6px;}
	.font32 {font-size:30.6px;}
	.font34 {font-size:30.6px;}
	.font38 {font-size:30.6px;}
	

}
/**************************************** s **********/
@media screen and (max-width: 667px) {
	body {
		font-size:16px;
		-webkit-text-size-adjust: 100%;}
	.gallery-img {
		width:108px;
		margin:0 9px 9px 0;
	}
	.wrapper1 {
		width:460px;padding:0 0em;
		/* overflow:; */
	}
	.popup-gallery a {width:111px;}

	
	.s-flex-column {flex-direction:column;}
	.s-width50 {
		max-width:50%;}
	.s-width100 {
		width:100%;
		max-width:100%;}

	.dl01 dt {
		width:100%;
		border-top:solid 1px #eee;
		padding: 5px 0;
		clear:both;}
	.dl01 dd {
		overflow:visible;
		display:block;
		border-top:solid 1px #eee;
		padding: 5px 0;
		margin-left:0;}
	.s-margin-right0 {margin-right:0;}
	.s-margin-left0 {margin-left:0;}
	.s-hidden {display:none;}
	.s-display {display:block!important;}
	
	.row {
		width:105%;
		overflow:hidden;
		margin-left:0px;
		font-size:0;
		letter-spacing: 0;
		word-spacing:0;}
	.s-grid1,.s-grid2,.s-grid3,.s-grid4,.s-grid5,.s-grid6,.s-grid7,.s-grid8,.s-grid9,.s-grid10,.s-grid11,.s-grid12 {
		display:inline-block;
		vertical-align:top;
		/* overflow:; */
		/* background:#efefef; */
		margin:0 20px 1px 0px;/*-0.185rem*/
		padding-bottom:0px;
		height:100%;
		font-size:1rem;}
	.s-grid1 {width:60px;}
	.s-grid2 {width:140px;}
	.s-grid3 {width:220px;}
	.s-grid4 {width:300px;}
	.s-grid5 {width:380px;}
	.s-grid6 {width:460px;}

	.font08 {font-size:14.4px;}
	.font09 {font-size:16.2px;}
	.font10 {font-size:18.0px;}
	.font11 {font-size:18.0px;}
	.font12 {font-size:18.0px;}
	.font14 {font-size:18.0px;}
	.font16 {font-size:18.0px;}
	.font17 {font-size:18.0px;}
	.font175 {font-size:18.0px;}
	.font18 {font-size:18.0px;}
	.font20 {font-size:19.8px;}
	.font22 {font-size:22.0px;}
	.font24 {font-size:22.0px;}
	.font26 {font-size:22.0px;}
	.font28 {font-size:22.0px;}
	.font30 {font-size:22.0px;}
	.font32 {font-size:22.0px;}
	.font34 {font-size:22.0px;}
	.font38 {font-size:22.0px;}
}

/************************************************************************************   xs   ****/
@media screen and (max-width:479px){
	.wrapper1 {
		width:90%;padding:0 0em;
		/* overflow:; */
	}
	.header-border-top {
		border-top:60px solid #008ECD;}
	.navi ul li {
		float:left;
		width:100%;
		list-style-type:none;}
	.navi ul li a {
		text-decoration:none;
		font-size:19.8px;
		color:#333;
		text-align:center;
		letter-spacing: 0.0em;
		display:block;
		background:#EDE7DE;
		margin:3px;
		border-radius:10px;
		padding:0.2em 1.3em;}
	.navi ul li a:hover {
		background:#D6CCBE;}
	.navi ul li a.selected {
		background:#fff;
	}
	.gallery-img {
		width:95px;
		margin:0 9px 9px 0;
	}
	.popup-gallery a {width:96px;}
	.xs-table-block td {
		display:block!important;
		width:100%;}
	.xs-width50 {
		max-width:50%;}
	.xs-width100 {
		width:100%;
		max-width:100%;}

	.xs-margin-right0 {margin-right:0;}
	.xs-margin-left0 {margin-left:0;}
	.xs-hidden {display:none;}
	.xs-display {display:block!important;}
	.xs-overflow-visible {overflow:visible!important;}
	.row {
		width:107%;
		overflow:hidden;
		margin-left:0px;
		font-size:0;
		letter-spacing: 0;
		word-spacing:0;}
	.xs-grid1,.xs-grid2,.xs-grid3,.xs-grid4,.xs-grid5,.xs-grid6,.xs-grid7,.xs-grid8,.xs-grid9,.xs-grid10,.xs-grid11,.xs-grid12 {
		display:inline-block;
		vertical-align:top;
		/* overflow:; */
		/* background:#efefef; */
		margin:0 20px 1px 0px;/*-0.185rem*/
		padding-bottom:0px;
		height:100%;
		font-size:1rem;}
	.xs-grid1 {width:60px;}
	.xs-grid2 {width:43%;}
	.xs-grid3 {width:220px;}
	.xs-grid4 {width:94%;}
	.xs-grid5 {width:380px;}
	.xs-grid6 {width:460px;}
	.xs-none-float {float:none;}
	
	.xs-width50p {width:50%;}
}