/**
*
* Contents
*
* 01. General Styles
* 02. Forms
* 03. Buttons
* 04. Header
* 05. Icons
* 06. Sections
* 07. kanbans
* 08. sisetus
* 09. Contact
* 10. Home Slider
* 11. Links
* 12. Widgets
* 13. Social Icons
* 14.Footer
* 15. event
* 16. Page top
* 17. etc
**/



/* ==========================================================================
   00. 汎用
   ========================================================================== */

.mt0{margin-top: 0px !important;}
.mt5{margin-top: 5px !important;}
.mt10{margin-top: 10px !important;}
.mt17{margin-top: 17px !important;}
.mt20{margin-top: 20px !important;}
.mt30{margin-top: 30px !important;}
.mt35{margin-top: 35px !important;}
.mt40{margin-top: 40px !important;}
.mt50{margin-top: 50px !important;}
.mt60{margin-top: 60px !important;}
.mt70{margin-top: 70px !important;}
.mt80{margin-top: 80px !important;}
.mt40minus{margin-top: -40px !important;}

.mb0{margin-bottom: 0px !important;}
.mb3{margin-bottom: 3px !important;}
.mb5{margin-bottom: 5px !important;}
.mb10{margin-bottom: 10px !important;}
.mb15{margin-bottom: 15px !important;}
.mb20{margin-bottom: 20px !important;}
.mb30{margin-bottom: 30px !important;}
.mb40{margin-bottom: 40px !important;}
.mb50{margin-bottom: 50px !important;}
.mb60{margin-bottom: 60px !important;}
.mb100{margin-bottom: 100px !important;}

.mr5{margin-right: 5px !important;}
.mr10{margin-right: 10px !important;}
.mr20{margin-right: 20px !important;}
.mr30{margin-right: 30px !important;}
.mr35{margin-right: 35px !important;}

.ml10{margin-left: 10px !important;}
.ml15{margin-left: 15px !important;}
.ml20{margin-left: 20px !important;}
.ml30{margin-left: 30px !important;}
.ml40{margin-left: 40px !important;}

.pt5{padding-top: 5px !important;}
.pt10{padding-top: 10px !important;}
.pt20{padding-top: 20px !important;}
.pl20{padding-left: 20px !important;}
.pl40{padding-left: 40px !important;}
.pb5{padding-bottom:5px !important;}
.pb100{padding-bottom:100px !important;}
.ta_c{text-align: center !important;}
.ta_l{text-align:left !important;}
.fl_l{float:left;}
.fl_r{float:right;}
.cp{cursor: pointer;}
.va_m{vertical-align:middle !important;}

/* transition */
.transition08{transition: .8s !important;}

.w10per{width:10% !important;}
.w20per{width:20% !important;}
.w30per{width:30% !important;}
.w40per{width:40% !important;}
.w70per{width:70% !important;}
.w100per{width:100% !important;}

/*.default_containar_width{width: 1170px !important;}*/

/*------------------------------------
Inview(スクロールイベント用jQueryプラグイン用のスタイル設定)
一応全ページに対応する予定
------------------------------------
*/
.inview-move-opacity{
	opacity: 0;
	transform: translate(0,60px);
	-webkit-transform: translate(0,60px);
}
.inview-move-opacity-after{
	opacity: 1.0;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
}

/*------------------------------------
スノーパークの動画用スタイル
------------------------------------*/
#snowpark_title_movie {
  width:500px;
  height:400px;
  position:absolute;
  top:50%;
  left:50%;
  margin-top:-100px;
  margin-left:-250px;
  text-align:center;
  font-size:18px;
  z-index:9999;
}


/* ==========================================================================
   01. General Styles
   ========================================================================== */


@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);
body{font-size: 14px;
	line-height: 24px;
	color: #1d1d1d;
	font-family:"Meiryo UI" , "メイリオ" , Meiryo , Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	overflow-x: hidden;
        letter-spacing:0.1em;
}

@media(max-width:768px){
	body{font-size: 13px;
	line-height: 24px;
	color: #1d1d1d;
	font-family:"Meiryo UI" , "メイリオ" , Meiryo , Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	overflow-x: hidden;
        letter-spacing:0.1em;
}
}


p {

	margin-bottom:1em;
        line-height:1.5em
        letter-spacing:0.1em;
}
.lead {
	margin-bottom: 24px;
	font-size: 23px;
	line-height: 30px;
	font-weight: 600;
	color: #222;

}
b, strong {
	font-weight: 700;
}
blockquote {
	font-size: 14px;
	line-height: 26px;
	font-weight: 400;
	padding: 0;
	padding-left: 24px;
	margin-bottom: 24px;
	border-left: 3px solid #00323d;
	margin-left: 50px;
}

