@font-face {
  font-family: "waon";
   src: url("//ngp---2018.web002.jetboy.jp/wp-content/themes/marble/fonts/waon.woff2") format('woff2'),
       url("//ngp---2018.web002.jetboy.jp/wp-content/themes/marble/fonts/waon.woff") format('woff');
}

.waon{
font-family: "waon","sans-serif";
  line-height: 150%;
font-size:20px;
}


@font-face {
  font-family: "yasashisa";
  src: url("//ngp---2018.web002.jetboy.jp/wp-content/themes/marble/fonts/yasashisa.woff2") format('woff2'),
url("//ngp---2018.web002.jetboy.jp/wp-content/themes/marble/fonts/yasashisa.woff") format('woff');
  }

.yasashisa{
font-family: "yasashisa","sans-serif";
  line-height: 150%;
font-size:20px;
}

@font-face {
  font-family: "bokutachi";
  src: url("//ngp---2018.web002.jetboy.jp/wp-content/themes/marble/fonts/bokutachi-webfont.woff2") format('woff2'),
       url("//ngp---2018.web002.jetboy.jp/wp-content/themes/marble/fonts/bokutachi-webfont.woff") format('woff');
  }

.bokutachi{
font-family: "bokutachi","sans-serif";
  line-height: 150%;
font-size:20px;
}

 @font-face {
  font-family: "nihon";
   src: url("//ngp---2018.web002.jetboy.jp/wp-content/themes/marble/fonts/nihon.woff2") format('woff2'),
       url("//ngp---2018.web002.jetboy.jp/wp-content/themes/marble/fonts/nihon.woff") format('woff');
}

.nihon{
font-family: "nihon","sans-serif";
  line-height: 150%;
font-size:20px;
}

 @font-face {
  font-family: "himaji";
   src: url("//ngp---2018.web002.jetboy.jp/wp-content/themes/marble/fonts/himaji.woff2") format('woff2'),
       url("//ngp---2018.web002.jetboy.jp/wp-content/themes/marble/fonts/himaji.woff") format('woff');
}

.himaji{
font-family: "himaji","sans-serif";
  font-weight: 100;
  line-height: 150%;
font-size:20px;
}

 @font-face {
  font-family: "anzu";
   src: url("//ngp---2018.web002.jetboy.jp/wp-content/themes/marble/fonts/anzu.woff2") format('woff2'),
       url("//ngp---2018.web002.jetboy.jp/wp-content/themes/marble/fonts/anzu.woff") format('woff');
}

.anzu{
font-family: "anzu","sans-serif";
  line-height: 150%;
  font-size:25px;
}

