/*
Theme Name: 北杜市スポーツV3
*/
/* Basic */
* {margin: 0;padding: 0;}
body {color:#333;font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,Osaka,'ＭＳ Ｐゴシック',sans-serif;font-size: 15px;
line-height: 1.9;overflow-x: hidden;}
h2 {font-size: 4;}
h3 {font-size: 3;}
a:link {color: #111; text-decoration: none;}
a:visited { color: #111;}
a:hover {color: #111;text-decoration: underline;}
a:active {color: #111;}
img{border: 0;}
hr{margin: 5px 0;}
fieldset{padding: 10px;}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {display: block;}
.aligncenter {display: block;margin-left: auto;margin-right: auto;}
.alignleft {float: left;}
.alignright {float: right;}
.clearfix{clear: both;}
.little_button,
.wp-pagenavi a.prev.page-numbers,
.wp-pagenavi a.next.page-numbers,
.wp-pagenavi span.newer a,
.wp-pagenavi span.older a{
	padding: 2px 15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #cfe0e9;
	cursor: pointer;
	background-color: #e5e5c4;
	background-image: -moz-linear-gradient(top, #fefefc, #e5e5c4);
	background-image: -o-linear-gradient(top, #fefefc, #e5e5c4);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefc), to(#e5e5c4)); 
	background-image: -webkit-linear-gradient(top, #fefefc, #e5e5c4);
	background-image: linear-gradient(top, #fefefc, #e5e5c4);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fefefc', EndColorStr='#e5e5c4');
	text-shadow: 0 1px 2px #fcfcf8;
	}
.little_button:hover,
.wp-pagenavi a.prev.page-numbers:hover,
.wp-pagenavi a.next.page-numbers:hover,
.wp-pagenavi span.newer a:hover,
.wp-pagenavi span.older a:hover{
	text-decoration: none;
	background-color: #c5c574;
	background-image: -moz-linear-gradient(top, #fcfcf9, #c5c574);
	background-image: -ms-linear-gradient(top, #fcfcf9, #c5c574);
	background-image: -o-linear-gradient(top, #fcfcf9, #c5c574);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fcfcf9), to(#c5c574)); 
	background-image: -webkit-linear-gradient(top, #fcfcf9, #c5c574);
	background-image: linear-gradient(top, #fcfcf9, #c5c574);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#fcfcf9', EndColorStr='#c5c574')}
/* 新着情報コード化 */
.sincyaku-title{font-size:2em; font-weight:bold;}
div.news-wrapper a:hover{background-color:#f5f5f5; text-decoration:none; box-shadow:none;}		
	
/*大枠*/

@media only screen and (max-width:767px){
.body .wrap {height: auto;position: relative;}
body .wrap.closed {height: 100vh;overflow: hidden;}

}



/* Header */
#header{position: absolute;top: 0;left: 0;width: 100%;height: 60px; z-index: 16;position: -webkit-sticky;
  position: sticky;
  top: 0; border-bottom: 1px solid #ccc;}
.inner {display: flex;justify-content: center;padding: 0;width: 100% !important;background-color: #FFF;}
.inner_top {display: flex;justify-content: flex-end;padding: 5px 0 0 0;width: 100% !important;background-color: #FFF;max-width: 1200px;margin: 0 auto;}
.menu_top {font-size: 16px;font-weight: 400;letter-spacing: 0.7px;line-height: 40px;
  align-items: center;background-color: #FFF;
  display: flex;height: 48px;
  margin: 0 20px 0 0;
  padding: 0 32px 0 32px;
  vertical-align: middle; list-style: none;white-space: nowrap;}
.menu_top li {height: 50px;padding: 0 10px 0 10px;position: relative; }
.menu_top  li.second {background-color: #FFF;position: relative;z-index: 1; }
.menu_top  li a {align-items: center;display: flex;font-weight: 800;height: 100%;
  position: relative;white-space: nowrap; }
.menu1 {font-size: 16px;font-weight: 400;letter-spacing: 0.7px;line-height: 40px;
    align-items: center;background-color: #FFF;
    display: flex;height: 60px;
    margin: 0 20px 0 0;
    padding: 0 32px 0 32px;
    vertical-align: middle; list-style: none;white-space: nowrap;}
.menu1 li {height: 60px;padding: 0 10px 0 10px;position: relative; }
.menu1 li.second {background-color: #FFF;position: relative;z-index: 1; }
.menu1 li a {align-items: center;display: flex;font-weight: 800;height: 100%;
    position: relative;white-space: nowrap; }
/* menu1　hover */
button {color:#2E9648;background:transparent;border-width:2px;border-style: solid;
  border-color: #2E9648;position:relative;margin:1em 0em;display:inline-block;padding:0.3em 0em;transition:all 0.3s ease-in-out;text-align:center;
font-family:comfortaa;font-weight:bold}
button:before, button:after {content:'';display:block;position:absolute;border-color:#2E9648;box-sizing:border-box;border-style:solid;width:1em;height:1em;transition:all 0.3s ease-in-out}
button:before {top:-6px;left:-6px;border-width:2px 0 0 2px;z-index:5;}
button:after {bottom:-6px;right:-6px;border-width:0 2px 2px 0;}
button:hover:before, button:hover:after {width:calc(100% + 12px);
  height:calc(100% + 12px);border-color:#fff}
button:hover {color:#2E9648;background-color:#fff;border-color:#fff}
.borderless button {border-color:rgba(46,150,72,0);color:#111}
.borderless button:hover {border-color:#2E9648;background-color:transparent;color:#2E9648}
.borderless button:before, .borderless button:after {border-color:transparent;}
.borderless button:hover:before, .borderless button:hover:after {width:calc(100% + 12px); height:calc(100% + 12px);border-color:#2E9648}

.inner2 {display: flex;justify-content: flex-end;padding: 5px 0 0 0;width: 100% !important;background-color: #FFF;}
.menu2 {font-size: 14px;font-weight: 400;letter-spacing: 0.7px;line-height: 30px;
    transition: 0.6s ease-in-out;
    -webkit-transition: 0.6s ease-in-out;
    display: flex;list-style: none; }
.menu2 li {height: 40px;}
.menu2 li.contact {border-radius: 10px;padding: 0 40px 0 15px; background-color: #2E9648;height: 40px;margin-right: 50px;}
.menu2 li a {align-items: center;color: #FFF;display: flex;
        height: 100%;white-space: nowrap; }
.menu2 li a img {transition: 0.6s ease-in-out;-webkit-transition: 0.6s ease-in-out;
          margin: 0 5px 0 0;width: 16px; }
/* end of Header内inner=PC表示 */

/*headerスマホ用*/
@media only screen and (max-width:767px){
#header{height: 0;}
.inner{display: none;}/*headerPCトップメニュ*/
.inner2{display: none;}/*headerPCトップメニュ*/
.inner_top{display: none;}/*headerPCトップメニュ*/

 /*スマホ用メニューボタン*/
body .wrap {height: auto;position: relative;}
header .navBtn {background-color: #2E9648;border-radius: 80px;
    cursor: pointer;height: 80px;
    position: absolute;top: 12px;right: 12px;text-align: center;width: 80px;}
header .navBtn .navBtnTxt { font-family: 'Josefin Sans', sans-serif;
    font-size: 10px;font-weight: 700;letter-spacing: 0.3px; line-height: 10px;position: relative;}
header .navBtn .navBtnTxt::after {color: #FFF;content: "MENU";
    position: absolute;top: 25px;right: 0;left: 0;margin: 0 auto;}
header .navBtn .navBtnLine {background-color: #FFF;height: 2px;
    position: absolute;right: 0;left: 0;margin: 0 auto;width: 29px;}
header .navBtn .navBtnLine.top {transition: 0.4s ease-in-out;top: 43px;}
header .navBtn .navBtnLine.bottom {transition: 0.4s ease-in-out;top: 52px;}
header .navBtn.opened {background-color: #FFF;}
header .navBtn.opened .navBtnTxt::after {color: #2E9648;content: "CLOSE";}
header .navBtn.opened .navBtnLine {background-color: #2E9648;}
header .navBtn.opened .navBtnLine.top {transition: 0.4s ease-in-out;top: 47px;transform: rotate(45deg);}
header .navBtn.opened .navBtnLine.bottom {transition: 0.4s ease-in-out;top: 47px;transform: rotate(-45deg);}

}

/* end of Header */

/*box01 スライダ外側と内部の表示*/
@media only screen and (min-width:768px){
.box01 {min-width: 1263px;background-size: cover;background-position: center top;
    background-repeat: no-repeat;height: 100vh !important;min-height: 654px;
    overflow: hidden;position: relative; }
.box01 .inner01 {align-items: center;display: flex;height: 100%;justify-content: center;
      position: relative;margin: 0 auto;width: 100%;
      max-width: 1366px;min-width: 1160px;z-index: 2; }
.box01 .inner01 h1 {width: 450x;height: auto;vertical-align: middle;}
.box01 .inner01 h1 img{top: -100px;left: 0;right: 0;bottom: 0;
  margin: auto;position: absolute;}
.box01 .inner01 .mongon {position: absolute;left: 261px;top: 163px;margin: auto 0;width: 120px; }
}
@media only screen and (max-width:767px){
.box01 {align-items: center;
  display: flex;
    height: 100vh;
    justify-content: center;
    position: relative;
    overflow: hidden;}
.box01 .inner01 {align-items: center;display: flex;height: 100%;justify-content: center;
      position: relative;margin: 0 auto;width: 100%;
      z-index: 2; }
.box01 .inner01 h1 {width: 350x;height: auto;vertical-align: middle;}
.box01 .inner01 h1 img{top: -100px;left: 0;right: 0;bottom: 0;
  margin: auto;position: absolute;width: 80%;}
.box01 .inner01 .mongon {position: absolute;left: 25px;top: 100px;margin: auto 0;width: 100px;}
}


/*cssslider*/
@media only screen and (min-width:768px){
.cssslider{height: 100%;width: 100%;overflow: hidden;position: absolute;top: 0;left: 0;}
.top_img{z-index: 1;opacity: 0;width: 100%;height: 100%;background-position: center center;
    background-repeat: no-repeat;background-size: cover;position: absolute;left: 0;top: 0;
    -webkit-animation: anime 30s 0s infinite;
    animation: anime 30s 0s infinite;}
.top_img:nth-of-type(1) {background-image: url(images/slide-pc01.jpg);}
.top_img:nth-of-type(2) {background-image: url(images/slide-pc02.jpg);-webkit-animation-delay: 6s;
  animation-delay: 6s;}
.top_img:nth-of-type(3) {background-image: url(images/slide-pc03.jpg);-webkit-animation-delay: 12s;
  animation-delay: 12s;}
.top_img:nth-of-type(4) {background-image: url(images/slide-pc04.jpg);-webkit-animation-delay: 18s;
  animation-delay: 18s;}
.top_img:nth-of-type(5) {background-image: url(images/slide-pc05.jpg);-webkit-animation-delay: 24s;
  animation-delay: 24s;}
}
@media only screen and (max-width:767px){
.cssslider {height: 100%;width: 100%;overflow: hidden;position: absolute;
    top: 0;left: 0;}
.top_img{z-index: 1;opacity: 0;width: 100%;height: 100%;background-position: center center;
    background-repeat: no-repeat;background-size: cover;position: absolute;left: 0;top: 0;
    -webkit-animation: anime 30s 0s infinite;animation: anime 30s 0s infinite;}
.top_img:nth-of-type(1) {background-image: url(images/slide-sp01.jpg);}
.top_img:nth-of-type(2) {background-image: url(images/slide-sp02.jpg);-webkit-animation-delay: 6s;
  animation-delay: 6s;}
.top_img:nth-of-type(3) {background-image: url(images/slide-sp03.jpg);-webkit-animation-delay: 12s;
  animation-delay: 12s;}
.top_img:nth-of-type(4) {background-image: url(images/slide-sp04.jpg);-webkit-animation-delay: 18s;
  animation-delay: 18s;}
.top_img:nth-of-type(5) {background-image: url(images/slide-sp05.jpg);-webkit-animation-delay: 24s;
  animation-delay: 24s;}
}
@keyframes anime {
  0% {opacity: 0; }
  10% {opacity: 1; }
  20% {opacity: 1; }
  30% {opacity: 0;transform: scale(1.2);z-index: 0; }
}
/*アイキャッチ画像と文字*/
.t_img01{ background: url(images/t_img0001.jpg) center top no-repeat;}
.t_img02{ background: url(images/img_kiyakudai.jpg) center top no-repeat;}
.t_img03{ background: url(images/t_img0003.jpg) center top no-repeat;}
.t_img04{ background: url(images/t_img0004.jpg) center top no-repeat;}
.t_img05{ background: url(images/t_img0005.jpg) center top no-repeat;}
.t_img06{ background: url(images/t_img0006.jpg) center top no-repeat;}
.t_img07{ background: url(images/t_img0007.jpg) center top no-repeat;}


.main-visual {
  display: flex;
  flex-flow: row nowrap;
  justify-content: center;
  align-items: flex-end;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
  position: relative;
  height: 36vh;
  background-size: cover; }
  @media only screen and (min-width: 768px) {
    .main-visual {
      justify-content: flex-start;
      align-items: center; } }
  .main-visual::after {
    clear: both;
    content: "";
    display: block; }
  @media only screen and (min-width: 768px) {
    .main-visual {
      height: 300px;} }
  .main-visual:before {
    display: block;
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    height: 100%; }
    @media only screen and (min-width: 768px) {
      .main-visual:before {
        background-color: #fff;
        width: 300px; } }
  .main-visual .mv-inner {
    background-color: rgba(255, 255, 255, 0.75);
    width: 100%;
    position: relative;
    z-index: 1;
    padding: 15px 10px;margin-top: 50px;
    text-align: center; }
    @media only screen and (min-width: 768px) {
      .main-visual .mv-inner {
        background-color: transparent;
        width: auto;
        text-align: center; } }
.main-visual .mv-title {color: #000000;font-size: 27px;font-weight: 700; }
    @media only screen and (min-width: 768px) {
      .main-visual .mv-title {font-size: 40px; } 
    }
  .main-visual .mv-sub-title {
    padding-right: 10px;
    padding-left: 10px;
    color: #000000;
    font-size: 13px;
    letter-spacing: 1.33px; }
    @media only screen and (min-width: 768px) {
      .main-visual .mv-sub-title {
        font-size: 16px;
        letter-spacing: 1.6px; } }
  @media only screen and (min-width: 768px) {
    .main-visual-entry {
      padding-top: 26px;
      padding-bottom: 28px; } }
  .main-visual-entry .mv-inner {
    padding-right: 10px;
    padding-left: 10px; }
  .main-visual-entry .mv-title {
    color: #000000;
    font-size: 27px;
    font-weight: 700; }
    @media only screen and (min-width: 768px) {
      .main-visual-entry .mv-title {
        font-size: 40px; } }
  .main-visual-entry .mv-sub-title {
    font-family: "Noto Sans JP";
    padding-right: 10px;
    padding-left: 10px;
    color: #000000;
    font-size: 13px;
    letter-spacing: 1.33px; }
    @media only screen and (min-width: 768px) {
      .main-visual-entry .mv-sub-title {
        font-size: 16px;
        letter-spacing: 1.6px; } }


/* Footer */
#footer{margin: 0 auto; clear: both;overflow: hidden;width: 100%;border-top: 1px solid #2E9648;
    height: 100%;background-image: 100%;padding-top: 38px;margin-top: 2em;}
#footer_waku{max-width: 820px;margin: 0 auto;text-align: center;}
.footermenu{list-style: none;align-items: center;display: flex;
    justify-content: center;flex-wrap: nowrap;padding: 19px 0 54px 0;}
.address{font-size: 16px;align-items: flex-start;display: flex;justify-content: center;
    margin: 0 0px 0 0;order: 2;}
.f_List {font-size: 16px;font-weight: 400;letter-spacing: 0.7px;line-height: 40px;
      align-items: center;background-color: #FFF;
      display: flex;height: 60px;justify-content: center;
      vertical-align: middle; list-style: none;white-space: nowrap;}
.f_List li {padding: 0 5px 0 5px;position: relative; }

.f_List li:after {padding-left: 4px;content: "｜";display: inline-block;
  width: 1em;height: 1em;color: #ccc;}
.f_List li:last-child::after{display: none;}/*最後の傍線非表示*/

#copright{font-size:10px;text-align:center;margin-top: 15px;}
@media only screen and (min-width:768px){
.br_sp{display: none;}/*br非表示*/
}
@media only screen and (max-width:767px){
  .address{font-size: 14px;line-height: 1.2;}
  .f_List{font-size: 14px;}
  .f_List li {padding: 0 0 0 0;}
}

/*トップページボタンjsもあり*/
.page-top{display: none ;margin: 0 ;padding: 0 ;}
.page-top p{margin: 0 ;padding: 0 ;position: fixed ;right: 16px ;bottom: 16px ;}
.move-page-top{display: block ;background: #50B485 ;width: 50px ;height: 50px ;
  cursor: pointer ;color: #fff ;line-height: 50px ;text-decoration: none ;
  text-align: center ;-webkit-transition:all 0.3s ;-moz-transition:all 0.3s ;transition:all 0.3s ;}

/*footer スマホ用メニューリスト*/
@media only screen and (min-width:768px){
nav{display: none;}
}
@media only screen and (max-width:767px){
nav {background-color: #2E9648;color: #fff;display: none;
    height: 100%;position: fixed;top: 0;left: 0;width: 100vw;z-index: 8;}
nav h1 {position: absolute;top: 30px;left:20px;}
nav h1 img {width: 150px;}
nav .navList {position: absolute;top: calc(100% / 2 - 152px);right: 0;
    left: 0;margin: 0 auto;width: 100%;}
nav .navList li {margin: 0 0 32px 0;text-align: center;}
nav .navList li a {color: #fff;font-size: 16px;font-weight:600;
    letter-spacing: 0.8px;line-height: 16px;display: block;height: 100%;width: 100%;}
nav .navBottomList {display: flex;position: absolute;bottom: 0;left: 0;width: 100%;}
nav .navBottomList li {text-align: center;width: 100%;}
nav .navBottomList li a { color: #ffffff;font-size: 16px;font-weight: 500; letter-spacing: 0.7px;
    line-height: 14px;display: block;height: 100%;padding: 18px 0 18px 0;width: 100%;}
nav .navBottomList li a img {margin: 0 5px 0 0;width: 16px;}
nav .navBottomList li.contact {background-color: #2B8E44;}

}

/*コンテンツ大枠*/
@media only screen and (min-width:768px){
.main1{margin: 0 auto;margin-top: 10px;max-width: 1200px; min-height: 650px;}
}
@media only screen and (max-width:768px){
.main1{margin: 0 auto;margin-top: 10px; min-height: 650px;}
  }

/*パン屑*/
#pankuzu{font-size:12px;margin-bottom: 15px; text-align: right;}
@media only screen and (max-width:460px){
#pankuzu{display: none;}
}

/*コンテンツ*/
#content_top{width: 100%;margin: 0 auto;margin-top: 0px;word-wrap: break-word;}
#content{width: 100%;margin: 0 auto;margin-top: 0px;word-wrap: break-word;}
#entry_top{max-width: 1200px; padding: 10px 50px; text-align: left;}
#entry_top img{max-width: 100%;}
#sotowaku{min-height: 310px;}
.hidawaku{float: left;width: 45%; border-right: #CCCCCC solid 1px; min-height: 300px;}
.migiwaku{float: right;width: 50%}
/*固定ページ*/
#kotetit{padding: 0 0.5em;/*上下 左右の余白*/color: #3F926B;/*文字色*/background: transparent;/*背景透明に*/border-left: solid 5px #387f5e;/*左線*/
font-size: 24px;margin-bottom: 25px;}
#kotetitsono2{padding: 0 0.5em;/*上下 左右の余白*/color: #3F926B;/*文字色*/background: transparent;/*背景透明に*/font-size: 24px;margin-bottom: 25px;}

/*ボタン*/
.top-card-button{text-align: center;margin-top: 50px;}
.top-card-button a{color:#fff;}
.button-orange {background-color: #FBB03B;border-color: #FBB03B;color: #fff;}
.is-arrow-right, .is-arrow-down {
  position: relative;
  padding-right: 1.7em !important;}
.is-button-m {font-size: 18px;min-width: 282px;padding: .9em .6em;width: auto;}
.button, .button-orange {appearance: none;border-radius: 0; cursor: pointer;display: inline-block;
  margin-right: auto; margin-left: auto;-webkit-font-smoothing: antialiased;
  font-weight: 600;line-height: 1;padding: 30px 40px;
  text-align: center;text-decoration: none;
  transition: all 300ms ease;user-select: none;
  vertical-align: middle;white-space: nowrap;min-width: 282px;box-sizing: border-box;color: #fff;margin-bottom: 15px;
  border: 1px solid #ddd;}
.is-arrow-right:after {transform: rotate(45deg);}
.is-arrow-right:after{position: absolute;top: 0;bottom: 0;right: .8em;margin: auto;
  display: inline-block;width: 8px;height: 8px;
  border-style: solid;border-color: #fff;border-top-width: 1px;
  border-right-width: 1px;border-bottom-width: 0;
  border-left-width: 0;content: "";vertical-align: middle;}
/*トップページ*/
.waku_news{display:flex;max-width: 890px;margin: 0 auto;}
.waku_newstexts{width: 20%;padding-left: 50px;}
.top_title{font-size: 27px; font-weight: 700; line-height: 1.6;
    position: relative;padding-top: 15px;}
.top_title:before {background: #3CA050;
  width: 2.5em;height: 3px;content: '';display: block;
  position: absolute;top: 0;left: 0;right: 0;margin-right: auto;}
.waku_newscontents{width: 75%;}
@media only screen and (min-width:768px){
  .top_title{text-align: left;}
  }
/*協会　少年団について*/
.waku_contents{display:flex;}
.haba_top{margin-top: 50px;}
.waku_img{width: 30%;}
.waku_img02{width: 30%;}
.waku_texts{width: 70%;padding-left: 10px;}
.waku_texts02{width: 48%;}
.waku_texts03{width: 49%;padding-left: 10px;}

.haba100{margin-left: -500%;margin-right: -500%;padding-left: 500%;padding-right: 500%;margin-top:30px;margin-bottom:30px;}
.conversion {
  background-color: rgba(60, 160, 80, 0.15);
  padding: 30px 0;
  text-align: center;
}
.container{max-width: 890px;margin: 0 auto;}
.waku_link1 img:hover {
opacity: 0.5 ;}
@media only screen and (max-width:768px){
  .container{max-width: 550px;margin: 0 auto;}
}
@media only screen and (max-width:550px){
  .container{max-width: 450px;margin: 0 auto;}
}

@media only screen and (max-width:768px){
  .waku_news{display:block;}
  .waku_newstexts{width:100%;padding-left: 0px;}
  .top_title{text-align: center;}
  .top_title_sub{text-align: center;}
  .top_title:before {margin-left: auto;}
  .waku_newscontents{width: 100%;}
  .waku_contents{display:block;}
  .waku_img{width: 50%;margin: 0 auto;}
  .waku_img02{width: 50%;margin: 0 auto;}
  .waku_texts{width: 100%;padding-left: 0px;}
  .waku_texts02{width: 100%;}
  .waku_texts03{width: 100%;padding-left: 0px;}
  .waku_naka{margin-right: 0px;}

  }
/*固定ページ 少年団*/
.waku_naka{box-shadow: 0 0 8px gray;border-radius:10px;display:flex;margin-right: 10px;}
.waku_naka_texts{width: 68%;padding: 50px 0 0 25px;font-size: 22px;font-weight: 600;}
.jmenber_img001{background: url(images/jmemberimg001.jpg) left top no-repeat;border-radius:10px 0 0 10px;max-width: 130px;height: 130px;width: 30%;}
.jmenber_img002{background: url(images/jmemberimg002.jpg) left top no-repeat;border-radius:10px 0 0 10px;max-width: 130px;height: 130px;width: 30%;}
.jmenber_img003{background: url(images/jmemberimg003.jpg) left top no-repeat;border-radius:10px 0 0 10px;max-width: 130px;height: 130px;width: 30%;}
.jmenber_img004{background: url(images/jmemberimg004.jpg) left top no-repeat;border-radius:10px 0 0 10px;max-width: 130px;height: 130px;width: 30%;}
.jmenber_img005{background: url(images/jmemberimg005.jpg) left top no-repeat;border-radius:10px 0 0 10px;max-width: 130px;height: 130px;width: 30%;}
.jmenber_img006{background: url(images/jmemberimg006.jpg) left top no-repeat;border-radius:10px 0 0 10px;max-width: 130px;height: 130px;width: 30%;}
.jmenber_img007{background: url(images/jmemberimg007.jpg) left top no-repeat;border-radius:10px 0 0 10px;max-width: 130px;height: 130px;width: 30%;}
.jmenber_img008{background: url(images/jmemberimg008.jpg) left top no-repeat;border-radius:10px 0 0 10px;max-width: 130px;height: 130px;width: 30%;}
.jmenber_img009{background: url(images/jmemberimg009.jpg) left top no-repeat;border-radius:10px 0 0 10px;max-width: 130px;height: 130px;width: 30%;}
.waku_naka_naka{display:flex;margin: 20px 10px 15px 30px;}
.waku_naka_naka_texts1{width: 50%;}
.waku_naka_naka_texts2{width: 50%;}
@media only screen and (max-width:600px){
  .waku_naka_naka{margin: 20px 10px 15px 10px;}
}


/*固定ページ 所属専門部*/
.haikei_img001{background: url(images/syozoku_img001.jpg) center top no-repeat;background-size:100% auto;height: 250px;}
.haikei_img002{background: url(images/syozoku_img002.jpg) center top no-repeat;background-size:100% auto;height: 250px;}
.haikei_img003{background: url(images/syozoku_img003.jpg) center top no-repeat;background-size:100% auto;height: 250px;}
.haikei_img004{background: url(images/syozoku_img004.jpg) center top no-repeat;background-size:100% auto;height: 250px;}
.haikei_img005{background: url(images/syozoku_img005.jpg) center top no-repeat;background-size:100% auto;height: 250px;}
.haikei_img006{background: url(images/syozoku_img006.jpg) center top no-repeat;background-size:100% auto;height: 250px;}
.haikei_img007{background: url(images/syozoku_img007.jpg) center top no-repeat;background-size:100% auto;height: 250px;}
.haikei_img008{background: url(images/syozoku_img008.jpg) center top no-repeat;background-size:100% auto;height: 250px;}
.haikei_img009{background: url(images/syozoku_img009.jpg) center top no-repeat;background-size:100% auto;height: 250px;}
.haikei_img010{background: url(images/syozoku_img010.jpg) center top no-repeat;background-size:100% auto;height: 250px;}
.haikei_img011{background: url(images/syozoku_img011.jpg) center top no-repeat;background-size:100% auto;height: 250px;}
.haikei_img012{background: url(images/syozoku_img012.jpg) center top no-repeat;background-size:100% auto;height: 250px;}
.haikei_img013{background: url(images/syozoku_img013.jpg) center top no-repeat;background-size:100% auto;height: 250px;}
.haikei_img014{background: url(images/syozoku_img014.jpg) center top no-repeat;background-size:100% auto;height: 250px;}
.haikei_img015{background: url(images/syozoku_img015.jpg) center top no-repeat;background-size:100% auto;height: 250px;}
.haikei_img016{background: url(images/syozoku_img016.jpg) center top no-repeat;background-size:100% auto;height: 250px;}
.haikei_img017{background: url(images/syozoku_img017.jpg) center top no-repeat;background-size:100% auto;height: 250px;}
.haikei_img018{background: url(images/syozoku_img018.jpg) center top no-repeat;background-size:100% auto;height: 250px;}
.haikei_img019{background: url(images/syozoku_img019.jpg) center top no-repeat;background-size:100% auto;height: 250px;}
.haikei_img020{background: url(images/syozoku_img020.jpg) center top no-repeat;background-size:100% auto;height: 250px;}
.haikei_img021{background: url(images/syozoku_img021.jpg) center top no-repeat;background-size:100% auto;height: 250px;}
.haikei_img022{background: url(images/syozoku_img022.jpg) center top no-repeat;background-size:100% auto;height: 250px;}
.haikei_img023{background: url(images/syozoku_img023.jpg) center top no-repeat;background-size:100% auto;height: 250px;}
.haikei_img024{background: url(images/syozoku_img024.jpg) center top no-repeat;background-size:100% auto;height: 250px;}
.haikei_img025{background: url(images/syozoku_img025.jpg) center top no-repeat;background-size:100% auto;height: 250px;}
.haikei_img026{background: url(images/syozoku_img026.jpg) center top no-repeat;background-size:100% auto;height: 250px;}
.haikei_img027{background: url(images/syozoku_img027.jpg) center top no-repeat;background-size:100% auto;height: 250px;}
.haikei_img028{background: url(images/syozoku_img028.jpg) center top no-repeat;background-size:100% auto;height: 250px;}
.haikei_img029{background: url(images/syozoku_img029.jpg) center top no-repeat;background-size:100% auto;height: 250px;}
.haikei_img030{background: url(images/syozoku_img030.jpg) center top no-repeat;background-size:100% auto;height: 250px;}
.haikei_img031{background: url(images/syozoku_img031.jpg) center top no-repeat;background-size:100% auto;height: 250px;}

.flex_list{display: flex;list-style-type: none;flex-wrap:wrap;padding: 0;width: 100%;justify-content: center;}
.flex_list li{display: flex;align-self: auto;min-width: 0;}
@media only screen and (max-width:600px){
  .flex_list{justify-content: center;align-items: center;}
}

.box_sports {width:250px;height:250px;overflow:hidden;margin:10px 8px 10px 16px;position:relative;}
  .box_sports .caption {color:#fff;padding-top:10px;padding-left:10px;}
  .box_sports .caption .caption_texs01{font-size: 130%;}
  .box_sports .caption .caption_texs02{font-size: 110%;}
  .box_sports .caption .caption_texs03{font-size: 100%;margin-top: 50px;}
  .box_sports .caption .caption_texs04{font-size: 130%;margin-top: 100px;text-align: center;}
  .box_sports .mask {width:100%;height:100%;
    position:absolute;top:0;left:0;
    background-color:	rgba(0,0,0,0.4);
    -webkit-transition:	all 0.4s ease;
    transition:		all 0.4s ease;
    -webkit-transform:	scale(0);	/* 大きさを０にして表示しない */
    transform:scale(0);}
  .box_sports:hover .mask {-webkit-transform:	scale(1);	/* 大きさを１にして表示する */
    transform:scale(1);} 

/*固定ページ 連絡先*/
.waku_map{display: block;}
.ggmap {position: relative;padding-bottom: 56.25%;padding-top: 30px;
      margin: 50px;
      height: 0;
      overflow: hidden;
      border: #CCC solid 1px;}
.ggmap iframe, .ggmap object, .ggmap embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
@media only screen and (max-width: 768px){
  .ggmap {margin: 5px;} 
}
/*固定ページ 施設の利用*/
.tex_center{text-align: center;}
.mojihutoji{font-weight: 700;}
.mojisize20{font-size: 22px;color: #075530;margin-bottom: 15px;}
.mojisize18{font-size: 18px;}
.use_tite:before{content: "★";color: #059250;font-size: 18px;}
.namiline{text-decoration:underline wavy #048b31}
.moji_iro{color: #db0808;}
.moji_iro2{color: #059250;}
.fee_table{text-align: center;}
.fee_table th{font-size: 16px;width: 33%;}
.haba50{width: 10%;}
.migiyose{text-align: right;}
.use_list{margin: 0 30px;}
.use_list ul{list-style-type: decimal}
.use_img001{background: url(images/useimg002.jpg) center top no-repeat;background-size:100% auto;height: 250px;}
.use_img002{background: url(images/useimg003.jpg) center top no-repeat;background-size:100% auto;height: 250px;}
.use_img003{background: url(images/useimg004.jpg) center top no-repeat;background-size:100% auto;height: 250px;}
.user_center{justify-content: center;}
/*固定ページ 各種ダウンロード*/
.pad_left{padding-left: 50px;}
.takasa15{margin-top: 15px;}
@media only screen and (max-width: 768px){
  .tex_center02{text-align: center;}
  .pad_left{padding-left: 0px;}
}
/*固定ページ 施設案内*/
.box_sisetsu {width:250px;height:150px;overflow:hidden;margin:10px 8px 10px 16px;position:relative;}

/*固定ページ トップ*/
.use_img004{background: url(images/taisakuimg001.png) center top no-repeat;background-size:100% auto;height: 250px;}
.use_img005{background: url(images/taisakuimg003.png) center top no-repeat;background-size:100% auto;height: 250px;}

/*mwformお問合せ*/
#nw-form{margin: 0 auto;border-collapse: collapse;border-spacing: 0; width: 100%;}
#nw-form tr{border-bottom: #ccc solid 1px;}
#nw-form tr:hover{background-color: #F8F8F8;}
#nw-form th,#nw-form td{padding: 15px;}
#nw-form th{padding: 15px 0;border-bottom: 1px solid #ccc;
    text-align: left;vertical-align: top;font-weight: bold;}
.form-con{padding: 0 15px;}
.mw_kakunin{background:url(images/kakuninimg.jpg) no-repeat;text-indent: 100%;white-space: nowrap;overflow: hidden;
            width: 100px; height: 30px;border:0px solid;cursor:pointer;font-size: 0px;}
.mw_modoru{background:url(images/modoruimg.jpg) no-repeat;text-indent: 100%;white-space: nowrap;overflow: hidden;
            width: 100px; height: 30px;border:0px solid;cursor:pointer;font-size: 0px;}
.mw_sousin{background:url(images/sousinimg.jpg) no-repeat;text-indent: 100%;white-space: nowrap;overflow: hidden;
            width: 100px; height: 30px;border:0px solid;cursor:pointer;font-size: 0px;}
@media only screen and (max-width: 600px){
    #nw-form{border: 1px solid #ccc;
    border-bottom-width: 0;    margin: 2em auto;}
    #nw-form th{background-color: #f4f4f4;border-bottom: #ccc solid 1px; text-align: left;
                float: left;clear: both;width: 100%;}
    #nw-form td{float: left;clear: both;width: 100%;}
}
/*mwformお問合せ確認完了*/
.mw_nagare01{background:url(images/toiawase-img001.png) no-repeat center;text-indent: 100%;white-space: nowrap;overflow: hidden;
  height: 30px;margin: 15px 0; font-size: 0px;}
.mw_nagare02{background:url(images/toiawase-img002.png) no-repeat center;text-indent: 100%;white-space: nowrap;overflow: hidden;
            height: 30px;margin: 15px 0; font-size: 0px;}
.mw_nagare03{background:url(images/toiawase-img003.png) no-repeat center;text-indent: 100%;white-space: nowrap;overflow: hidden;
            height: 30px;margin: 15px 0; font-size: 0px;}
@media only screen and (max-width: 600px){
    .mw_nagare01, .mw_nagare02, .mw_nagare03{background-size:100% 30px;}
}


/*固定ページ 会社概要*/
@media only screen and (min-width:768px){
.tablecom {width: 800px; margin: 0 auto;}
}
@media only screen and (max-width:768px){
.tablecom {width: 100%;}
}
.tablecom {letter-spacing: .05em;text-align: left;border-spacing: 0;}
.tablecom-sukima{padding-top: 30px;}
.tablecom th,
.tablecom td {vertical-align: top;border-top: solid 2px #dedede;text-align: left;}
.tablecom th {padding: 28px 20px;width: 112px;line-height: 1.666666667;}
.tablecom td {padding: 24px 0 26px;line-height: 2.133333333;}
.tablecom tr:last-of-type th,
.tablecom tr:last-of-type td {border-bottom: solid 2px #dedede;}


/*access*/
.mapwaku{border: 3px #EFEFEF solid;}
.map-table{padding: 40px 20px; font-size: 16px;}
.map-table table th{font-weight: bold;}
#titwaku100{margin-left: -500%;margin-right: -500%;padding-left: 500%;padding-right: 500%;
    margin-top: 30px;margin-bottom: 30px;
    background-color: #F8FCFA;height:85px;}
#titwaku100 ul{padding: 25px 0;}
#titwaku100 ul li{display: inline-block;}
.arrow::before{
    content: "";margin: 0 0.8em 0.3em 2em;
    display: inline-block;width: 8px;height: 8px;border-top: 1px solid #3F926B;
  border-right: 1px solid #3F926B;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);}
.arrow a{color: #000; line-height: 40px;}
.arrow a :hover{color: #030d5f}
/*食事*/
.foodlist{background-color: #F8FCFA;padding: 50px;}
.foodlist ul li{display: inline-block;}
.wakeline{margin-bottom: 64px;border-bottom: 1px solid #CCCCCC;padding-bottom: 64px;}
.food-table table{border-collapse: collapse;border-spacing: 0;}
.food-table table th{border-top:1px solid #EFEFEF;border-bottom:1px solid #EFEFEF; background-color: #FAFAFA;padding: 10px 10px 10px 20px;}
.food-table table td{border-top:1px solid #EFEFEF;border-bottom:1px solid #EFEFEF;padding: 0 0 0 20px;}
/*googlemap*/
.gggmap{position: relative;padding-bottom: 35%;padding-top: 30px;height: 0;overflow: hidden;}
.gggmap iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
/*約款*/
#yakawaku{border:solid 2px #eeeeee;}
.yaku-tit{background-color:#eeeeee;margin: 10px; padding: 3px 15px;font-weight: bold;}
#yakawaku ol {counter-reset: list-count; list-style: none; padding: 5px 15px;}
#yakawaku ol > li::before {content:counter(list-count) ".";counter-increment: list-count;padding-right: .5em;
  font-weight: bold;}
#yakawaku ol > li{padding-left:1.5em;text-indent:-1.5em;}
.yakatada{padding: 5px 15px;}
/*周辺ガイド*/
.niretsu{padding: 15px 35px;}
.niretsu table tr td{vertical-align: top;}
.niretsu a img{-webkit-transition: all 1s ease;-moz-transition: all 1s ease;-o-transition: all 1s ease;-ms-transition:
 all 1s ease;transition: all 1s ease;max-width: 300px;}
.niretsu a img:hover{filter: grayscale(100%);}
.nire-tit{margin:0 10px 10px 15px;}
.nire-tit a{color:#2E518B; font-weight: bold;font-size: 20px; }
.nire-text{margin:0 10px 10px 20px;}
.nire-link::before{
    content: "";margin: 0.8em 0.8em 0.3em 2em;
    display: inline-block;width: 8px;height: 8px;border-top: 1px solid #3F926B;
  border-right: 1px solid #3F926B;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);}
/*部屋ページ*/
.heyanoplanwaku{display: table;width: 100%;margin-bottom: 15px;}
.heyanoplanwaku3{padding-left: 15px;}
.heyanoplan{display: table-cell;width: 4.5em;padding-right: 5px;vertical-align: middle; padding-left: 15px;}
.heyanoplan span{display: block;padding: 4px 15px;margin-right: 5px;letter-spacing: 0;line-height: 1;white-space: nowrap;border: 1px solid #333;
    border-radius: 3px;background-color: #fff;}
.heyanotext{display: table-cell;width: 100%;vertical-align: middle;font-size: 16px;word-break: break-all;}
.heyanoplan2{display: table-cell;width: 4.5em;padding-right: 5px;vertical-align: middle; padding-left: 15px;}
.heyanoplan2 span{display: block;padding: 4px 15px;margin-right: 5px;letter-spacing: 0;line-height: 1;white-space: nowrap;
    background-color: #8e8b83;color: #fff;width:104px;text-align: center; }
.heyanoplan3{display: table-cell;width: 4.5em;padding-right: 5px;vertical-align: middle; padding-left: 15px;}
.heyanoplan3 span{display: block;padding: 4px 15px;margin-right: 5px;letter-spacing: 0;line-height: 1;white-space: nowrap;
    background-color: #eee;text-align: center; }
.heyanoplantite{padding-bottom: 15px;margin-bottom: 15px;font-size: 20px;line-height: 1;border-bottom: 1px solid #3f926b;}
.heyanoborder{border-bottom: 1px solid #3f926b;margin-bottom: 30px;}
#roomryoukin{background-color: #f7f7f7;margin: 15px 0;}
#roomryoukin div{padding: 10px 10px 10px 25px;font-size: 18px;}
/*トップページ*/
#topplan{display: -webkit-box;display: -ms-flexbox;display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;-ms-flex-flow: row wrap;flex-flow: row wrap;
	justify-content: center;}
#topplan li{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-orient: vertical;
    -webkit-box-direction: normal;-ms-flex-direction: column;flex-direction: column;
    padding: 4px;max-width: 250px;}
#topplan li a:hover{filter: blur(1px);}
.topplaimg img{height: 183px;max-width: 100%;overflow: hidden;position: relative;vertical-align:bottom;}
.topplatext{background-color: #F8FCFA;color: #333333;padding: 18px; height: 180px;}
.topplatext2{background-color: #F8FCFA;color: #333333;padding: 18px; height: 50px;}
.topplatext3{background-color: #F8FCFA;color: #333333;padding: 18px; height: 80px;}
.arrow2{text-align: right;}
.arrow2::before{
    content: "";margin: 0 0.8em 0.1em 2em;
    display: inline-block;width: 8px;height: 8px;border-top: 1px solid #3F926B;
  border-right: 1px solid #3F926B;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);}
#topkannai{margin-bottom: 22px;font-size: 18px; font-weight: bold;} 
#topkannai a{color: #2E518B;}

/*予約総合ページ*/
#yoyaku{margin-bottom: 130px;}/*ヘッダー固定で、予約ボタン表示のため*/
#yoyaplatiti{margin-top: 2px;margin-bottom: 7px;border-bottom: 1px solid #3f926b;}
#yoyakunoplan{list-style: none;}
#yoyakunoplan li{border-bottom: 1px solid #3f926b;overflow: hidden;color: #2e518b;}
#yoyakunoplan li a{display: block;width: 100%;padding: 10px 0;position: relative;color: #2e518b;}
#yoyakunoplan li a:hover{color: #50B485 ;}
.yoyap-left{float: left;width: 70%;font-size: 16px;margin-bottom: 5px;}
.yoyap-right{float: right;margin-top: 3px;width: 30%;color: #000;}



/*固定ページ概要テーブル*/
#gaiyotable{width: 100%;box-sizing: border-box;padding: 0 10px;margin-bottom: 1em;
    border-collapse: separate;border-spacing: 2px;line-height: 140%; font-size: 16px;}
#gaiyotable tr th{padding: 0.7em 1.2em;color: #ffffff;vertical-align: middle;
    background-color: #999999;
    -webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;}
#gaiyotable tr td{padding: 0.7em 1.2em;vertical-align: middle;border-bottom: dotted 1px #999999;}
#gaiyotable ol li{list-style: none;}

/*固定ページ中タイトル*/
.nakatit01 h4{margin: 0 10px 20px;padding-left: 50px;line-height: 40px;font-weight: bold;background-color: #e5e5e5; font-size: 16px;
    -webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;
    background-position: 10px center;background-repeat: no-repeat;-webkit-background-size: 25px;background-size: 25px;}
.nakaimg01{background: url(images/kyujinimg.png) no-repeat;}
.textcon{padding: 0 50px 10px;font-size: 16px;}

/*内部ブログカテゴリーページ*/
.entry_naka{max-width:920px; padding: 10px 30px; text-align: left;margin: 0 auto;}
.entry_naka img {margin: 0;max-width: 100%; margin: 0 auto;}
.entry_naka iframe {margin: 0;max-width: 100%; margin: 0 auto;}
.blog_waku{display: -ms-flexbox;
  display: -webkit-box;
  display: -webkit-flex;
  display: flex;
  margin: 0 auto;flex-direction: row-reverse;}
.migiside{width: 200px;margin-left: 20px;}
.migiside ul{list-style: none;}
#cominfo_tit{padding-left: 10px; font-size: 16px;border-bottom: #CCCCCC solid 1px;}
#wakub{border-bottom: #CCCCCC solid 1px;width: calc(100% - 250px);}
@media only screen and (max-width:768px){
  .blog_waku{flex-direction: column-reverse;}
  #wakub{width:100%;}
/*リンクページ*/
#link_soto{width: 519px;}
.hidalink{float: left;width: 45%;}
.migilink{float: right;width: 50%}
}
/*カテゴリー*/
#catego{background: url(images/tit_ivent1.png) no-repeat; width: 750px; height: 51px;}
#catego h2{text-indent: -9999px;}
#cate_sco{background: url(images/tit_school.png) no-repeat; width: 750px; height: 51px;}
#cate_sco h2{text-indent: -9999px;}
#cate_scoimg{background: url(images/toph25.jpg) no-repeat; width: 750px; height: 329px; background-position: center;margin: 15px 0;}
#kanri{max-width: 180px; max-height: 120px;}
#cate_tex{text-align: center;margin: 15px 0; border-bottom: #CCCCCC dashed 1px;}
/*カテゴリー一覧画像付き*/
#list-c{padding-left:5px;}
#list-c li{display:inline-block; width:210px; float: left; margin:10px 15px 0 20px;}
#list-c li a img{display: block;margin-left: auto;margin-right: auto;}
#t_tag01{background:url(images/title_c.png) no-repeat;height:36px; width:100%;overflow: hidden;}
#t_tag02{background: #b9e2ff;height:50px; width:100%;}
.mojimo{width:200px; height:80px; margin-top:5px;}
.mojimo p{width:200px;word-wrap: break-word; font-size: 8px;height: 45px;}
#moji-1{font-weight:bold;padding-left:20px; font-size:14px; line-height:36px;width:180px;
overflow: hidden;
    white-space: nowrap;
    text-overflow:ellipsis;
    -moz-text-overflow:ellipsis; /* Firefox */
 -o-text-overflow: ellipsis; /* Opera */}
#moji-1 span{text-overflow: ellipsis; overflow:hidden;white-space: nowrap;}
#moji-2{font-weight:bold;padding-left:5px; font-size:14px; width:195px;word-wrap: break-word;white-space: normal; text-align: center;}
#moji-2 span{word-wrap: break-word;white-space: normal;}
.entry_blog{margin:10px 0 5px 10px;padding-left:15px;}
.blog_t{color:#B35101;font-size: 16px; line-height:50p; padding:5px 0 0 50px; font-weight:bold;}
/*post in page*/
#kondate{background: url(images/tit_eiyou.png) no-repeat; width: 750px; height: 51px;}
#kondate h2{text-indent: -9999px;}
#kondate_img1{background: url(images/natukondatebana.png) no-repeat; width: 750px; height: 146px; background-position: center;margin: 15px 0;}
#y_item{background: url(images/tit_item.png) no-repeat; width: 750px; height: 51px;}
#y_item h2{text-indent: -9999px;}
#y_item_img1{background: url(images/1bana2015.jpg) no-repeat; width: 750px; height: 157px; background-position: center;margin: 15px 0;}

.p-year{background:url(images/tukihi.jpg) no-repeat; height:21px; line-height:23px; font-weight:bold; color:#C06317; padding-left:8px; font-size:11px;}
#seigyo img{display: block;margin: auto; max-width:515px;}
/*カテゴリ一覧表記*/

.p-year2{background:url(images/tukihi.jpg) repeat-x; height:21px; line-height:23px; font-weight:bold; color:#C06317;font-size:11px; text-align:right; padding-right:8px;}

#ivent_t{background:url(images/title_a_03.jpg) no-repeat; height:56px; margin-bottom:10px; text-indent:-9999px;}
#cate_t{background:url(images/title_a_05_a.jpg) no-repeat; height:56px; margin-bottom:10px; font-size:18px; font-weight:bold; line-height:63px; padding-left:30px;}
#cate_t2{background:url(images/title_f_a.jpg) no-repeat; height:40px; margin-bottom:10px; font-size:16px; color:#FFFFFF; font-weight:bold; line-height:45px; padding-left:10px;}


/*コンテンツお問い合わせ*/
#tit_toiawa{background:url(images/toiawaimg002.jpg) no-repeat; height:56px; margin-bottom:10px; text-indent:-9999px;}

/*コンテンツdiv*/
#cont_t300{width: 270px; float: left;}
#cont_tex5{width: 450px; float: right; font-size: 16px; margin-top: 16px; line-height: 1.5;color:#333}
#tex_hid{width:360px;float: left; line-height: 1.5;}
#tex_mig{width: 360px;float:right;line-height: 1.5;}
/*コンテンツ宿泊棟*/
.tab_01{width:656px;min-height: 39px;}
.tab_02{width:656px;min-height: 26px;}
.tab_03{width:656px;min-height: 188px;}
.tab_04{width:656px;min-height: 28px;}
/*コンテンツ会社概要*/
.com_tab01{width:548px; min-height: 544px;}





/* Page Navi */
.wp-pagenavi{margin: 20px;text-align: center;line-height: 18px;}
.wp-pagenavi a.page-numbers,
.wp-pagenavi a.page{padding: 0 7px;}
.wp-pagenavi span.current{font-weight: bold;font-size: 18px;padding: 0 7px;vertical-align: bottom;}
.wp-pagenavi a.prev.page-numbers,
.wp-pagenavi a.next.page-numbers{margin: 0 10px;}




/*new post catch*/
#npcatch li{list-style:none; margin-bottom: 5px;}
#npcatch li span{padding-left: 6px;}
#npcatch li span a{vertical-align:top;}



@media only screen and (max-width:812px) {
 
  
    #header_sita{display:none;}
    #sukimapc{display:none;}
    /*headertel*/
    #head-tel{display: none;}
    /*アイキャッチ について*/
    .gazou img{height: auto;}

    /*メインコンテンツ*/
    #main1{padding-left: 2.06%;padding-right: 2.06%;padding-top: 2.6%;}
	/* --文字コンテンツ -- */
	#content_top {margin-top:10px;}
	#content {margin-top:10px;}
	/*コンテンツ宿泊棟*/
	.tab_01{width:100%;}
	.tab_02{width:100%;}
	.tab_03{width:100%;}
	.tab_04{width:100%;}
	/*コンテンツ会社概要*/
	.com_tab01{width:100%;}


    /* Footer */
    #footer {padding-left:0px;}
	#copright{text-align: center;width: 100%;}

}
@media only screen and (min-width:641px){/* 641px以上すべて */
    /* コンテンツ中 */
.more-link{padding-left:400px;}
	/* FooterSP用ナビ */
	#fnavi{display: none;}
}
@media only screen and (max-width: 640px){


   /*メインコンテンツ*/
    #main{padding: 3.125% 0 0;}
   /*周辺ガイド*/
    .niretsu{padding: 15px 5px;}


   /*サイドバー*/
    #leftbar{display: none;}
    /*コンテンツ*/
	#entry_top{max-width:100%; padding: 15px 15px; text-align: left;}
	.hidawaku{float: none; width: 100%;}
	.migiwaku{float: none; width: 100%;}
	/*内部ページ*/
	.entry_naka{max-width:100%; padding: 15px 15px; text-align: left;}
	/*コンテンツdiv*/
	#cont_t300{width: 270px; float: none;}
	#cont_tex5{width: 100%; float: none; font-size: 16px; margin-top: 16px; line-height: 1.5;color:#333}
	/*リンクページ*/
	.hidalink{float: none;}
	.migilink{float: none;}


    #content{float: none;padding: 0 5px; font-size: 15px;} 
	#content1{float: none;padding: 0 5px; font-size: 15px!important;} 
			/* --top -- */
		.top_tex{position: absolute;top: 380px;right: 0px;}
		.link_top {position: absolute;top: 130px; right: 0px;}
		.link_top a{background-size: 80% auto;width: 158px;height: 104px;}
        


    /* Footer */
    #fnavi li:nth-child(2n-1) {
    background:url(images/cc-ten.jpg) 0% 100% repeat-x,url(images/cc-ten.jpg) 100% 0% repeat-y;}
    #fnavi ul li{background: url(images/cc-ten.jpg) 0% 100% repeat-x;box-sizing: border-box;display: block;float: left;
    margin: 0;width: 50%; }
    #fnavi ul li a{background-color: transparent;
    display: block;font-size: 12px;line-height: 50px;height: 50px;text-align: center;width: 100%;}  
}
@media only screen and (max-width: 397px){

}

@media only screen and (max-width: 440px){
  /*周辺ガイド*/
    .heyanoplanwaku{display: block;}
    .heyanotext{display: block; padding-left: 15px;}
  /*予約総合*/
    .yoyap-left{float: none;width: 100%;}
    .yoyap-right{float: none;text-align: right;width: 100%;}
}


/*aタグ内にdivを置くためスクリプト設置宿泊プラン*/
#da-ta{cursor: pointer;}
#da-ta:hover{color: #50B485;}
.yoyap-right:hover{color: #2e518b;}
/*aタグ内にdivを置くためスクリプト設置トップ*/
#da-ta2{cursor: pointer;}
#da-ta2:hover{color: #50B485;}
.topplaimg img:hover{opacity: .5}
.topplatext:hover{color: #50B485;}
.topplatext2:hover{color: #50B485;}
.topplatext3:hover{color: #50B485;}