.gray-text {
	color: #00323d !important;
}
hr.line {
	border-top: 1px solid #00323d;
	width: 154px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.gray hr.line {
	border-color: #fff;
}
hr.small-line {
	border-top: 1px solid #222;
	width: 82px;
	margin-top: 30px;
	margin-bottom: 30px;
}
.nivo-lightbox-theme-default .nivo-lightbox-close {
	width: 27px;
	height: 27px;
}
/* Links
   ========================================================================== */
a {
	/*color: #4ac7f2;*/
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	-ms-transition: .25s;
	transition: .25s;
	/*text-decoration: underline;*/
        line-height:1.4em;
}
a:hover {
	opacity: .75;
	color: #4ac7f2;
	/*text-decoration:underline;*/
        line-height:1.4em;
}

.link_hov{
	color: #577b3b;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	-ms-transition: .25s;
	transition: .25s;
	text-decoration: underline;
}

.link_hov:hover {
	opacity: .75;
	color: #9cbb83;
}

a:focus {

}
a img {
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	-ms-transition: .25s;
	transition: .25s;
}
a:hover img {
	opacity: .75;
}
/* Highlight
   ========================================================================== */
.highlight.yellow {
	background: #ffdd00;
	color: #222;
	padding: 0 4px;
}
.highlight.gray {
	background:#00323d;
	color: #fff;
	padding: 0 4px;
}
/* Headings
   ========================================================================== */
h2{
	color: #fff;
	/*font-weight: 100;*/
	/*line-height:1em;*/
	font-size:calc(16px + 2vw) !important;
	margin-top: 0;
	margin-bottom: 24px;
	text-transform: none;
	letter-spacing:0.15em;
	text-shadow: 0px 0px 20px rgba(0, 0, 0, 0.8);
}
h1, h3, h4, h5, h6 {
	color: #565656;
	/*font-weight: 100;*/
	margin-top: 0;
	margin-bottom: 24px;
	text-transform: none;
	/*letter-spacing:0.15em;*/
}
.transparent h1, .transparent h3, .transparent h4, .transparent h5, .transparent h6, .gray h1, .gray h3, .gray h4, .gray h5, .gray h6 {
	color: #1d1d1d;
}
.transparent.yellow h1, .transparent.yellow h2, .transparent.yellow h3, .transparent.yellow h4, .transparent.yellow h5, .transparent.yellow h6 {
	color: #222;
}
h1 {
	font-size: 30px;
	line-height: 34px;
}
h3 {
	font-size: 30px;
	line-height: 30px;
}
h4 {
	font-size: calc(12px + 0.4vw);
	line-height: 1.2em;
	/*margin-top: 24px;*/
}
h5 {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 12px;
	font-weight: 700;
}
h6 {
	font-size: 16px;
	line-height: 24px;
	margin-bottom: 12px;

}
.heading {
	margin-bottom: 5px;
}
.heading h3 {
	margin-bottom: 0;
	/*font-weight: 100;*/
}
.heading p{
	color:#3D3939;
}

.heading span {
	font-size: 18px;
}
.main-heading {
	margin-bottom: 72px;
}
.main-heading h1 {
	font-size: 36px;
	line-height: 36px;
	margin-bottom: 24px;
	font-weight: 700;
}


@media(max-width:768px){
.fb_more{
	float:none !important;
	font-size:15px !important;
	margin-top:-12px !important;
}
.heading2 {
	margin-bottom: 0px;
        margin-left:0px;
        margin-right:0px;
}
.heading2 h3 {
	/*margin-bottom: 30px;*/
	margin-top:30px !important;
	font-weight:normal !important;
	border-bottom:2px solid #cae2b8 !important;
	text-align:left;
	font-size:calc(17px + 0.4vw) !important;
	/*font-weight:bold !important;*/
	padding-bottom:5px !important;
	background-color:rgba(0,0,0,0);
        color: #4080c2;
        line-height:1.3em;
}
.heading2 h4 {
	margin-bottom: 0px;
	font-weight: 100;
	text-align:left;
	font-size:calc(16px + 0.4vw);
	font-weight:bold;
	padding-bottom:8px;
}
}


/*下層用のhedding h3に対して*/
.heading2 {
	margin-bottom: 0px;
/*        margin-right:-10px;
        margin-left:-15px;*/
}
.heading2 h3 {
	/*margin-bottom: 30px;*/
	margin-top:70px;
	font-weight:normal !important;
	border-bottom:3px solid #cae2b8;
	text-align:left;
	font-size:calc(17px + 0.8vw);
	/*font-weight:bold !important;*/
	padding-bottom:12px;
	background-color:rgba(0,0,0,0);
        color: #577b3b;
        line-height:1.3em;
}
.heading2 h4 {
	margin-bottom: 0px;
	font-weight: 100;
	text-align:left;
	font-size:calc(16px + 0.4vw);
	font-weight:bold;
	padding-bottom:8px;
}
/* end 下層用のhedding h3に対して*/

.right-arrow{display:block;
text-align:right;
padding-right:15px;
font-weight:700;
}
a.right-arrow{
	text-decoration:none;
	font-weight:700;
}

.white{
	color:#ffffff !important;
}

.graycolor{
	color:#1d1d1d;
}

a:hover.white{
	color: #C8C4C4;
}

/* Tooltips
   ========================================================================== */
.tooltip-inner {
	border-radius: 0;
	background: #00323d;
	font-weight: 500;
	font-size: 14px;
	line-height: 24px;
	padding: 6px 25px;
}
.tooltip.left .tooltip-arrow {
	border-left-color: #00323d;
	border-width: 7px 0 7px 7px;
	margin-top: -7px;
}
.tooltip.top .tooltip-arrow {
	border-top-color: #00323d;
	border-width: 7px 7px 0;
	margin-left: -7px;
}
.tooltip.right .tooltip-arrow {
	border-right-color: #00323d;
	border-width: 7px 7px 7px 0;
	margin-top: -7px;
}
.tooltip.bottom .tooltip-arrow {
	border-bottom-color: #00323d;
	border-width: 0 7px 7px;
	margin-left: -7px;
}
/* Dropcap
   ========================================================================== */
.dropcap {
	display: inline-block;
	width: 60px;
	height: 60px;
	font-size: 40px;
	line-height: 56px;
	text-align: center;
	font-weight: 700;
	float: left;
	margin-right: 16px;
}
.dropcap.solid.yellow {
	border: 2px solid #ffdd00;
	background: #ffdd00;
	color: #222;
}
.dropcap.solid.gray {
	border: 2px solid #00323d;
	background: #00323d;
	color: #fff;
}
.dropcap.border.yellow {
	border: 2px solid #ffdd00;
	background: none;
	color: #222;
}
.dropcap.border.gray {
	border: 2px solid #00323d;
	background: none;
	color: #222;
}
/* Images
   ========================================================================== */
img.pull-left {
	margin-right: 12px;
}
img.pull-right {
	margin-left: 12px;
}

/* ==========================================================================
   02. Forms
   ========================================================================== */
input.wincon:not([type=submit]):not([type=file]), select.wincon, textarea.wincon {
	background: none;
	border: 1px solid #d3d3d3;
	border-radius: 0;
	width: 100%;
	outline: none !important;
	padding: 6px 12px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	-ms-transition: .25s;
	transition: .25s;
}
input.wincon:not([type=submit]):not([type=file]), select.wincon {
	height: 38px;
}
input.wincon:not([type=submit]):not([type=file]):focus, select.wincon:focus, textarea.wincon:focus {
	border: 1px solid #b1b1b1;
}
/*input:not([type=submit]):not([type=file]), select, textarea {
	background: none;
	border: 1px solid #d3d3d3;
	border-radius: 0;
	width: 100%;
	outline: none !important;
	padding: 6px 12px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	-ms-transition: .25s;
	transition: .25s;
}
input:not([type=submit]):not([type=file]), select {
	height: 38px;
}
input:not([type=submit]):not([type=file]):focus, select:focus, textarea:focus {
	border: 1px solid #b1b1b1;
}*/
.header-search-form {
	position: relative;
	width: 350px;
	margin-top: 17px;
}
.header-search-form input[type=search] {
	border-radius: 5px;
}
.header-search-form button {
	width: 44px;
	height: 38px;
	border-radius: 0 5px 5px 0;
	background: #ffdd00;
	position: absolute;
	top: 0;
	right: 0;
	padding-right: 0;
	padding-left: 0;
	text-align: center;
}
.header-search-form button:before {
	content: '';
	position: absolute;
	top: 0;
	left: -20px;
	width: 0;
	height: 0;
	border-bottom: 38px solid #ffdd00;
	border-left: 20px solid transparent;
}
.search-form input[type=search] {
	border-radius: 38px;
	width: 75%;
	float: left;
}
.search-form button {
	height: 38px;
	line-height: 38px;
	padding: 0;
	border-radius: 38px;
	width: 20%;
	float: right;
}
::-webkit-input-placeholder {
	color: #a2a2a2;
}
:-moz-placeholder {
	color: #a2a2a2;
}
::-moz-placeholder {
	color: #a2a2a2;
}
:-ms-input-placeholder {
	color: #a2a2a2;
}
label {
	margin-bottom: 0;
	font-weight: 400;
}
.form-group {
	position: relative;
	margin-bottom: 20px;
}
.form-icon {
	position: absolute;
	left: 0;
	top: 6px;
	display: inline-block;
	height: 27px;
	width: 38px;
	line-height: 27px;
	text-align: center;
	font-size: 16px;
	border-right: 1px solid #cccccc;
}
label + .form-icon {
	top: 30px;
}
.form-with-icon {
	padding-left: 50px !important;
}
.newsletter-form input:not([type=submit]):not([type=file]) {
	width: 360px;
	padding: 7px 18px;
	border-radius: 40px;
	border: 1px solid #222;
	margin-right: 20px;
}
.newsletter-form ::-webkit-input-placeholder {
	color: #333;
}
.newsletter-form :-moz-placeholder {
	color: #333;
}
.newsletter-form ::-moz-placeholder {
	color: #333;
}
.newsletter-form :-ms-input-placeholder {
	color: #333;
}

/* ==========================================================================
   03. Buttons
   ========================================================================== */
.button{
	display: inline-block;
	padding: 5px 36px;
	border-radius: 0;
	background: #4ac7f2;
	border: 1px solid #4ac7f2;
	border: none;
	text-transform: none;
	text-decoration: none;
	color: #fff;
	font-weight: 700;
	font-size: 15px;
	line-height: 30px;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	-ms-transition: .25s;
	transition: .25s;
	outline: none !important;
	margin:0 auto 0 auto;
	text-align:center;
	width:100%;
	max-width:800px;
}
.button:hover{
	/*line-height: 30px;*/
	background: #4ac7f2;
	color: #fff;
	text-decoration: none;
	opacity: .75;
}
.button.gray, .button.gray:hover {
	background: #00323d;
	border: 1px solid #00323d;
	color: #fff;
}
.button.dark, .button.dark:hover {
	background: #222;
	border: 1px solid #222;
	color: #fff;
}
.button.white, .button.white:hover {
	background: #3a99d6;
	/*border: 1px solid #fff;*/
	color: #222;
}
.button.border {
	/*background: none;
	border: 1px solid #4ac7f2;*/
	color: #4ac7f2;
}
.button.border:hover {
	background: none !important;
	color: #fff;
	border: 1px solid #fff;
	opacity: 1;
}
.button.border.gray {
	color: #00323d;
	border: 1px solid #00323d;
}
.button.border.gray:hover {
	background: #00323d;
	color: #fff;
	opacity: 1;
}
.button.border.yellow {
	color: #4ac7f2;
	border: 1px solid #4ac7f2;
}
.button.border.yellow:hover {
	background: #4ac7f2;
	color: #fff;
	opacity: 1;
}
.button.border.dark {
	color: #222;
	border: 1px solid #222;
}
.button.border.dark:hover {
	background: #222;
	color: #fff;
	opacity: 1;
}
.button.border.white {
	color: #fff;
	/*border: 1px solid #fff;*/
}
.button.border.white:hover {
/*	background: #fff;
	color: #222 !important;
	border:1px solid #fff;
	opacity: 1;*/
/*	padding: 6px 36px;*/
}
.button.small {
	font-size: 14px;
	padding: 0 36px;
}
.button.large {
	font-size: 15px;
	padding: 10px 36px;
}
.button-list .button {
	margin-right: 12px;
	margin-top: 12px;
	margin-bottom: 12px;
}
.button-list .button:last-of-type {
	margin-right: 0;
}


/* ==========================================================================
   04. Header
   ========================================================================== */
.header {
	background: #fff;
	color: #222;
}
.header .top {
	background: #00323d;
	color:#fff;
}
/* header変更 */
#top-head {
    top: -100px;/*2段の場合は-100px*/
    position: absolute;
    width: 100%;
    margin: 100px auto 0;
    padding: 0px 0 0px;
    z-index: 999;
	border-bottom:solid 1px rgba(255,255,255,0.20);

}
#top-head a,
#top-head {
    text-decoration: none;
}
#top-head .inner {
    position: relative;
}
#top-head .logo {

    font-size: 36px;
}

#global-nav {
	float:right;
	margin: 0px 50px;
	text-transform: none;
	font-weight: 400;
}
#global-nav ul {
	margin: 0;
	padding: 0;
}
#global-nav ul>li {
	display: inline-block;
	position: relative;
}
#global-nav ul>li a {
	display: inline-block;
	font-size: 12px;
	line-height: 14px;
	padding: 12px;
	margin-right:2px;
	color: #fff;
	text-decoration: none;
}
#global-nav ul>li.active a {
	border-bottom:#ffdd00 solid 2px;
	color: #fff;
}
#global-nav ul>li.active a:hover {
	opacity: 1;
}

#global-nav ul>li a:hover {
	opacity: 1;
	border-bottom:#ffdd00 solid 2px;
	color: #fff;
}

#global-nav ul>li ul {
	opacity: 0;
	filter: alpha(opacity=0);
	visibility: hidden;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	-ms-transition: .25s;
	transition: .25s;
	background: rgba(230,230,230,.7);
	position: absolute;
	top: 50px;
	height: auto;
	padding: 0;
	z-index: 999;
}
#global-nav ul>li ul li {
	white-space: nowrap;
	position: relative;
	display: block;
	color: #000000;
}
#global-nav ul>li ul li a {
	color:#000000;
	background: #fff;
    background: rgba(230,230,230,.7);
	height: 48px;
	width: 100%;
	line-height: 48px;
	padding: 0 20px;
}
#global-nav ul>li ul li a:hover {
	color:#000000;
	background: #fff;
    background: rgba(230,230,230,.7);
	height: 48px;
	width: 100%;
	line-height: 48px;
	padding: 0 20px;
}

#global-nav ul>li.active ul li a {
	border-bottom: none;
	background: #d6d3d3;
    background: rgba(230,230,230,.7);
	color:#000000;
}
#global-nav ul>li.active ul li a:hover {
	border-bottom:#ffdd00 solid 2px;
	opacity: .75;
}
#global-nav ul>li ul li.active a, .main-nav ul>li ul li.active a:hover {
	background: #ffdd00;
	color: #222;
	opacity: 1;
}
#global-nav ul>li ul li ul {
	opacity: 0;
	filter: alpha(opacity=0);
	visibility: hidden;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	-ms-transition: .25s;
	transition: .25s;
	position: absolute;
	left: 100%;
	top: 0;
}
#global-nav ul>li:hover>ul {
	opacity: 10;
	filter: alpha(opacity=100);
	visibility: visible;
}

/*ヘッダー追記 bootstrap重複分の上書き*/
.navbar-default{
	background-color:rgba(255,255,255,0);
	border-color:rgba(255,255,255,0);
	padding:4px 0 4px 0px;
}

.navbar{
	margin-bottom:0px;
}

