@charset "utf-8";

body {
    color: #3d2626;
    font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}
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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    border: 0 none;
    font-size: 100%;
    font-style: normal;
    font-weight: normal;
    margin: 0;
    padding: 0;
    vertical-align: baseline;
}
img {
	vertical-align: bottom;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

html{
    overflow-y: scroll;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

input, textarea{
	margin: 0;
	padding: 0;
}
/*
ol, ul{
    list-style:none;
}
*/
ul{
    list-style:none;
}
table{
    border-collapse: collapse;
    border-spacing:0;
}

caption, th{
    text-align: left;
}

a:focus {
	outline:none;
}

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	display:block;
}

* html .clearfix {
	height: 1px;
}

.clear{
	clear:both;
}

.inline_block {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

.over:hover {
	opacity:0.6;
}
.displayNone {
    display: none;
}

/*********************/
/* トップページ(お知らせ) */
/*********************/

#notice-recentEntry{
	margin-top:20px;
}
#news{
	display: block;
}
ul.news-list{
}
ul.news-list li{
	padding:10px 0;
}
ul.news-list li time{
	display:block;
	color:#000000;
	font-size:92%;
	margin-bottom:5px;
}
@media only screen and (min-width:761px){
	#news{
		margin: 0 auto;
	}
	ul.news-list li a{
		padding-left:5px;
		padding-right:5px;
	}
	ul.news-list li time{
		display:inline-block;
		width:200px;
		font-size:16px;
		margin-left:0;
		margin-bottom:0;
	}
}
@media only screen and (max-width:760px){
	#news{
		margin: 0 15px;
		padding: 25px 0;
	}
	.article-header h3{
		color: #006960;
		font-size:20px;
		margin-bottom:5px;
	}
	.article-header time{
		color: #000000;
		font-size:12px;
	}
}
/*********************/
/* 統括 */
/*********************/
.mainLeftBox{
	float:left;
	width:30%;
}
.mainRightBox{
	float:right;
	width:70%;
}
.overlay::after {
	background: #3f51b5 none repeat scroll 0 0;
	bottom: 0;
	content: "";
	left: 0;
	opacity: 0.8;
	position: absolute;
	right: 0;
	top: 0;
}
.backgrounds {
	height: 100%;
	position: fixed;
	transform: translateZ(0px);
	width: 100%;
	z-index: -1;

}
.backgrounds .background {
	background-attachment: fixed;
	background-size: cover;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.hero {
	color: #fff;
	overflow: hidden;
	position: relative;
	text-align: center;
	width: 100%;
}
.hero-center {
	background-color:#ffffff;
}
.code,
.code2 {
	background: #fff none repeat scroll 0 0;
	border-radius: 2px;
	clear: both;
	padding: 10px;
}
.toukatsu1{
	margin:100px 0 0 0;
}
.hljs {
	-moz-text-size-adjust: none;
	background: #202746 none repeat scroll 0 0;
	color: #ffffff;
	display: block;
	overflow-x: auto;
	padding: 0.5em;
}
.hljs2 {
	-moz-text-size-adjust: none;
	background: #202746 none repeat scroll 0 0;
	color: #ffffff;
	display: block;
	overflow-x: auto;
}
.hlis_title,
.hlis_title2{
	font-weight:bold;
}
.hlis_title2{
	background-color:#ffffff;
	text-align:center;
	padding:10px;
}
.banner1{
	text-align:center;
	margin: 50px 0 0 0;
}
.kuuhaku{
	margin:200px 0 0 0;
}
.banner1 img{
	width:95%;
}
/*********************/
/* その他 */
/*********************/
.underlink{
	width:100%;
	text-align:center;
}
.underlink a{
	display: block;
	font-size: 36px;
	font-weight: bold;
	padding: 30px 0;
	text-decoration: none;
}
.link1 a{
	color:#ffffff;
	background-color: #ff0000;
}
.link1 a:hover{
	background-color: #ff6347;
}
.pagetop {
	bottom: 30px;
	display: none;
	position: fixed;
	right: 55px;
	z-index: 10;
}
.pagetop a {
	background-color: #2a3239;
	color: #fff;
	opacity: 1;
	display: block;
	font-size: 24px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	text-decoration: none;
	width: 50px;
	font-weight: bold;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.pagetop a:hover{
	opacity: 0.7;
}
.color-white{
	color:#ffffff;
}
.textRed{
	color:red;
}
.floatLeft{
	float:left;
}
.floatRight{
	float:right;
}
#over-layer {
    background: rgba(51, 51, 51, 0.8) none repeat scroll 0 0;
    display: none;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 990;
}
#footer .footerBanner3 a{
	color:#ffffff;
}
.anchor1{
	text-align:right;
	background-color:#696969;
	margin:10px 0 0 0;
	padding:0px;
}
.anchor1 a{
	display:block;
	fonr-size:18px;
	color:#ffffff;
	font-weight:bold;
	padding:5px;
}
/*********************/
/* メルマガ */
/*********************/
.ErrorColorClass{
	background-color:#ffe8e8;
}
.ErrorColorFontClass{
	color:#ff0000;
}
#sectionListMailmaga{
	padding-bottom:100px;
}
#tableA {
	margin: 30px 0 0 0;
	padding: 0;
	color: #000000;
	width: 100%;
}
@media only screen and (min-width:991px){
	#tableA th,
	#tableA td{
		border: 2px solid #000000;
	}
	#tableA th{
		background-color:#f7f7f7;
		font-weight: bold;
		line-height: 100%;
		padding: 8px 12px;
		vertical-align: middle;
		width: 150px;
		font-size: 16px;
		margin-bottom:2px;
	}
	#tableA td{
		background-color:#f3f3f3;
	}
}
@media only screen and (max-width:990px){
	#tableA tr{
		display: block;
		background-color:#f7f7f7;
	}
	#tableA th{
		display: block;
		font-weight: bold;
		line-height: 100%;
		width:100%;
		font-size: 16px;
		padding: 10px 0 10px 10px;
	}
	#tableA td{
		display: block;
		width:100%;
		padding:0;
	}
}
#tableA input{
	width:95%;
	margin:8px;
	border:1px solid #696969;
	-webkit-transition:border 0.4s ease-out;
	-moz-transition:border 0.4s ease-out;
	transition:border 0.4s ease-out;
}
#tableA input:focus{
	border:1px solid #096;
}
input, textarea, select{
	font-family:"ヒラギノ角ゴ ProN","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	outline:medium none;
	border:medium none;
	line-height:1.8;
	letter-spacing:0.1em;
	color:#333;
	min-height:100%;
	text-align:justify;
	font-size:100%;
	padding:1%;
}
#tableA select{
	border:1px solid #696969;
	margin:8px;
}
#sectionListMailmaga form div button{
	border:1px solid #008762;
	color:#008762;
    padding:12px 25px;
	background-color:#fff;
	width:100%;
	margin: 20px 0;
	font-size: 20px;
	font-weight: bold;
}
#sectionListMailmaga form div button:hover{
    background-color:#008762;
	color:#fff;
	cursor:pointer;
}
@media screen and (min-width:992px){
	#sectionListMailmaga form div{
		text-align:center;
	}
	#sectionListMailmaga form div button{
		width:80%;
	}
}
/*********************/
/* その他 */
/*********************/