@font-face {
font-family: "azukiP";
  src: url(//ngp---2018.web002.jetboy.jp/wp-content/themes/marble/fonts/azukiP.eot) format("eot"), url(//ngp---2018.web002.jetboy.jp/wp-content/themes/2018NGP_S/fonts/azukiP.woff) format("woff");
}

.azukiP{
font-family: "azukiP","sans-serif";
  line-height: 150%;
font-size:20px;
}

@font-face {
font-family: "kiloji_p";
  src: url(//ngp---2018.web002.jetboy.jp/wp-content/themes/marble/fonts/kiloji_p.eot) format("eot"), url(//ngp---2018.web002.jetboy.jp/wp-content/themes/2018NGP_S/fonts/kiloji_p.woff) format("woff");
}

.kiloji_p{
font-family: "kiloji_p","sans-serif";
  line-height: 150%;
font-size:20px;
}

@font-face {
font-family: "setofont";
  src: url(//ngp---2018.web002.jetboy.jp/wp-content/themes/marble/fonts/setofont.eot) format("eot"), url(//ngp---2018.web002.jetboy.jp/wp-content/themes/2018NGP_S/fonts/setofont.woff) format("woff");
}

.setofont{
font-family: "setofont","sans-serif";
  line-height: 150%;
font-size:20px;
}

/*メインメニューデザイン*/
.nav>li>a{
font-feature-settings : "palt";
letter-spacing: 1px;
margin-top:2px;
padding:18px 18px 5px;
font-size:18px;
font-weight:400;
}

.nav>li>a:hover{
}

/*スライダーの中のメインテキスト*/
.feature_meta h2{
font-feature-settings : "palt";
font-family: "yasashisa";
text-shadow:
  0px 0px 1px #333,
  0px 0px 2px #333,
  0px 0px 3px #333,
  0px 0px 4px #333,
  0px 0px 5px #333,
  0px 0px 6px #333,
  0px 0px 7px #333,
  0px 0px 8px #333;
}
/*スライダーの中の説明文テキスト*/
.feature_meta .feature_description{
font-feature-settings : "palt";
font-family: "yasashisa";
text-shadow:
  0px 0px 1px #333,
  0px 0px 2px #333,
  0px 0px 3px #333,
  0px 0px 4px #333,
  0px 0px 5px #333,
  0px 0px 6px #333,
  0px 0px 7px #333,
  0px 0px 8px #333;
}


/* トップイベント紹介 */
.top_event_bg{
font-size: 120%;
line-height: 180%;
text-align: center;
background-color: #fff;
background-image:url(http://ngp---2018.web002.jetboy.jp/wp-content/uploads/2018/09/BU9A4109.jpg);
background-position: center center; 
background-repeat: no-repeat;
background-repeat: no-repeat;
background-attachment: fixed; 
clear: both;
}



/* トップアウトドア */
.top_outdoor_bg{
  	font-size: 120%;
  	line-height: 180%;
	text-align: center;
background-color: #fcf2e8;
background-image:url(http://ngp---2018.web002.jetboy.jp/wp-content/uploads/2017/03/outdoor_bg.jpg);
background-position: top left; 
background-repeat: no-repeat;

 clear: both;
}
.top_outdoor {
  width:100%;
	text-align: center;
	margin: 0 0 0 0;
	padding: 0px 0px 0px 0px;
}
.outdoor_box {
 float : left;
width:20%;
	line-height: 180%;
	font-size: 100%;
	text-align: center;
	margin: 0 0 0 0;
	padding: 0px 0px 0px 0px;
}
.outdoor_box img {
width: 100%;
}

/* トップタイトル(アウトドア) */
.top_outdoor_title{
  line-height: 150%;
text-align: right;
font-family: "waon";
color: #3154a4;
font-size:34px;
margin: 0px 70px 20px 0;
padding: 20px 0 20px 0px;
font-weight: normal;
font-style: normal;
}

.top_outdoor_text{
text-align: right;
line-height: 150%;
color: #222;
font-size: 120%;
margin: 0px 0 0 0;
padding: 0px 30px 0px 0;
font-weight: normal;
font-style: normal;
}


.yagai_title{
text-align: right;
line-height: 150%;
color: #222;
font-size: 16px;
margin: 0px 0px 0px ;
padding: 0px 0 0px 70px;
font-weight: normal;
font-style: normal;
}

.yagai_text{
text-align: left;
line-height: 150%;
font-size: 14px;
margin: 0px 0px 0px ;
padding: 0px 0 0px 70px;
font-weight: normal;
font-style: normal;
}


/* トップアウトドア下 */
.outdoor_bg_bottom {
 width: 100%;
height: 70px;
background-image:url(http://ngp---2018.web002.jetboy.jp/wp-content/uploads/2017/03/outdoor_bg_bottom.jpg); 
background-repeat: repeat-x;
  margin: 0;
padding: 0;
clear: both;
}
/* トップアウトドアボタン */
.out_bn{
border-radius: 15px;        /* CSS3草案 */
-webkit-border-radius: 15px;    /* Safari,Google Chrome用 */
-moz-border-radius: 15px;   /* Firefox用 */
	margin: 0px 0px 40px 0;
	padding: 0px 0px 0px 0px;
}

#footer{
height: 600px;
background-color: #67c9f2;
background-image:url(/wp-content/uploads/2017/03/2018_aki_footer_rig.png),url(/wp-content/uploads/2017/03/2018_aki_footer_le.png),url(/wp-content/uploads/2010/08/2018_aki_footer.jpg);
background-repeat:no-repeat,no-repeat,repeat-x;
background-position:right top,left top,center top;
background-size: unset;
}
.layerTransparent {background-color: transparent!important;}

.footer_copyright{
bottom: 0;
}


.top_2018yagai_bg{
text-align: right;
height: 500px;
background-color: #fff;
background-image:url(/wp-content/uploads/2017/03/tx_yagai.png),url(/wp-content/uploads/2017/03/yagai_guriguri_turi.png),url(/wp-content/uploads/2018/09/yagai_hidari2018.png),url(/wp-content/uploads/2017/03/DSC_0659.jpg);
background-repeat:no-repeat,no-repeat,no-repeat,no-repeat;
background-position:15px top,right bottom,20px 20px,center center;
background-size: unset;
  background-attachment: fixed;
  clear: both;
  position:relative;
}

.yagai_guriguri { 
  position: absolute;
    bottom: 85px; /** 場合によっては微調整 **/
    right: 0px;  /** 場合によっては微調整 **/
  }
.yagai_botan { 
  position: absolute;
    bottom: 0px; /** 場合によっては微調整 **/
    right: 0px;  /** 場合によっては微調整 **/
  }

/*固定ページのみフッターロゴの上 113px→0px */
.page .container {margin-top: 0px;}


/* 全ページフッター上部問い合わせ*/
.top_yoyaku_bg{
	text-align: center;
background-color: #67c9f2;
background-image:url(http://ngp---2018.web002.jetboy.jp/wp-content/uploads/2017/03/);
background-position: center center; 
background-repeat: no-repeat;
height: 300px;
clear: both;
}
.top_yoyaku {
  width:800px;
	text-align: center;
	margin: 0 auto 0 auto;
	padding: 0px 0px 0px 0px;
}
.yoyaku_img{
 float : left;
width:400px;
height: 300px;
	margin: 0 ;
	padding: 0;
}
.yoyaku_text{
float : left;
width:400px;
height: 300px;
	margin: 0;
	padding: 0;
}
.toiawase_box img {
width: 100%;
}
.toiawase_plan_box_sp img {
text-align:center;
	width:250px;
	margin-left:auto;
	margin-right:auto;
border-radius: 125px;        /* CSS3草案 */
-webkit-border-radius: 125px;    /* Safari,Google Chrome用 */
-moz-border-radius: 125px;   /* Firefox用 */
}

a img {
transition: 0.5s ;
}

a img:hover {
opacity: 0.5 ;
}



.live_camera img{  /* ライブカメラ画像*/
  text-align: center;
  max-width: 80%;
border-radius: 10px;        /* CSS3草案 */
-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
-moz-border-radius: 10px;   /* Firefox用 */
	margin: 0px auto 10px auto ;
	padding: 0px 0px 0px 0px ;
  border: 5px solid #fff ;
}

.mybox_lc{/* ライブカメラの囲み*/
  width: 85%;
    background-color: #a7d7f5;
    border-radius: 5px;
    margin: 20px 5px;
    padding: 50px 20px 20px 20px;
    position: relative;
    z-index: 0;
    text-align: center;
}
.mybox_lc:before{
    border: 1px solid #fff;
    border-radius: 5px;
    content: '';
    display: block;
    margin: 4px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: -1;
}
.mybox_lc:after{
    background-color: rgba(249,223,213,0.9);
    background-image: radial-gradient(#fff 20%, transparent 0), radial-gradient(#fff 20%, transparent 0);
    background-position: 0 0, 8px 8px;
    background-size: 15px 15px;
    border-left: 2px dotted rgba(0,0,0,0.1);
    border-right: 2px dotted rgba(0,0,0,0.1);
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    content: 'ライブカメラ画像';
    display: block;
    margin: 0 0 10px 0;
    padding: 5px 20px;
    text-align: center;
    position: absolute;
    top: -10px;
    left: 20px;
    transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
}






.youtube_mov{  /* youtube画像*/
  text-align: center;
  max-width: 80%;
border-radius: 10px;        /* CSS3草案 */
-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */
-moz-border-radius: 10px;   /* Firefox用 */
	margin: 0px auto 10px auto ;
	padding: 0px 0px 0px 0px ;
  border: 5px solid #fff ;
}


.mybox_yt{/*  youtubeの囲み*/
  width: 85%;
    background-color: #f7ec8e;
    border-radius: 5px;
    margin: 20px 5px;
    padding: 50px 20px 20px 20px;
    position: relative;
    z-index: 0;
}
.mybox_yt:before{
    border: 1px solid #fff;
    border-radius: 5px;
    content: '';
    display: block;
    margin: 4px;
    position: absolute;
    top: 0px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    z-index: -1;
}
.mybox_yt:after{
    background-color: rgba(249,223,213,0.9);
    background-image: radial-gradient(#fff 20%, transparent 0), radial-gradient(#fff 20%, transparent 0);
    background-position: 0 0, 8px 8px;
    background-size: 15px 15px;
    border-left: 2px dotted rgba(0,0,0,0.1);
    border-right: 2px dotted rgba(0,0,0,0.1);
    box-shadow: 0 0 5px rgba(0,0,0,0.2);
    content: 'youtube(紹介動画)';
    display: block;
    margin: 0 0 10px 0;
    padding: 5px 20px;
    text-align: center;
    position: absolute;
    top: -10px;
    left: 20px;
    transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    -webkit-transform: rotate(-3deg);
    -o-transform: rotate(-3deg);
}






/* トップインドア */
.top_indoor_bg{
background-color: #fedbd1;
background-image: url(/wp-content/uploads/2017/03/indoor_title_01.png),url(/wp-content/uploads/2017/03/indooer_text2.png),url(/wp-content/uploads/2017/03/indooer_3img_l.png),url(/wp-content/uploads/2017/03/indooer_migi_img2.png),url(/wp-content/uploads/2017/03/indoor_bk2.jpg); 
background-position: center top,center 130px,5% center,99% center,center center; 
background-repeat:no-repeat,no-repeat,no-repeat,no-repeat,no-repeat;
height: 472px;
background-size: unset;
clear: both;
}


@media screen and (max-width:480px){
  /*480px以下で適用する内容*/

/* トップインドア スマホ表示*/
.top_indoor_bg{
background-color: #fedbd1;
background-image: url(/wp-content/uploads/2017/03/indoor_title_01.png),url(/wp-content/uploads/2017/03/indoor_bk2.jpg);
background-position: center 30px,center center;
background-repeat:no-repeat,no-repeat;
height: 500px;
background-size: unset;
clear: both;
}
}


/* トップタイトルテキスト(インドア) */
.top_indoor_title{
line-height: 150%;
text-align: center;
font-family: 'waon';
clear:both;
color: #644841;
font-size:34px;
margin: 0px 0 0px 0px;
padding: 45px 0 20px 0px;
font-weight: normal;
font-style: normal;
}
.top_indoor{
  line-height: 170%;
text-align: center;
  margin: 0 0 0 0;
	padding: 0px 0px 0px 0px;
  clear:both;
}

.indoor-img {
  max-width:230px ;
border-radius: 15px;        /* CSS3草案 */
-webkit-border-radius: 15px;    /* Safari,Google Chrome用 */
-moz-border-radius: 15px;   /* Firefox用 */
border: 5px solid #fff ;
	margin: 0 0 10px 0;
	padding: 0px 0px 0px 0px;
}



/* トップインドアボタン */
.indoor_sp_bn{
border-radius: 15px;        /* CSS3草案 */
-webkit-border-radius: 15px;    /* Safari,Google Chrome用 */
-moz-border-radius: 15px;   /* Firefox用 */
	margin: 30px 0 30px 0;
	padding: 0px 0px 0px 0px;
   clear: both;
}

.top-3box {
	float: left;
  max-width:400px;
  min-width:300px;
  margin: 0px 0 0px 0;
	padding: 0px 15px 0px 15px;
}

.boxContainer {
  text-align: center;
	overflow: hidden;
  max-width:990px;
  margin: 0px auto 0px auto;
}

/* clearfix */
.boxContainer:before,
.boxContainer:after {
    content: "";
    display: table;
}
 
.boxContainer:after {
    clear: both;
}
 
/* For IE 6/7 (trigger hasLayout) */
.boxContainer {
    zoom: 1;
}

/* @media only screen and (min-width: 1024px){ .slider_image { margin: 50vh auto 0; transform: translateY(-50%);}}*/

@media only screen and (max-width: 768px){
.flexslider {
    display: none;
}
}

@media only screen and (min-width: 769px){
.yoyakupro {
    display: none;
}
}

.feature_meta-inner {
    margin: 50vh auto 0 !important;
    transform: translateY(-50%);
text-shadow: 0px 0px 1px rgba(255,255,255,.8), 0px 0px 2px rgba(255,255,255,.8), 0px 0px 3px rgba(255,255,255,.8), 0px 0px 4px rgba(255,255,255,.8), 0px 0px 5px rgba(255,255,255,.8), 0px 0px 6px rgba(255,255,255,.8), 0px 0px 7px rgba(255,255,255,.8), 0px 0px 8px rgba(255,255,255,.8);
}






/* +++++++ぴょこんとバナー+++++++ */
/* フローティングバナーのラップ要素 */
#fixed_right_banner
{
    /* 右端の上から170pxの位置に固定表示 */
    position: fixed;
    top: 415px;
    right: 0;
    z-index: 9999;
}

/* 画像の共通設定 */
#fixed_right_banner > *
{
    clear: both;
    float: right;
    /* 横幅 */
    width: 125px;

    /* 最初にあらかじめ右側を25px詰めて表示。 */
    margin-right: -25px;
}

/* 2個目以降の画像の上部に余白を作る */
#fixed_right_banner > * ~ * { margin-top: 5px; }

/* リンク要素 */
#fixed_right_banner > a
{
    /* ブロック要素に変更 */
    display: block;
}

/* マウスオーバーで、詰めた右側のマージンをリセット。 */
#fixed_right_banner > *:hover
{
    margin-right: 0;
}
#fixed_right_banner > *
{
    /* アニメーション設定を追加。 */
    -webkit-transition: margin .2s ease;
    transition: margin .2s ease;
}
#fixed_right_banner
{
      /* 右端の上から半分の位置に固定表示 */
    position: fixed;
    top: 50％;
    right: 0;
  
    /* 要素の高さ半分の値を上に移動 */
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

#fixed_right_banner a img:hover {
opacity: 1.0 ;
}



h1.post-title { 
	position:relative;
	padding:20px;
	font:bold 28px/1.6 yasashisa, sans-serif;
	text-align:center;
	color:#303e69;
	border-top:1px dashed #aaa;
	border-bottom:1px dashed #aaa;
	background:#eee;
	text-shadow:1px 1px 0 rgba(255,255,255,1);
	box-shadow:	0 5px 4px -4px rgba(0,0,0,0.3) inset;
 }

.headline-1{
  font-family: "kiloji_P";
  font-size: 20px;
  font-weight: 400;
  line-height: 1.6;
position: relative;
background: #a3c09d;
box-shadow: 0px 0px 0px 5px #a3c09d;
border: dashed 2px white;
margin: 40px 0 20px 0px;
padding: 0.2em 0.5em;
color: #454545;
}

.headline-1:after{
position: absolute;
content: '';
left: -7px;
top: -7px;
border-width: 0 0 15px 15px;
border-style: solid;
border-color: #fff #fff #7f9d79;
box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}


/* トップイベント画像inテキスト */

.topimgbt{
    position:relative;
  
  	padding:0px;
    margin:10px;
  overflow: hidden;	/*拡大時にはみ出た部分を隠す*/
}
.topimgbt span{
  text-align:center;
      max-width:400px;
      padding: 15px 8px 15px 8px;
    position:absolute;
    bottom:50px;
    left:0px;
    width:100%;
    text-align:center;
    color:#fff;
    line-height:170%;
    background: rgba(0,0,0,0.5);
  text-shadow    : 
  0px 0px 1px #333,
  0px 0px 2px #333,
  0px 0px 3px #333,
  0px 0px 4px #333,
  0px 0px 5px #333,
  0px 0px 6px #333,
  0px 0px 7px #333,
  0px 0px 8px #333;  /* 文字の影 */
}
.topimgbt img{
      border-radius: 14px;
  display: block;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}

.topimgbt img:hover {
  	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
  opacity: 1.0 ;
}

.topimgbt_title{
  font-family: 'yasashisa';
font-size:34px;
    bottom:5px;
    color:#fff;
    background: rgba(0,0,0,0.5);
  text-shadow    : 
  0px 0px 1px #333,
  0px 0px 2px #333,
  0px 0px 3px #333,
  0px 0px 4px #333,
  0px 0px 5px #333,
  0px 0px 6px #333,
  0px 0px 7px #333,
  0px 0px 8px #333;  /* 文字の影 */
}

.box14{
  font-family: 'anzu';
    text-align: center;
  font-size:30px;
    padding: 10px 10px 10px 10px;
  margin: 0px 10px 0px 10px; 
    background: #eae2ad;
    box-shadow: 0px 0px 0px 10px #eae2ad;
    border: dashed 2px white;
}
.box14 p {
    line-height: 155%;
    margin: 0; 
    padding: 25px 0px 5px 0px;
    text-shadow    : 
  0px 0px 1px #fff,
  0px 0px 2px #fff,
  0px 0px 3px #fff,
  0px 0px 4px #fff,
  0px 0px 5px #fff,
  0px 0px 6px #fff,
  0px 0px 7px #fff,
  0px 0px 8px #fff,
  0px 0px 9px #fff,
  0px 0px 10px #fff;  /* 文字の影 */
}


.box15{
  font-family: 'anzu';
    text-align: center;
  font-size:30px;
    padding: 10px 10px 10px 10px;
margin: 0px 10px -20px 10px; 
    background: #eae2ad;
    box-shadow: 0px 0px 0px 10px #eae2ad;
    border: dashed 2px white;
}
.box15 p {
    line-height: 155%;
    margin: 0; 
    padding: 25px 0px 5px 0px;
    text-shadow    : 
  0px 0px 1px #fff,
  0px 0px 2px #fff,
  0px 0px 3px #fff,
  0px 0px 4px #fff,
  0px 0px 5px #fff,
  0px 0px 6px #fff,
  0px 0px 7px #fff,
  0px 0px 8px #fff,
  0px 0px 9px #fff,
  0px 0px 10px #fff;  /* 文字の影 */
}



.b-maru img{
border-radius: 50%;
border: 5px #dce8c2 solid;
}

.b-maru img:hover {
  	transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 0.3s;	/*変化に掛かる時間*/
  opacity: 1.0 ;
}

/*野外施設状況*/
.yagaibox{
background-color: rgba(255,255,255,0.6);
 border: 4px solid #fff;
 border-radius: 5px;
 margin: 40px 5px 5px 20px;
 padding: 45px 20px 10px 20px;
 position: relative;
}
.yagaibox:before{
  font-family: "yasashisa";
 background-color: #ef858c;
 border-radius: 5px;
 color: #fff;
  font-size: 20px;
 content: '野外施設営業状況';
 padding: 10px 25px;
 position: absolute;
 left: -10px;
 top: -20px;
}
.yagaibox:after{
 border-top: 12px solid #ef858c;
 border-right: 12px solid transparent;
 border-left: 12px solid transparent;
 content: '';
 position: absolute;
 top: 10px;
 left: 15px;
}

/*屋内施設紹介*/
.nakabox{
background-color: rgba(255,255,255,0.6);
 border: 4px solid #fff;
 border-radius: 5px;
 margin: 40px 5px 5px 20px;
 padding: 45px 20px 10px 20px;
 position: relative;
}
.nakabox:before{
  font-family: "yasashisa";
 background-color: #8bd888;
 border-radius: 5px;
 color: #fff;
  font-size: 20px;
 content: '雨でも一日中楽しめる屋内施設';
 padding: 10px 25px;
 position: absolute;
 left: -10px;
 top: -20px;
}
.nakabox:after{
 border-top: 12px solid #8bd888;
 border-right: 12px solid transparent;
 border-left: 12px solid transparent;
 content: '';
 position: absolute;
 top: 10px;
 left: 15px;
}


.motosize-img{
max-width: 100%;
}


/* 野外施設ボタン */
.yagai_btn-st{
  text-align: center;
 margin: 20px 5px 0px 20px;
 padding: 0px 0px 0px 0px;
}

a.cp_btn {
background: rgba(0,0,0,0.5);
display: block;
width: 200px;
padding: 0.8em;
text-align: center;
text-decoration: none;
color: #fff;
border: 3px solid #fff;
border-radius: 4px;
transition: .4s;
}
a.cp_btn:hover {
background: #fff;
color: #222;
}

.fw_title{/* フッタータイトル */
font-family: 'yasashisa';
font-size:100%;
  line-height: 140%;
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
    color:#333;
  text-shadow    : 
  0px 0px 1px #fff,
  0px 0px 2px #fff,
  0px 0px 3px #fff,
  0px 0px 4px #fff,
  0px 0px 5px #fff,
  0px 0px 6px #fff,
  0px 0px 7px #fff,
  0px 0px 8px #fff;  /* 文字の影 */
}

.fw_text{/* フッターテキスト */
font-family: 'yasashisa';
font-size:80%;
  line-height: 140%;
 margin: 0px 0px 20px 10px;
 padding: 0px 0px 0px 0px;
    color:#333;
  text-shadow    : 
  0px 0px 1px #fff,
  0px 0px 2px #fff,
  0px 0px 3px #fff,
  0px 0px 4px #fff,
  0px 0px 5px #fff,
  0px 0px 6px #fff,
  0px 0px 7px #fff,
  0px 0px 8px #fff;  /* 文字の影 */
}