.navbar-default .navbar-nav > li > a{
	color:#fff;
}

.navbar-brand{
	padding:1px 5px;
}

.navbar ul{
	padding-top:12px;
}
/*
@media(min-width:1200px){
	.container{
		width:100%;
	}
}
@media(max-width:1199px){
	.container{
		width:100%;
	}
	.navbar-brand{
	padding:1px 40px;
}
}
@media(max-width:992px){
	.container{
		width:100%;
	}
	.navbar-brand{
	padding:1px 0px;
}
}
@media(max-width:768px){
	.container{
		width:100%;
	}
	.navbar-brand{
	padding:1px 0px;
}
}*/
/* end ヘッダー追記 bootstrap重複分の上書き*/

#top-head.ttp .logo3 {
	 position: absolute;
        left: 13px;
        top: 13px;
	display:none;
}

/* Fixed */
#top-head.fixed {
    margin-top: 0;
    top: 0;
    position: fixed;
    /*padding-top: 10px;*/
    background: #ffffff;
    background: rgba(103, 146, 70, 0.8);
    transition: top 0.65s ease-in;
    -webkit-transition: top 0.65s ease-in;
    -moz-transition: top 0.65s ease-in;
	/*padding-bottom:10px;*/
	border-bottom:none;
}

#top-head.fixed #global-nav ul li a {
    color: #333;

}
#top-head.fixed .logo2 {
	display:none;
}

/* Toggle Button */
#nav-toggle {
    display: none;
    position: absolute;
    right: 12px;
    top: 14px;
    width: 34px;
    height: 36px;
    cursor: pointer;
    z-index: 101;
}
#nav-toggle div {
    position: relative;
}
#nav-toggle span {
    display: block;
    position: absolute;
    height: 4px;
    width: 100%;
    background: #666;
    left: 0;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
}
#nav-toggle span:nth-child(1) {
    top: 0;
}
#nav-toggle span:nth-child(2) {
    top: 11px;
}
#nav-toggle span:nth-child(3) {
    top: 22px;
}

    #top-head .logo2 {
        position: absolute;
        left: 30px;
        top: 33px;
        color: #333;
        font-size: 26px;
		padding-bottom:10px;
    }
	#top-head .logo3 {
        position: absolute;
        left: 30px;
        top: 13px;
        color: #333;
        font-size: 26px;
    }
@media screen and (max-width: 1024px) {
    #top-head,
    .inners {
        width: 100%;
        padding: 0;
    }
    #top-head {
        top: 0;
        position: fixed;
        margin-top: 0;
    }
    /* Fixed reset */
    #top-head.fixed {
        padding-top: 0;
        background: rgba(103, 146, 70, 0.8);
    }
    #mobile-head {
		float:left;
        background: #fff;
        width: 100%;
        height: 56px;
        z-index: 999;
        position: relative;
    }
    #top-head.fixed .logo,
    #top-head .logo {
        position: absolute;
        left: 30px;
        top: 13px;
        color: #333;
        font-size: 26px;
    }

    #global-nav {
        position: absolute;
        /* 開いてないときは画面外に配置 */
        top: -500px;
        background: #333;
        width: 100%;
        text-align: center;
        padding: 0px 0;
        -webkit-transition: .5s ease-in-out;
        -moz-transition: .5s ease-in-out;
        transition: .5s ease-in-out;
    }
    #global-nav ul {
        list-style: none;
        position: static;
        right: 0;
        bottom: 0;
        font-size: 14px;
    }
    #global-nav ul li {
        float: none;
        position: static;
    }
    #top-head #global-nav ul li a,
    #top-head.fixed #global-nav ul li a {
        width: 100%;
        display: block;
        color: #fff;
        padding: 18px 0;
    }
	#top-head.fixed .inners.container #mobile-head h1.logo3{
		display:none;
	}
    #nav-toggle {
        display: block;
    }
    /* #nav-toggle 切り替えアニメーション */
    .open #nav-toggle span:nth-child(1) {
        top: 11px;
        -webkit-transform: rotate(315deg);
        -moz-transform: rotate(315deg);
        transform: rotate(315deg);
    }
    .open #nav-toggle span:nth-child(2) {
        width: 0;
        left: 50%;
    }
    .open #nav-toggle span:nth-child(3) {
        top: 11px;
        -webkit-transform: rotate(-315deg);
        -moz-transform: rotate(-315deg);
        transform: rotate(-315deg);
    }
    /* #global-nav スライドアニメーション */
    .open #global-nav {
        /* #global-nav top + #mobile-head height */

    }

}

.head_img{
	height:200px;
}
.page-title .inner {
	background: #00323d;
	padding: 88px 12px;
}
.page-title.transparent .inner {
	background: rgba(0,43,94,0.65);
}
.page-title h3 {
	margin: 0;
	font-weight: 700;
}

.responsive-menu-open {
	display: none;
	float: right;
	font-weight: 400;
	text-transform: none;
	color: #222;
	line-height: 120px;
	text-decoration: none;
}
.responsive-menu-open:hover {
	color: #222;
	opacity: .75;
	text-decoration: none;
}
.responsive-menu {
	position: fixed;
	top: 0;
	bottom: 0;
	left: 100%;
	min-width: 400px; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	max-width: 400px; /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
	z-index: 999;
	padding: 24px;
	overflow-y: scroll;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	-ms-transition: .25s;
	transition: .25s;
	background-image:url(../img/white.jpg);
}
.responsive-menu.open {
	left: 0;
}
.responsive-menu-close {
	position: absolute;
	top: 24px;
	right: 24px;
	font-weight: 400;
	text-transform: none;
	color: #222;
	text-decoration: none;
}
.responsive-menu-close:hover {
	color: #222;
	opacity: .75;
	text-decoration: none;
}
.responsive-nav ul>li a {
	color: #222;
	font-weight: 700;
	font-size:14px;
	text-transform: none;
	text-decoration: none;
	border-top: dashed 1px;
	padding:10px;
	width:200px;
	display:block;
}
.responsive-nav ul>li.active a {
	color: #05A694;
}
.responsive-nav ul>li.active ul li a {
	border:none;
	font-size:14px;
	font-weight:100;
	line-height:1.5;
	text-decoration: none;
	color: #05A694;
	list-style:none;
}
.responsive-nav ul>li ul li a {
	border:none;
	font-size:14px;
	font-weight:100;
	line-height:1.5;
	text-decoration: none;
	color: #222;
	list-style:none;
}
.responsive-nav ul>li ul li.active a {
	text-decoration: none;
	color: #B09A07;
}
.responsive-menu .header-search-form {
	width: 100%;
	margin-top: 24px;
}
.responsive-menu .logo {
	margin-bottom: 24px;
}
.no-scroll {
	overflow: hidden;
}

@media all and (min-width: 1024px) {
.logo{
	display:none;}
}
@media all and (max-width: 1024px) {
	.logo2{
	display:none;}
	.top-nav {
		display: none;
	}
	.header .social-icons {
		float: none;
		text-align: center;
	}
	.header-contacts {
		display: none;
	}
	.main-header {
		display: none;
	}
	.responsive-menu-open {
		display: inline-block;
	}
}

/* ==========================================================================
   05. Icons
   ========================================================================== */
.small-round-icon {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 36px;
	font-size: 18px;
	border: 2px solid #00323d;
	color: #00323d;
	border-radius: 100%;
	text-align: center;
	vertical-align: middle;
	margin-right: 20px;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	-ms-transition: .25s;
	transition: .25s;
}
div:hover>.small-round-icon {
	background: #00323d;
	color: #fff;
}
.shape-icon-box {
	margin-top: 24px;
	color: #222;
	font-size: 36px;
}
.shape-icon-box .circle {
	width: 120px;
	height: 120px;
	border: 1px solid #ffdd00;
	border-radius: 100%;
	margin: 0 auto;
	margin-bottom: 24px;
	position: relative;
}
.shape-icon-box .circle .triangle {
	border-left: 68px solid transparent;
	border-right: 68px solid transparent;
	border-bottom: 118px solid #ffdd00;
	width: 136px;
	height: 118px;
	margin-left: -8px;
	margin-top: -12px;
}
.shape-icon-box .circle i {
	position: absolute;
	top: 0;
	left: 0;
	width: 120px;
	height: 120px;
	line-height: 120px;
}

/* ==========================================================================
   06. Sections
   ========================================================================== */
.inner2 {
	background-image:url(../img/top_bg_02.png);
	background-size:contain;
	background-position:center;
	background-repeat:no-repeat;
}
.section {
	position: relative;
	padding: 0;
	background-size: cover;
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
}
.section>.inner {
	padding-top: 50px;
	padding-right: 0;
	padding-left: 0;
	padding-bottom: 50px;
}
.section.large>.inner {
	padding: 112px 0;
}
.section.small>.inner {
	padding: 48px 0;
	font-size: 14px;
}
.section.no-padding-bottom>.inner {
	padding-bottom: 0;
}
.section.gray>.inner {
	background: #e7e7e7;
	color: #2b2b2b;
}
.section.yellow>.inner {
	background: #ffdd00;
	color: #222;
}
.section.light>.inner {
	background: #fbfbfb;
}
.section.transparent.gray>.inner {
	background: rgba(0,43,94,0.9);
	color: #fff;
}
.section.transparent.lighter.gray>.inner {
	background: rgba(0,43,94,0.75);
}
.section.transparent.clear.gray>.inner {
	background: rgba(0,43,94,0.35);
}
.section.transparent.yellow>.inner {
	background: rgba(255,221,0,0.9);
	color: #222;
}
.section.transparent.lighter.yellow>.inner {
	background: rgba(255,221,0,0.75);
}
.section.transparent.clear.yellow>.inner {
	background: rgba(255,221,0,0.35);
}
@media all and (max-width: 768px) {
	.section>.inner {
		padding: 48px 0;
	}
	.section.large>.inner {
		padding: 72px 0;
	}
	.section.small>.inner {
		padding: 24px 0;
	}
}

div.nopading{
	padding:0;}

.wbg{
	background-color:#fff;
	opacity:0.7;
	padding:20px;
}


/* ==========================================================================
   07. kanbans
   ========================================================================== */

.kanban-image {
	width: 150px;
	height: 150px;
	padding: 8px;
	background: #fff;
	float: left;
	margin: 23px;
	position: relative;
	z-index:3;
	}