.back_color_ryotei{
	background-color: #79c844;
}
.back_color_hotel{
	background-color: #4286f4;
}
.font_color_ryotei{
	color:#377500;
}
.font_color_hotel{
	color: #4286f4;
}
/* ◆ background-color ====================================== */
.backcolorBlue{
	background-color:#0000ff;
}
.backcolorYellow{
	background-color:#ffffcc;
}
.backcolorRed{
	background-color:#ffc6b2;
}
.backcolorWhite{
	background-color:#ffffff;
}
.backcolorGray {
    background-color:#E4E4E4;
}
.backcolorGray2 {
    background-color:#A9A9A9;
}
.backcolorGreen {
    background-color:#006400;
}
.backcolorPink {
    background-color:#ffc0cb;
}
.backcolorPink2 {
    background-color:#ef8889;
}
.backcolorButtonOn{
	background-color:#B0C4DE;
}
.backcolorLavender{
	background-color:#e6e6fa;
}
.backcolorLightblue{
	background-color:#add8e6;
}
.backTableColor{
	background-color:#f3f3f3;
}
.backcolorSubmitOn{
	background-color:#ffd700;
	font-weight:bold;
	font-size:15px;
}
.backcolorBody{
	background-color:#e0e0e0;
}
.backcolorTransparent{
	background-color:transparent;
}


/* ◆ padding ====================================== */
.padding5{
	padding:5px;
}
.padding10{
	padding:10px;
}
.padding15{
	padding:15px;
}
.padding20{
	padding:20px;
}