.kanban:hover .kanban-image {
	background: #ffdd00;
}
.kanban-image .inner {
	overflow: hidden;
}
.kanban-image img {

}
.kanban-body {
	background: rgba(255,255,255,0.7);
	padding: 30px 42px;
	padding-left: 42px;
	margin-left: 0px;
	color: #222;
	position: relative;
}
.kanban-body .quote-icon {
	color: #e7e7e7;
	font-size: 24px;
	position: absolute;
	bottom: 22px;
	right: 35px;
}
.kanban-body h5 {
	color: #222;
}
.kanban-body p:last-of-type {
	margin-bottom: 0;
}

h4.kanban-tittle{
	background: rgba(255,255,255,0.7);
	padding-top: 30px;
	padding-right: 22px;
	padding-left: 42px;
	padding-bottom: 0px;
	margin: 0px;
	color: #222;
	position: relative;
	font-weight:700;
word-wrap: break-word;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
height:78px;
}


/* ==========================================================================
   08. sisetus
   ========================================================================== */
.sisetu {
	text-align: center;
	position: relative;
}

.sisetu-info {
	position: absolute;
	top: 0;
	left: 0;
	background:#7DEAF8;
	width: 100%;
	min-height: 100%;
	text-align: left;
	color: #fff;
	padding: 20px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	opacity: 0;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	-ms-transition: .25s;
	transition: .25s;
}
.sisetu:hover .sisetu-info {
	opacity: 1;
}
.sisetu-info h5 {
	text-align:center;
	padding-top:45%;
	color: #fff;
}
.sisetu-info a {
	font-size: 12px;
	color: #fff;
	text-decoration: none;
	text-transform: none;
	font-weight: 700;
}
.sisetu-info p:last-of-type {
	margin-bottom: 0;
}


/* ==========================================================================
   09. Contact
   ========================================================================== */
.full-width-map {
	width: 100%;
	height: 560px;
}
.contacts {
	width: 40%;
	margin: 0 auto;
	background: #fff;
	padding: 36px;
	position: absolute;
	top: -80%;
	left: 0;
	right: 0;
	color: #777777;
	text-align: left;
	text-transform: none;
	font-size: 12px;
}
.contacts .contact {
	margin-bottom: 12px;
}
.contacts .contact .icon {
	float: left;
	font-size: 20px;
}
.contacts .contact .inner {
	margin-left: 30px;
}
.contacts a {
	color: #222;
	text-decoration: none;
	font-weight: 700;
}
.contact-heading {
	margin-bottom: 0;
	margin-top: 60px;
}
@media all and (max-width: 1024px) {
	.full-width-map {
		height: 240px;
	}
	.contacts {
		position: relative;
		width: 100%;
	}
}

/* ==========================================================================
   10. Home Slider
   ========================================================================== */
.topimg {
	border: none;
	border-radius: 0;
	box-shadow: none;
	margin: 0;
}
.topimg .slides>div {
	position: relative;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 620px;
}
.topimg .caption {

	position: absolute;
	bottom: /*50px*/0px;
	right: auto;
	color: #fff;
	padding: /*28px*/0px 32px;
	/*width: 600px;*/
}
.topimg .caption h4{
	/* [disabled]background: #00323d; */
	/* [disabled]background: rgba(0,63,10,.85); */
	margin-top: 0;
	margin-bottom: 18px;
	padding: 10px;
	color: #fff;
}
.topimg .caption p {
	background: #2196f3;
	background: rgba(108, 141, 53, 0.78);
	margin-bottom: 135px;
	font-size: small;
	padding:10px;
}
.topimg .caption p:last-of-type {
	/*margin-bottom: 0;*/
}
.topimg .caption a {
	color: #fff;
	text-decoration: none;
	text-transform: none;
	font-weight: 400;
	font-size: 12px;
}

snowfb-body {
	width: 300px;
	margin-top: -430px;
	z-index: 3;
	/*padding-top: 10px;*/
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-right: 50px;
	color: #F8F5F5;
	float: right;
	position: relative;
	border-radius: 10px;
	background-color: rgba(0,0,0,0.70);
	font-size:12px;
}

.snowfb-body p{
	line-height:1.2em;
	color:rgba(255,255,255,1.00);
}

.snowfb-body td{
	width:33.3%;
	/*border-top:1px dashed rgba(145,145,145,1.00);*/
	padding:2px;
}

.snowfb-body table{
	width:100%;
}
.snowfb-body td p{
	padding:3px;
	text-align:center;
}

.dayinfo-body {
	width: 300px;
	margin-top: -487px;
	z-index: 3;
	padding-top: 30px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 20px;
	margin-right: 50px;
	color: #F8F5F5;
	float: right;
	position: relative;
	border-radius: 10px;
	background-color: rgba(0,0,0,0.70);
	font-size:12px;
}

.dayinfo-body p{
	line-height:1em;
	color:rgba(255,255,255,1.00);
}

.dayinfo-body td{
	width:33.3%;
	/*border-top:1px dashed rgba(145,145,145,1.00);*/
	padding:2px;
}

.dayinfo-body table{
	width:100%;
}
.dayinfo-body td p{
	padding:3px;
	text-align:center;
}

@media all and (max-width: 768px) {
    .parkfb-body {
	width: 300px;
	margin-top: 0px !important;
	z-index: 3;
	/*padding-top: 10px;*/
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-right: 0px !important;
	color: #F8F5F5;
	float: right;
	position: relative;
	border-radius: 10px;
	background-color: rgba(0,0,0,0.70) !important;
	font-size:12px;
}
}

.parkfb-body {
	width: 300px;
	margin-top: -272px;
	z-index: 3;
	/*padding-top: 10px;*/
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	margin-right: 50px;
	color: #F8F5F5;
	float: right;
	position: relative;
	border-radius: 10px;
	background-color: rgba(130,130,130,0.70);
	font-size:12px;
}

.parkfb-body p{
	line-height:1.2em;
	color:rgba(255,255,255,1.00);
}

.parkfb-body td{
	width:33.3%;
	/*border-top:1px dashed rgba(145,145,145,1.00);*/
	padding:2px;
}

.parkfb-body table{
	width:100%;
}
.parkfb-body td p{
	padding:3px;
	text-align:center;
}

.yellow_bg {
	width: 100%;
	height: 100%;
	text-align: center;
	padding: 5px;
	/*margin-top: 20px;*/
	background-color: #3a99d6;
	transform: skew(-20deg);
	-o-transform: skew(-20deg);
	-moz-transform: skew(-20deg);
	-webkit-transform: skew(-20deg);
}

.top-fb{
	/*border-top:solid rgba(255,255,255,1.00);*/
	width: 100%;
}

@media all and (min-width: 768px) {
	.topimg .caption h3 {
		display:none;
	}

	}

@media all and (max-width: 768px) {
	.topimg .caption h3 a{
		text-decoration:none;
	}

	.topimg .caption h3{
	background: #00323d;
	background: rgba(108, 141, 53, 0.78);
	margin-top: 0;
	margin-bottom: 18px;
	padding:10px;
	color: #fff;
	text-align:left;
}

	.topimg .slides>div {
		height: 480px;
	}
	.topimg .caption {
		width: 100%;
		right: 0px;
		bottom: 54px;
	}

	.topimg .caption p {
		display:none;
	}
	.topimg .caption h4 {
		display:none;
	}
	}
	@media all and (max-width: 800px) {
	.dayinfo-body {
	width: 100%;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
	border-radius: 0px;
	background-color: rgba(0,0,0,0.70);
	font-size:12px;
	color: #222;
	position: relative;
}
.dayinfo-body>div {
	width: 80%;
	margin-top: 10;
	margin-left: auto;
	margin-right: auto;
	font-size:12px;
	color: #fff;
	position: relative;
}
.yellow_bg {
	width: 100%;
	height: 100%;
	text-align:center;
	padding: 5px;
	margin-top: 20px auto 0 auto;
	background-color: #3a99d6;
	transform: skew(-20deg);
	-o-transform: skew(-20deg);
	-moz-transform: skew(-20deg);
	-webkit-transform: skew(-20deg);
}
}


/* ==========================================================================
   10-2. Swiper
   ========================================================================== */