/* ◆ padding-top ====================================== */
.padding-top1{
	padding-top:1px;
}
.padding-top2{
	padding-top:2px;
}
.padding-top3{
	padding-top:3px;
}
.padding-top4{
	padding-top:4px;
}
.padding-top5{
	padding-top:5px;
}
.padding-top6{
	padding-top:6px;
}
.padding-top7{
	padding-top:7px;
}
.padding-top8{
	padding-top:8px;
}
.padding-top9{
	padding-top:9px;
}
.padding-top10{
	padding-top:10px;
}
.padding-top15{
	padding-top:15px;
}
.padding-top20{
	padding-top:20px;
}

/* ◆ padding-bottom ====================================== */
.padding-bottom1{
	padding-bottom:1px;
}
.padding-bottom2{
	padding-bottom:2px;
}
.padding-bottom3{
	padding-bottom:3px;
}
.padding-bottom4{
	padding-bottom:4px;
}
.padding-bottom5{
	padding-bottom:5px;
}
.padding-bottom6{
	padding-bottom:6px;
}
.padding-bottom7{
	padding-bottom:7px;
}
.padding-bottom8{
	padding-bottom:8px;
}
.padding-bottom9{
	padding-bottom:9px;
}
.padding-bottom10{
	padding-bottom:10px;
}
.padding-bottom15{
	padding-bottom:15px;
}
.padding-bottom20{
	padding-bottom:20px;
}

/* ◆ padding-left ====================================== */
.padding-left1{
	padding-left:1px;
}
.padding-left2{
	padding-left:2px;
}
.padding-left3{
	padding-left:3px;
}
.padding-left4{
	padding-left:4px;
}
.padding-left5{
	padding-left:5px;
}
.padding-left6{
	padding-left:6px;
}
.padding-left7{
	padding-left:7px;
}
.padding-left8{
	padding-left:8px;
}
.padding-left9{
	padding-left:9px;
}
.padding-left10{
	padding-left:10px;
}
.padding-left15{
	padding-left:15px;
}
.padding-left20{
	padding-left:20px;
}
.padding-left30{
	padding-left:30px;
}
.padding-left40{
	padding-left:40px;
}
/* ◆ padding-right ====================================== */
.padding-right1{
	padding-right:1px;
}
.padding-right2{
	padding-right:2px;
}
.padding-right3{
	padding-right:3px;
}
.padding-right4{
	padding-right:4px;
}
.padding-right5{
	padding-right:5px;
}
.padding-right6{
	padding-right:6px;
}
.padding-right7{
	padding-right:7px;
}
.padding-right8{
	padding-right:8px;
}
.padding-right9{
	padding-right:9px;
}
.padding-right10{
	padding-right:10px;
}
.padding-right15{
	padding-right:15px;
}
.padding-right20{
	padding-right:20px;
}
/* ◆ margin ====================================== */
.margin5{
	margin:5px;
}
.margin10{
	margin:10px;
}
.margin15{
	margin:15px;
}
.margin20{
	margin:20px;
}
/* ◆ margin-top ====================================== */
.margin-top1{
	margin-top:1px;
}
.margin-top2{
	margin-top:2px;
}
.margin-top3{
	margin-top:3px;
}
.margin-top4{
	margin-top:4px;
}
.margin-top5{
	margin-top:5px;
}
.margin-top6{
	margin-top:6px;
}
.margin-top7{
	margin-top:7px;
}
.margin-top8{
	margin-top:8px;
}
.margin-top9{
	margin-top:9px;
}
.margin-top10{
	margin-top:10px;
}
.margin-top15{
	margin-top:15px;
}
.margin-top20{
	margin-top:20px;
}
.margin-top150{
	margin-top:150px;
}
.margin-top700{
	margin-top:700px;
}
/* ◆ margin-bottom ====================================== */
.margin-bottom1{
	margin-bottom:1px;
}
.margin-bottom2{
	margin-bottom:2px;
}
.margin-bottom3{
	margin-bottom:3px;
}
.margin-bottom4{
	margin-bottom:4px;
}
.margin-bottom5{
	margin-bottom:5px;
}
.margin-bottom6{
	margin-bottom:6px;
}
.margin-bottom7{
	margin-bottom:7px;
}
.margin-bottom8{
	margin-bottom:8px;
}
.margin-bottom9{
	margin-bottom:9px;
}
.margin-bottom10{
	margin-bottom:10px;
}
.margin-bottom15{
	margin-bottom:15px;
}
.margin-bottom20{
	margin-bottom:20px;
}
.margin-bottom50{
	margin-bottom:50px;
}
.margin-bottom150{
	margin-bottom:150px;
}
.margin-bottom700{
	margin-bottom:700px;
}
/* ◆ margin-left ====================================== */
.margin-left1{
	margin-left:1px;
}
.margin-left2{
	margin-left:2px;
}
.margin-left3{
	margin-left:3px;
}
.margin-left4{
	margin-left:4px;
}
.margin-left5{
	margin-left:5px;
}
.margin-left6{
	margin-left:6px;
}
.margin-left7{
	margin-left:7px;
}
.margin-left8{
	margin-left:8px;
}
.margin-left9{
	margin-left:9px;
}
.margin-left10{
	margin-left:10px;
}
.margin-left15{
	margin-left:15px;
}
.margin-left20{
	margin-left:20px;
}
/* ◆ margin-right ====================================== */
.margin-right1{
	margin-right:1px;
}
.margin-right2{
	margin-right:2px;
}
.margin-right3{
	margin-right:3px;
}
.margin-right4{
	margin-right:4px;
}
.margin-right5{
	margin-right:5px;
}
.margin-right6{
	margin-right:6px;
}
.margin-right7{
	margin-right:7px;
}
.margin-right8{
	margin-right:8px;
}
.margin-right9{
	margin-right:9px;
}
.margin-right10{
	margin-right:10px;
}
.margin-right15{
	margin-right:15px;
}
.margin-right20{
	margin-right:20px;
}
.margin-right30{
	margin-right:30px;
}