.swiper-container{
  position: relative;
  z-index: 10;
}
.swiper-container .swiper-slide{
  width: 100%;
  height: 620px;
  position: relative;
  display: flex;
  justify-content: center;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.swiper-container .swiper-slide button{
  background-color: transparent;
  border: 2px solid #fff;
  color: #fff;  
  font-size: 1.8rem;
  min-width: 200px;
  letter-spacing: .2rem;
  line-height: 140%;
  padding: 10px 30px 12px;
  transition: all 0.4s ease 0s;
  margin-bottom: 30px;
}
.swiper-container .swiper-slide:hover button{
  background-color: rgba(255, 255, 255, .2);
}
.swiper-container .swiper-slide button.swiper_button1{
  position: absolute;
  bottom: 40px;
  left: auto;
  right: auto;
  z-index: 15;
}
.swiper-container .swiper-slide .bg{
  background: rgba(0,0,0,0);
  transition: all 0.3s ease 0s;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 10;
}
.swiper-container .swiper-slide:hover .bg{
  background: rgba(0,0,0,.7);
}
@media (max-width: 768px) {
  .swiper-container .swiper-slide{
    height: 480px;
  }
}
.swiper-container .swiper-slide>a{
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 30;
}
.swiper-container .slider-contents{
  position: relative;
  z-index: 25;
  opacity: 0;
  transition: all 1.5s ease 1s;
  line-height: 150%;
  padding-top: 120px;
}
.swiper-container .swiper-slide .slider-contents a{
  color: #fff;
}
/* 変更20191223 ここから */
.swiper-container .swiper-row{
  width: calc( 100% - 80px );
  max-width: 1170px;
  margin-left: auto;
  margin-right: auto;
}
@media (min-width:801px) and (max-width: 1400px){
  .swiper-container .swiper-row{
    padding-right: 350px;
  }
}

.swiper-container .swiper-bg{
  padding: 10px 10px 0px;
  margin-bottom: 18px;
  /* 2020年3月10日火曜日追加 */
  display: inline-block;
  /* 2020年3月10日火曜日追加 ここまで */

}
.swiper-container .swiper-bg_c1 { background-color: rgba(0, 255, 216, 0.65); color:#000; }
.swiper-container .swiper-bg_c2 { background-color: rgba(5, 166, 148, 0.65); }
.swiper-container .swiper-bg_c3 { background-color: rgba(43, 175, 4, 0.65); }
.swiper-container .swiper-bg_c4 { background-color: rgba(58, 153, 214, 0.65); color:#000; }
.swiper-container .swiper-bg_c5 { background-color: rgba(74, 199, 242, 0.65); color:#000; }
.swiper-container .swiper-bg_c6 { background-color: rgba(154, 37, 48, 0.65); }
.swiper-container .swiper-bg_c7 { background-color: rgba(155, 183, 236, 0.65); color:#000; }
.swiper-container .swiper-bg_c8 { background-color: rgba(176, 154, 7, 0.65); color:#000; }
.swiper-container .swiper-bg_c9 { background-color: rgba(248, 68, 227, 0.65); color:#000; }
.swiper-container .swiper-bg_c10 { background-color: rgba(241, 28, 32, 0.65); }
.swiper-container .swiper-bg_c11 { background-color: rgba(255, 221, 0, 0.65); color:#000; }
.swiper-container .swiper-bg_c12 { background-color: rgba(255, 255, 255, 0.65); color:#000; }

.swiper-container .c1{color: #00FFD8;}
.swiper-container .c2{color: #05A694;}
.swiper-container .c3{color: #2baf04;}
.swiper-container .c4{color: #3a99d6;}
.swiper-container .c5{color: #4ac7f2;}
.swiper-container .c6{color: #9a2530;}
.swiper-container .c7{color: #9bb7ec;}
.swiper-container .c8{color: #B09A07;}
.swiper-container .c9{color: #F844E3;}
.swiper-container .c10{color: #f11c20;}
.swiper-container .c11{color: #ffdd00;}
.swiper-container .c12{color: #fff;}


.swiper-container .caption p,
.swiper-container .caption ul,
.swiper-container .caption table
{
  font-size: small;
  color: #fff;
  margin-bottom: 0;
  padding-bottom: 10px;
}

.swiper-container .swiper-slide-active .slider-contents{
  opacity: 1;
}
.swiper-container em{
  font-style: normal;
}
.swiper-container .c1{color: #00FFD8;}
.swiper-container .c2{color: #05A694;}
.swiper-container .c3{color: #2baf04;}
.swiper-container .c4{color: #3a99d6;}
.swiper-container .c5{color: #4ac7f2;}
.swiper-container .c6{color: #9a2530;}
.swiper-container .c7{color: #9bb7ec;}
.swiper-container .c8{color: #B09A07;}
.swiper-container .c9{color: #F844E3;}
.swiper-container .c10{color: #f11c20;}
.swiper-container .c11{color: #ffdd00;}
.swiper-container .c12{color: #fff;}

#slider-staff_recruitment{
  padding-top: 120px;
  text-align: center;
}
#slider-staff_recruitment em{
  font-style: normal;
  color: #F844E3;
}
/* 変更20191223 ここまで */


.home_navbar {
  display: none;
}

@media (max-width: 991px) {
  .home_navbar {
    display: block;
    position: relative;
    z-index: 10;
    margin-top: -50px;
    margin-bottom: 10px;
  }
  .home_navbar ul {
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 20px;
    background: rgba(108, 141, 53, 0.78);
    padding: 20px 15px 10px;
    width: calc(100% - 30px);
    border-radius: 5px;
    box-sizing: border-box;
    text-align: center;
  }
  .home_navbar ul li {
    display: inline-block;
    width: 24%;
    box-sizing: border-box;
    margin-left: 0;
    margin-bottom: 10px;
    float: none;
  }
  .home_navbar ul a {
    font-size: 12px !important;
  }
  .home_navbar ul a:hover {
    font-size: 12px !important;
  }
}
@media (max-width: 767px) {
  .home_navbar ul li {
    width: 49%;
  }
}





/* ==========================================================================
   11. Links
   ========================================================================== */
.link {
	background: #00323d;
	color: #fff;
	text-align: center;
	margin-bottom: 24px;
}
.link .content {
	width: 85%;
	float: left;
	padding: 18px 0;
	position: relative;
}
.link .content i {
	display: block;
	font-size: 48px;
	margin-bottom: 8px;
}
.link .content span {
	text-transform: none;
	font-weight: 700;
	font-size: 22px;
}
.link .arrow {
	width: 15%;
	background: #ffdd00;
	color: #222;
	float: left;
	height: 120px;
	line-height: 120px;
	font-size: 20px;
}
.link .arrow a {
	display: inline-block;
	width: 100%;
	height: 100%;
}



/* ==========================================================================
   12. Widgets
   ========================================================================== */
.widget {
	margin-bottom: 36px;
}
.widget.bordered {
	border: 1px solid #e9eaee;
	padding: 18px;
}
.widget.bordered h5 {
	border-bottom: 1px solid #eff0f3;
	padding-bottom: 18px;
	margin-bottom: 24px;
	font-weight: 400;
}
.widget li {
	margin-bottom: 6px;
}
.latest-post {
	margin-bottom:0px;
}
.widget.bordered .latest-post {
	margin-bottom: 24px;
	padding-bottom: 24px;
	border-bottom: 1px solid #eff0f3;
}
.widget.bordered .latest-post:last-of-type {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.latest-post img {
	float: left;
}
.latest-post div {
	margin-left: 96px;
	padding-top: 6px;
}
.latest-post h6 {
	margin-bottom: 8px;
}
.latest-post a {
	color: #222;
	text-decoration: none;
}
.latest-post span {
	text-transform: none;
}
.insta img {
	display: block;
	width: 80px;
	height: 80px;
	margin-bottom: 6px;
	margin-right: 6px;
	float: left;
}
.categories-widget li {
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid #eff0f3;
}
.categories-widget li:last-of-type {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.categories-widget a {
	color: #777;
	text-decoration: none;
	font-weight: 400;
	font-size: 14px;
	line-height: 28px;
	width: 100%;
	display: inline-block;
}
.categories-widget span {
	float: right;
	color: #a1a1a1;
	background: #eaeaea;
	width: 28px;
	height: 28px;
	text-align: center;
	-webkit-transition: .25s;
	-moz-transition: .25s;
	-o-transition: .25s;
	-ms-transition: .25s;
	transition: .25s;
}
.categories-widget a:hover span {
	color: #222;
	background: #ffdd00;
}
.tag-cloud .button {
	font-size: 14px;
	padding: 5px 20px;
	font-weight: 400;
	margin-bottom: 6px;
	margin-right: 6px;
}
@media all and (max-width: 768px) {
	.widget {
		margin-bottom: 0;
		margin-top: 36px;
	}
}

/* ==========================================================================
   13. Social Icons
   ========================================================================== */
.social-icon {
	display: inline-block;
	width: 40px;
	height: 40px;
	line-height: 30px;
	margin: 6px 0;
	/*margin-left: 6px;*/
	margin-right: 10px;

	text-align: center;
}
.social-icon a {
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid #fff;
	font-size: 30px;
	color: #fff;
	padding:5px;
}
.social-icon a:hover {
	background: #fff;
	color: #00323d;
	opacity: 1;
}

.social-icon-s {
	display: inline-block;
	width: 30px;
	height: 30px;
	line-height: 30px;
	margin: 6px 0;
	/*margin-left: 6px;*/
	margin-right: 10px;

	text-align: center;
}
.social-icon-s a {
	display: block;
	width: 100%;
	height: 100%;
	border: 1px solid #fff;
	font-size: 22px;
	color: #fff;
	padding:1px;
}
.social-icon-s a:hover {
	background: #fff;
	color: #00323d;
	opacity: 1;
}

.social-icons.gray .social-icon a {
	border: 1px solid #00323d;
	color: #222;
}
.social-icons.gray .social-icon a:hover {
	background: #00323d;
	color: #fff;
}
.gray .social-icons.gray .social-icon a {
	border-color: #fff;
	color: #fff;
}
.gray .social-icons.gray .social-icon a:hover {
	background: #fff;
	color: #00323d;
}
.social-icons.yellow .social-icon a {
	color: #fff;
}
.social-icons.yellow .social-icon a:hover {
	color: #ffdd00;
}
.social-icons.grey .social-icon a {
	border: 1px solid #b4b4b4;
	color: #b4b4b4;
}
.social-icons.grey .social-icon a:hover {
	background: #b4b4b4;
	color: #fff;
}
.header .social-icon {
	margin-right: 6px;
	margin-left: 10px;
}
.instructor .social-icon {
	margin-right: 4px;
	margin-left: 4px;
}
.simple-social-icons a {
	color: #b4b4b4;
	text-decoration: none;
	font-size: 14px;
	line-height: 26px;
	margin-right: 18px;
}


/* ==========================================================================
   14.Footer
   ========================================================================== */
.footer {
	background: #8a6658; /*eaeaea*/
	color: #000;
	font-weight: 400;
	padding-top:20px;
	font-size:12px;
	margin-top:50px;
	border-top:1px solid #bcbcbc;
}

.footer h5 {
	font-family: 'Noto Sans Japanese', sans-serif;
	margin-bottom: 32px;
}
.footer a {
	color: #fff;
	text-decoration: none;
}
.copyright {
	text-align: center;
	padding: 28px 0;
	border-top: 1px solid #bcbcbc;
	font-size: 13px;
	color:#000;
}
@media all and (max-width: 768px) {
	.newsletter-icon {
		float: none;
	}
	.newsletter h3 {
		float: none;
		line-height: 24px;
		margin-top: 24px;
	}
	.newsletter-form {
		float: none;
		margin-top: 36px;
		margin-bottom: 24px;
	}
	.newsletter-form input:not([type=submit]):not([type=file]) {
		width: 100%;
		margin-bottom: 12px;
	}
}

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.fader,.slide {
    background: none repeat scroll 0 0;
    color: #FFFFFF;
    font-size: 13px;
    padding: 10px;
}
.fader,.slide li {
	list-style:none;}

.nodeco{
	   text-decoration:none;
	   color:#ffffff;
   }

.footerabout li{
	list-style:none;}

/* ==========================================================================
  15. event
   ========================================================================== */
a.event_a{text-decoration:none;}

.event {
	margin-top: 20px;
	padding-top: 30px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 20px;
	background: rgba(255,255,255,0.7);
}
.event-image {
	width: 100%;
	height: auto;
	padding: 8px;
	background: #fff;
	float: left;
	margin-top: 0px;
	margin-right:10px;
	margin-bottom:10px;
	position: relative;
	z-index: 2;
}
.event:hover .kanban-image {
	background: #ffdd00;
}
.event-image .inner {
	overflow: hidden;
}
.event-image img {

}
.event-body {
	padding-top: 10px;
	padding-bottom: 30px;
	margin-left: 0px;
	color: #222;
	position: relative;
	background: rgba(255,255,255,0.7);
}
.event-body .quote-icon {
	color: #e7e7e7;
	font-size: 24px;
	position: absolute;
	bottom: 22px;
	right: 35px;
}
.event-body h5 {
	color: #222;
}
.event-body p:last-of-type {
	margin-bottom: 0;
}

h4.event-tittle{
	background: rgba(255,255,255,0.7);
	margin: 10px 0 0 0;
	color: #222;
	position: relative;
	font-weight:700;
word-wrap: break-word;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
padding-bottom:10px;
}


@media all and (max-width: 1000px) and (min-width: 769px){
.event-image img{
	text-align:center;
	margin:auto;
	display:block;
}
.event-image{
	width:100%;
}
.event-body {
	clear:both;
	padding-top: 10px;
	padding-bottom: 30px;
	margin-left: 0px;
	color: #222;
	position: relative;
	background: rgba(255,255,255,0.7);
}
}

@media all and (max-width: 768px) {
	event-image {
		width:150px !important;
	height:150px;
	padding:8px;
	background: #fff;
	float: left;
	margin-top: 0px;
	margin-right:10px;
	margin-left: 35px;
	margin-bottom:10px;
	position: relative;
	z-index: 2;
}
.event-body {
	clear:none;
	padding-top: 10px;
	padding-bottom: 30px;
	margin-left: 0px;
	color: #222;
	position: relative;
	background: rgba(255,255,255,0.7);
}
}

/* ==========================================================================
   29. What`s New
   ========================================================================== */
   .news li a{
	   text-decoration:none;
	   color:#ffffff;
   }

     .news li {list-style:none;}

	.news{margin-bottom:50px;}

 /* ==========================================================================
 　16. Page top
 　========================================================================== */

   #page-top {
    position: fixed;
    bottom: 2px;
    right: 25px;
    font-size: 77%;
}
#page-top a {
    background: rgba(200,200,200,0.7);
    text-decoration: none;
    color: #333;
    width: 50px;
    padding: 0px 0px;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}

.inners {
    margin: 0 auto;
    padding-left:8px;
}
.inners:after {
    content: "";
    clear: both;
    display: block;
}

 /* ==========================================================================
 　17. yado
 　========================================================================== */




 /* ==========================================================================
 　17. etc
 　========================================================================== */


@media all and (max-width: 768px) {
.ichioshi{
	 width: 80%;/* 改変箇所 */
    /*height: 100px;*/
    position: relative;
    overflow: hidden;
    margin:0 auto;
}

.ichioshi a {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 100%;
    height: 100px;/* 縦は用途応じて改変 */
    line-height: 200px;
    margin:-100px 0 0 -50%;
    text-align: center;
}

.ichioshi a img{
    min-height: 200px;
    min-width: 10%;
    vertical-align: middle;
}
}


/* ==========================================================================
 　18. フロー図（フェードイン）
 　========================================================================== */
.list{
	/*margin: 50px 50px 50px 50px;*/
	list-style-type: none;
	overflow: hidden;
	padding-left:0px !important;
	/*background-color:#fafafa;*/
	border:1px solid #ececec;
	padding:20px;
	padding-left:20px !important;
}
.list li{
	/*margin: 50px 20px 50px 20px;*/
	float: left;
	transition: .8s;
	padding-left:0px !important;
}

.list-mv07{
	opacity: 0;
	transform: translate(0,60px);
	-webkit-transform: translate(0,60px);
}
.mv07{
	opacity: 1.0;
	transform: translate(0,0);
	-webkit-transform: translate(0,0);
}

.flow_arrow_bg{
	/*background-color:#ededed;*/
	text-align:center;
	/*border-radius:40px;*/
	/*width:65px;*/
	/*height:65px;*/
	font-size:14px;
	padding-top:11px;
	line-height:1.5em;
}

.flow_step_no{
	font-size:30px;
	font-weight:bold;
}

@media(max-width:992px){
	.pcspmt50{
		margin-bottom:20px;
	}
}

@media(min-width:993px){
	.pcspmt50{
		margin-bottom:25px;
	}
.inners {
    margin: 0 auto;
    padding-left:8px;
}
.inners:after {
    content: "";
    clear: both;
    display: block;
}
}


/* ==========================================================================
 　18. TreeRidingZone
 　========================================================================== */
 #trz_04{
 	background-color:#000;
 }


/* ==========================================================================
 　19. 下層ページ　メインビジュアル
 　========================================================================== */
 .topimg2 {
	border: none;
	border-radius: 0;
	box-shadow: none;
	margin: 0;
}
.topimg2 .slides>div {
	position: relative;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	height: 400px;
}
.topimg2 .caption {

	position: absolute;
	bottom: 100px;
	right: auto;
	color: #fff;
	padding: 28px 32px;
	width: 100%;
}
.topimg2 .caption h4{
	/* [disabled]background: #00323d; */
	/* [disabled]background: rgba(0,63,10,.85); */
	margin-top: 0;
	margin-bottom: 18px;
	padding: 10px;
	color: #fff;
}
.topimg2 .caption p {
	background: #2196f3;
	background: rgba(42, 156, 245, 0.55);
	margin-bottom: 18px;
	font-size: small;
	padding:10px;
}
.topimg2 .caption p:last-of-type {
	margin-bottom: 0;
}
.topimg2 .caption a {
	color: #fff;
	text-decoration: none;
	text-transform: none;
	font-weight: 400;
	font-size: 12px;
}

/* ==========================================================================
 　20. youtubeレスポンシブ
 　========================================================================== */
.movie-wrap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/* ==========================================================================
 　21. アコーディオン(TRZ)
 　========================================================================== */
.ui-accordion .ui-accordion-header {
  cursor:pointer;
  margin-top:1px;
  position:relative;
}
.ui-corner-all {
  -moz-border-radius:4px 4px 4px 4px;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{
	border:none;
}


/* ==========================================================================
 　22. ページ内リンク用ボタン
 　========================================================================== */
.page_link li{
	color:#577b3b;
	list-style:none;
	border:1px solid #577b3b;
	display: inline-block;
	padding:5px 15px 5px 15px;
	margin-bottom:10px;
        width:210px;
        text-align:center
}

.page_link a{
	color:#577b3b;
	text-decoration: none;
	font-size:14px;
	margin-right:20px;
        text-align:center;
        margin:0 auto;
}

.page_link li:hover{
	color:#9cbb83;
	list-style:none;
	border:1px solid #9cbb83;
	/*background-color:#9cbb83;*/
	display: inline-block;
	padding:5px 15px 5px 15px;
        width:210px;
        text-align:center
}

.page_link a:hover{
	color:#9cbb83;
	text-decoration: none;
	font-size:14px;
/*	margin-right:20px;*/
        width:210px;
        text-align:center
}


/* ==========================================================================
 　23. スキー場基本情報
 　========================================================================== */
.info01 th{
	width:20%;
	background-color:#4080c2;
	border-right:1px solid #d4d4d4;
	border-left:1px solid #d4d4d4;
	line-height:1.3em;
	vertical-align:middle;
	text-align:center;
}

.info01 td{
	width:30%;
	border-right:1px solid #d4d4d4;
	line-height:1.3em;
}

.info01 span{
	line-height:1em;
	float:left;
}

.info02 tr{
	width:100%;
}

.info02 th{
	background-color:#4080c2;
	border-right:1px solid #d4d4d4;
	border-left:1px solid #d4d4d4;
	text-align:center;
	vertical-align:middle;
	line-height:1.3em;
}

@media(max-width:768px){
.info02 th{
        width:20%;
	background-color:#4080c2;
	border-right:1px solid #d4d4d4;
	border-left:1px solid #d4d4d4;
	text-align:center;
	vertical-align:middle;
	line-height:1.2em;
}
}

.info02 td{
	width:15%;
	border-right:1px solid #d4d4d4;
	text-align:center;
	vertical-align:middle;
	line-height:1.3em;
}

.info02 span{
	line-height:1em;
	float:left;
}

.info03 th{
	width:15%;
	background-color:#4080c2;
	border-right:1px solid #d4d4d4;
	border-left:1px solid #d4d4d4;
	text-align:center;
	vertical-align:middle;
	line-height:1.3em;
}

.info03 td{
	width:;
	border-right:1px solid #d4d4d4;
	text-align:center;
	vertical-align:middle;
	line-height:1.3em;
}

.color_beginer {
	background-color:#f1fcf2;
}

.color_middle {
	background-color:#fceded;
}

.color_expert {
	background-color:#e4e4e4;
}

.table_r_width{
    width:10%;
}



.bgnone{
	background-color: rgba(0,0,0,0) !important;
        color: #565656 !important;
}

ul li{
	list-style:none;
}

.bordernone{
	border-bottom:none;
}

.page-header{
	border-bottom:none;
}

.entry-column p{
	line-height:1.7em;
}

.entry{
	border-bottom:none;
}

.entry-column p{
	font-size: 14px;
        text-align:left;
}

.section{
	padding-bottom:100px;
}

.sectionpb_cancel{
	padding-bottom:0 !important;
}

.entry-column ul li{
	font-size:14px;
}

.entry-column th, .entry-column td{
	font-size:14px;
}

.entry-column h3{
	padding-left:0px;
}

.entry-column ul{
	padding:0;
}

.bx-wrapper{
	padding:0 0px 0 20px !important;
}

@media(max-width:768px){
    .bx-wrapper{
	padding:0 0px 0 0px !important;
}
.slider_sp{
    margin-left:21px;
    margin-right:11px;
}
}

.bx-wrapper .bx-next{
	right:35px !important;
}

.bx-wrapper .bx-prev{
	left:35px !important;
}

.module-header{
	border-bottom:none !important;
}

.colorblack a{
	color:#000;
}

.contact-box .mail-step{
	background-color:#fff;
}

.contact_bg{
	background-image:url(../img/bg_contact.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:cover;
}

hr{
	border-top:1px solid #bcbcbc;
}




/*-----------------------------------------------
offcanvas関連追記
-----------------------------------------------*/
@media(min-width: 990px){
.acms-hide-pc{
	display:none !important;
}
}

.offcanvas-nav a{
	color:#000;
}

.offcanvas-nav ul ul{
    margin-left: 20px;
    margin-top:7px;
    margin-bottom:11px;
}

.offcanvas-nav ul ul a{
    font-size:11px;
}

@media(max-width: 1199px){
.offcanvas-nav li.stay{
	background-color:#cecece;
}
}


.mttopics{
	margin-top:5px;
}

.form-control2{
	width:17%;
	float:left;
}

.datetext{
	float:left;
	padding-top:8px;
}

.datetextmt{
	margin-top:15px;
	margin-bottom:-20px;
}

.topw100{
	width:150px;
	height:36px;
	float:left;
}

.topw100_2{
	float:left;
}

.pd_flow{
	padding-top:15px !important;
	padding-right:5px !important;
}

.pd_flow_img{
	/*padding-left:5px !important;*/
}

.fbarea_l{
	float:left;
	width:20%;
}

.fbarea_r{
	float:right;
	width:80%;
	/*padding-top:9px;*/
        color:#fff;
        line-height:1.4em;
}

.page-title-filter{
	background:rgba(0, 0, 0, 0);
}

.container{
	padding-right:15px !important;
	padding-left:15px !important;
	margin-right:auto !important;
	margin-left:auto !important;
}

@media(max-width:768px){
	.entry-column ol li{
		font-size:12px;
	}
	.entry-column ol li{
		font-size:13px;
	}
	.acms-admin-table td, .acms-admin-table th{
		padding:4px;
                vertical-align:middle;
	}
	.entry-column th, .entry-column td{
		display:table-cell;
		line-height:1.2em;
		font-size:12px;
		padding:4px 3px 4px 3px;
                vertical-align:middle;
	}
	.entry-column p{
	font-size: 13px;
}
}

.flow_grid{
    border:1px solid #ececec;
    padding:20px;
    padding-left:15px !important;
    margin-left:16px;
    margin-right:16px;
}

.entry-column p{
    margin:0 15px 12px 15px;
}

.entry-column h4{
    margin:0 0px 20px 15px;
}

.extend_h3_vertical{
    margin-top: 0px !important;
    margin-bottom:0px !important;
    padding-left:10px !important;
    padding-top:30px !important;
    padding-bottom:10px !important;
    background-color:#f2f2f2 !important;
    color:#565656 !important;
}

.extend_h3{
    margin-bottom:0px !important;
    padding-left:10px !important;
    padding-top:30px !important;
    padding-bottom:10px !important;
    /*background-color:#f2f2f2 !important;*/
    color:#565656 !important;
}

.entry-column h3{
    background-color:transparent;
}

.extend_div{
    margin-bottom:0px !important
}

.extend_p{
    background-color:transparent;
    padding-left:10px !important;
    padding-right:10px !important;
    padding-bottom:30px !important;
}


.academy_form_button a:visited{
    color: white !important;
}

/*bootstrapのパディングとマージンを0に*/
/*
.entry-column [class*="column-image-"], .entry-column [class*="column-media-"], .entry-column [class*="column-yolp-"], .entry-column [class*="column-youtube-"], .entry-column [class*="column-video-"], .entry-column [class*="column-eximage-"]{
    padding-left:0px;
    padding-right:0px;
}

.entry-column h3{
    margin-left:0px !important;
    margin-right:0px !important;
}

.entry-column h2, .entry-column h3, .entry-column h4, .entry-column h5, .entry-column h6, .entry-column dl{
    margin-left:0px !important;
    margin-right:0px !important;
}

.entry-column p{
    margin-left:0px !important;
    margin-right:0px !important;
}
*/

.side_ml0{
    margin-left:0px !important;
}

.entry-column h4{
    font-size:20px;
    letter-spacing:0em;
    margin-top:35px;
    font-weight:bold !important;
}

@media(min-width:768px){
    .entry-column th, .entry-column td{
        padding:9px 0px;
        border-left:1px solid #DFDFDF;
        border-right:1px solid #DFDFDF;
        border-bottom:1px solid #DFDFDF;
        text-align:center;
        vertical-align:middle;
    }
    .entry-column th{
        background-color:#577b3b;
        color:#fff;
        text-align:center;
        vertical-align:middle;
    }
}

@media(max-width:767px){
    .entry-column th, .entry-column td{
        padding:9px 0px;
        border-left:1px solid #DFDFDF;
        border-right:1px solid #DFDFDF;
        border-bottom:1px solid #DFDFDF;
        text-align:center
    }
    .entry-column th{
        background-color:#577b3b;
        color:#fff;
        text-align:center;
    }
    .extend_p{
    background-color:transparent;
    padding-left:0px !important;
    padding-right:0px !important;
    padding-bottom:10px !important;
}
    .extend_h3{
    margin-bottom:0px !important;
    padding-left:0px !important;
    padding-top:10px !important;
    padding-bottom:10px !important;
    /*background-color:#f2f2f2 !important;*/
    color:#565656 !important;
}
}

.white_txt{
    color:#fff !important;
}

.table_bg_1{
    background-color:#bff5c2;
}

.table_bg_2{
    background-color:#9bb7ec;
}

.table_bg_3{
    background-color:#ffd7b7;
}

.table_bg_4{
    background-color:#f5b7e8;
}

.w20{
    width:20%
}

.w40{
    width:40%
}

.w40{
    width:40%
}

.table_width_3column{
/*    width:95% !important;*/
    table-layout: fixed;
   width: 100%;
}

.acms-admin-table-warning{
    background-color:#ffd7b7;
}

.acms-admin-table-info{
    background-color:#9bb7ec;
}

.acms-admin-table-danger{
    background-color:#f5b7e8;
}

.table_center_3column td{
    text-align:center;
}

.h3_special{
    font-size:40px;
    color:#4080c2;
}

.entry-column h3{
    border-bottom:4px solid #cae2b8;
    color:#577b3b;
    font-size:calc(25px + 0.4vw);
    text-align:center;
    text-shadow:none;
    border-left:none;
    margin-bottom:20px;
    margin-top:40px;
    font-weight:normal;
    padding-bottom:15px
}

.direct_h3 {
	margin-bottom: 30px;
	margin-top:70px;
	font-weight:normal !important;
	border-bottom:3px solid #abd5ff;
	text-align:left;
	font-size:calc(17px + 0.8vw);
	font-weight:bold;
	padding-bottom:12px;
	background-color:rgba(0,0,0,0);
        color: #4080c2;
}

.direct_h4 {
	margin-bottom: 20px !important;
	font-weight: 100 !important;
	/*text-align:left !important;*/
	font-size:calc(18px + 0.4vw);
	font-weight:bold !important;
        padding-bottom:5px !important;
}

.phone_txt{
    font-size:35px;
    margin-bottom:3px;
}

@media(max-width:500px){
    .phone_txt{
    font-size:30px;
    margin-bottom:3px;
}
}

.contact_gray_area{
    background-color:#f6f6f6;
    margin-left:0px;
    margin-right:0px;
    padding:20px 0 5px 0;
}

.btn-info{
    background-color:#4080c2;
    color:#fff;
}

.btn{
    font-size:18px;
    letter-spacing:0.1em;
}

.page-title{
    font-weight:normal;
}

.bg_side_gray{
    background-color:#f2f2f2 !important;
    margin-left:15px;
    margin-right:15px;
}

.bg_vertical_gray{
    background-color:#f2f2f2 !important;
    padding-left:15px;
}

.entry-column ol li{
    font-size:14px;
    line-height:1.4;
}

.bg_gray_div{
    background-color:#f2f2f2;
    padding:1px 15px 15px 15px;
/*    width:95%;*/
}

.bg_gray_div2{
    background-color:#f2f2f2;
    padding:1px 15px 15px 15px;
    margin:0 auto;
    text-align:center;
/*    width:99%;*/
}

.entry-column h4{
    color:#577b3b !important;
}

.entry-column h4 {
	/*margin-bottom: 30px;*/
	margin-top:70px;
	font-weight:normal !important;
	border-bottom:3px solid #cae2b8;
	text-align:left;
	font-size:calc(17px + 0.8vw);
	/*font-weight:bold !important;*/
	padding-bottom:12px;
	background-color:rgba(0,0,0,0);
        color: #4080c2;
        line-height:1.3em;
        margin-right:15px
}

.entry-column h5 {
	margin-bottom: 10px;
	font-weight: 100;
	text-align:left;
	font-size:calc(16px + 0.4vw);
	font-weight:bold;
	padding-bottom:8px;
        margin-top:25px;
}


@media(max-width:768px){
    .entry-column h3{
    border-bottom:2px solid #cae2b8;
    color:#577b3b;
    font-size:calc(17px + 0.4vw);
    text-align:center;
    text-shadow:none;
    border-left:none;
    margin-bottom:13px;
    margin-top:40px;
    font-weight:normal;
    padding-bottom:5px;
    line-height:1.3em;
}

.direct_h3 {
	margin-bottom: 30px;
	margin-top:70px;
	font-weight:normal !important;
	border-bottom:2px solid #abd5ff;
	text-align:left;
	font-size:calc(17px + 0.4vw);
	font-weight:bold;
	padding-bottom:3px;
	background-color:rgba(0,0,0,0);
        color: #4080c2;
}

    .entry-column h4 {
	/*margin-bottom: 30px;*/
	margin-top:30px;
	font-weight:normal !important;
	border-bottom:2px solid #cae2b8;
	text-align:left;
	font-size:calc(15px + 0.4vw);
	/*font-weight:bold !important;*/
	padding-bottom:5px;
	background-color:rgba(0,0,0,0);
        color: #4080c2;
        line-height:1.3em;
        margin-right:15px;
}

.entry-column h5 {
        margin-left:15px;
	margin-bottom: 10px;
	font-weight: 100;
	text-align:left;
	font-size:calc(15px + 0.4vw);
	font-weight:bold;
	padding-bottom:5px !important;
        /*margin-top:15px !important;*/
        line-height:1.3em;
}
}

.entry-column table{
    margin:0 0 10px 0;
}

.livecamera{
    position:relative;
    top:-30px;
    color:#fff;
}

.video_size{
    font-size:32px;
    vertical-align:middle;
}

.live_camera_txt{
    padding-left:10px;
}

.yonnanatoday{
    font-size:20px !important;
    letter-spacing:0em;
    font-weight:bold;
}

.yonnanatoday2 a:hover{
    text-decoration:none !important;
}

.label-required{
    background:#fff;
    color:#577b3b;
}

.contact-box .mail-step-item-current{
    color:#577b3b;
    border-bottom:2px solid #cae2b8;
}

.contact-box .mail-step{
    margin:0 10px 15px 10px;
}

.contact-box .mail-step-item{
    padding:18px 0 6px;
}

.side_widtharea{
    margin:0 auto;
/*    width:97%;*/
padding-right:15px;
padding-left:15px;
}

.padding_contact{
    padding-left:1% !important;
    padding-right:1% !important;
}

.lh_social{
    line-height:0.4em !important;
}

.footer_pd0{
    padding-left:0px !important;
    padding-right:0px !important;
}

.contact-box p.contact-no{
    line-height:1.1em;
    color:#565656;
    font-size:calc(15px + 0.7vw) !important;
}

.mt60_spnone{
    margin-top:60px;
}

@media(max-width:769px){
.mt60_spnone{
    margin-top:0px !important;
}
.spmb20{
    margin-bottom:20px;
}

}

span.pac_name {
    text-align: center;
    display: block;
    font-size: 24px;
    font-weight: bold;
    color: #9a2530;
    padding: 10px 0 20px;

.footer_img_size{
    width:100% !important;
}
}

.text_weight{
    font-weight:normal !important;
}

.footer_img_size{
    width:85%;
}

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-left:15px;
margin-right:15px;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

@media(min-width:991px){
.pcmgr15{
    margin-right:15px;
}
}

@media(max-width:991px){
    .pc_off{
        display:none !important;
    }
    .sppdr20{
        margin-right:15px;
    }
}

@media(max-width:1199px){
    .spmr15{
        margin-right:-17px;
    }
}

@media(min-width:1200px){
    .spmr15{
        margin-right:0px;
    }
}

@media(min-width:992px){
    .sp_off{
        display:none !important;
    }
    .pcml20{
    margin-left:15px;
    }
    .pc_mglr{
        margin-left:15px;
            margin-right:15px;
    }
/*    .pcpr10{
        padding-right:10px !important;
    }*/
}
@media(min-width:1200px){
.pcpd15{
        padding-right:15px !important;
    }
}

.hogege{
    padding-left:15px;
}

.m0{
    margin:0 auto;
}

.facebook_detail{
/*    border-top:1px solid #e9e9e9;
    border-right:1px solid #e9e9e9;
    border-bottom:1px solid #e9e9e9;*/
    border-left:6px solid #314f7f;
    padding:10px 20px 10px 20px;
    background-color:#f0f3fa;
}

.hov_a:hover{
    text-decoration:none !important;
}

.pd_detail_btn{
    padding:0 20px 0 20px;
}

.pd0{
    padding:0px;
}

@media screen and (min-width: 480px) {
	.br-sp { display:none; }
}

@media screen and (max-width: 768px) {
        .spposi{
            width:100%;
            padding:0 15px 15px 15px;
        }
}

.shado{
    background-color:#4380c1;
    color:#fff;
    padding:0px 7px 2px 7px;
}

.syokyu{
    color:#2baf04;
}

.chukyu{
    color:#f11c20;
}

.joukyu{
    color:#000;
}

.youtube_size{
    font-size:40px;
    color:#f11c20;
}

@media(max-width:769px){
.bold{
    font-weight:bold;
}
}

.mtevent{
    margin-top:800px;
}

@media(min-width:769px){
.toptopics_pdr{
    padding-right:0px !important;
}
}

@media(min-width:1200px){
.slider_height{
    height:312px
}
}

@media(min-width:992px){
.slider_height{
    height:300px
}
}

@media(min-width:450px){
.pc_disp_none{
    display:none
}
}

.trz_pd_r{
    padding-right:15px !important;
}

.condition_table{
    /*width:97.5% !important;*/
    text-align:center;
    margin:0 auto !important;
}

.condition_table2{
    /*width:94.8% !important;*/
    text-align:center;
    margin:0 auto !important;
}

@media(max-width:992px){
    .condition_table2{
/*    width:97.5% !important;*/
    text-align:center;
    margin:0 auto !important;
}
.trz_r_width{
    margin-right:15px !important;
    margin-left:15px !important;
}
.direct_container{
    padding-right:15px !important;
    padding-left:15px !important;
    margin-right:auto !important;
    margin-left:auto !important;
}
h3 {
	font-size: 24px;
	line-height: 30px;
}
.footerabout li{
	width:;}
}

.direct_container{
    width:97%;
}

.trz_r_width{
    margin-right:15px !important;
}

.m0auto{
    margin:0 auto;
    text-align:center;
}

.hukanzu_pdf{
    margin-left:15px;
}

.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img{
/*    width:100% !important;*/
}

[class*="column-image-"] img, [class*="column-media-"] img, [class*="column-eximage-"] img{
/*    width:100%;*/
}

.snowpark_pd{
    margin-left:-10px;
    margin-right:-10px;
}

.area_tbl2{
    margin-left:15px !important;
    margin-right:15px !important;
    /*width:94.8% !important;*/
}

/*@media(max-width:768px){
	.area_tbl2{
    margin-left:15px !important;
    margin-right:0px !important;
}
}*/

.top_temp_ico_mb{
	margin-bottom:-7px;
}

.top_kousetsu_num{
	line-height:1.3em;
	font-size:20px;
	font-weight:bold;
}

.lastupdate_posi{
	margin-top:-17px;
}

@media(min-width:992px){
.headernav_top{
	height:0px;
	padding-right:15px;
}
.headernav_bottom{
	/*height:40px;*/
	margin-top:10px;/*2段の場合は40px*/
}
.site-name{
	margin:11px 0 0 15px;/*2段の場合は28px 0 0 15px*/
}
.pc_mb240{
  margin-bottom:240px !important;
}
}

.pc_mb240{
  margin-bottom:50px;
}

.bxmargin ul{
	margin:0 15px 25px 0px !important;
}

.bxmargin_top{
	margin-top:12px !important;
}

.fb_more{
	float:right;
	font-size:15px;
	margin-top:-56px;
}

.facility_update{
	/*font-size:15px !important;*/
	position: relative !important;
	text-align: right !important;
	/*right: 0 !important;
	margin-top: 50px !important;*/
}

.yado_p{
	margin-top:-35px;
}

.thptpb{
	padding:10px 0 10px 0 !important;
}

@media(min-width:801px){
.more_btn{
	margin-top:-20px;
}
}




.header_ico{
	color:#fff;
	padding:0 !important;
}


.header_ico_1{
	background-image:url(../img/header_ico_1.png);
	background-size:16px;
	background-repeat: no-repeat;
	background-position: 4px;
}

.header_ico_1 a{
	background-color:#fff;
	border-radius:3px;
	padding:0 5px !important;
	color:#577b3b  !important;
	margin-left:24px;
	font-size:9px !important;
	line-height:1.4em !important;
	-webkit-transform: scale(0.9);
	-webkit-transform-origin:0 0;
}

.header_ico_1 a:hover{
	background-color:#fff !important;
	border-radius:3px;
	padding:0 5px !important;
	color:#577b3b  !important;
	margin-left:24px;
	font-size:9px !important;
	line-height:1.4em !important;
	-webkit-transform: scale(0.9);
	-webkit-transform-origin:0 0;
}

.header_ico_2{
	background-image:url(../img/header_ico_2.png);
	background-size:16px;
	background-repeat: no-repeat;
	background-position: 4px;
}

.header_ico_2 a{
	background-color:#fff;
	border-radius:3px;
	padding:0 5px !important;
	color:#577b3b  !important;
	margin-left:24px;
	font-size:9px !important;
	line-height:1.4em !important;
	-webkit-transform: scale(0.9);
	-webkit-transform-origin:0 0;
}

.header_ico_2 a:hover{
	background-color:#fff !important;
	border-radius:3px;
	padding:0 5px !important;
	color:#577b3b  !important;
	margin-left:24px;
	font-size:9px !important;
	line-height:1.4em !important;
	-webkit-transform: scale(0.9);
	-webkit-transform-origin:0 0;
}

.header_ico_3{
	background-image:url(../img/header_ico_3.png);
	background-size:16px;
	background-repeat: no-repeat;
	background-position: 4px;
}

.header_ico_3 a{
	background-color:#fff;
	border-radius:3px;
	padding:0 5px !important;
	color:#577b3b  !important;
	margin-left:24px;
	font-size:9px !important;
	line-height:1.4em !important;
	-webkit-transform: scale(0.9);
	-webkit-transform-origin:0 0;
}

.header_ico_3 a:hover{
	background-color:#fff !important;
	border-radius:3px;
	padding:0 5px !important;
	color:#577b3b  !important;
	margin-left:24px;
	font-size:9px !important;
	line-height:1.4em !important;
	-webkit-transform: scale(0.9);
	-webkit-transform-origin:0 0;
}

.header_ico_4{
	background-image:url(../img/header_ico_4.png);
	background-size:16px;
	background-repeat: no-repeat;
	background-position: 4px;
}

.header_ico_4 a{
	background-color:#fff;
	border-radius:3px;
	padding:0 5px !important;
	color:#577b3b  !important;
	margin-left:23px;
	font-size:9px !important;
	line-height:1.4em !important;
	-webkit-transform: scale(0.9);
	-webkit-transform-origin:0 0;
}

.header_ico_4 a:hover{
	background-color:#fff !important;
	border-radius:3px;
	padding:0 5px !important;
	color:#577b3b  !important;
	margin-left:23px;
	font-size:9px !important;
	line-height:1.4em !important;
	-webkit-transform: scale(0.9);
	-webkit-transform-origin:0 0;
}

.header_mg{
	margin-left:5px;
}