/* ◆ text-align ====================================== */
.align-left{
	text-align:left;
}
.align-center{
	text-align:center;
}
.align-right{
	text-align:right;
}

.vertical-align-top{
	vertical-align:top;
}
.vertical-align-middle{
	vertical-align:middle;
}
.vertical-align-bottom{
	vertical-align:bottom;
}
/* ◆ float ====================================== */
.floatLeft {
    float: left;
}
.floatRight {
    float: right;
}
/* ◆ width ====================================== */
.width-10{
	width:10px;
}
.width-20{
	width:20px;
}
.width-30{
	width:30px;
}
.width-40{
	width:40px;
}
.width-50{
	width:50px;
}
.clear{
	clear:both;
}
.textRed{
	color:red;
}
.textBlue{
	color:blue;
}
.textBlue2{
	color:#00008b;
}
.textWhite{
	color:#ffffff;
}
.visibility-collapse{
	visibility:collapse;
}
.visibility-collapse th{
	height:0px;
}
.border-none{
	border:none;
}
/* ◆ border ====================================== */
.border-on{
	border:1px solid black;
}
.border-left{
	border-left:1px solid black;
}
.border-right{
	border-right:1px solid black;
}
.border-top{
	border-top:1px solid black;
}
.border-bottom{
	border-bottom:1px solid black;
}
.border{
	border:1px solid #000000;
}
.border-style-none{
	border-style:none;
}
.border-color-black{
	border-color:#000000;
}
.borderType1-top{
	border-left:8px solid red;
}
.borderType1-bottom{
	border-left:8px solid red;
}
.borderType2-top{
	border-left:8px solid black;
}
.borderType2-bottom{
	border-left:8px solid black;
}
/*
.borderType1-top{
	border-top:2px solid red;
	border-left:2px solid red;
	border-right:2px solid red;
}
.borderType1-bottom{
	border-bottom:2px solid red;
	border-left:2px solid red;
	border-right:2px solid red;
}
.borderType2-top{
	border-top:2px solid blue;
	border-left:2px solid blue;
	border-right:2px solid blue;
}
.borderType2-bottom{
	border-bottom:2px solid blue;
	border-left:2px solid blue;
	border-right:2px solid blue;
}
*/
/* ◆ focus ====================================== */
.focus {
	background: #ffcc99;
}
.selecterror {
	color:#ff0000;
}
/* ◆ display ==================================== */
.displayNone{
	display: none;
}

/* ◆ error_color ==================================== */
.ErrorColorFontClass{
	color:#ff0000;
}
.ErrorColorBackClass{
	background-color:#ffe8e8;
}
/* ◆ facebook ==================================== */
.facebookMidashi a.textSelect {
	color: #ffffff;
	background-color: #000000;
	text-decoration: underline;
	cursor: pointer;
}
.facebookMidashiTop a.textSelect {
	color: #000000;
	background-color: #ffffff;
	text-decoration: underline;
	cursor: pointer;
}