/* ---------------------------------------------
  ボタン
--------------------------------------------- */
.btn { padding:10px 20px; min-width:100px; display:inline-block; }
.btn:hover { text-decoration:none; transition:color .2s; }
.btn_link::after { font-family:"Font Awesome 5 Free"; content:'\f0a9'; font-weight:900;
    margin-left:.5em; transition:.2s; display:inline-block; transition:transform .2s; }
    .btn_link:hover::after { transform:translateX(2px); }
.btn_back::after { font-family:"Font Awesome 5 Free"; content:'\f0a8'; font-weight:900;
  margin-left:.5em; transition:.2s; display:inline-block; transition:transform .2s; }
  .btn_back:hover::after { transform:translateX(2px); }
.btn_navy { background-color:#00447E; color:#fff; }
  .btn_navy:hover { background-color:#069; }



/* ---------------------------------------------
  横並びグリッド
--------------------------------------------- */
.cols { display:flex; flex-wrap:wrap; max-width:initial; text-align:center; overflow:hidden; }
.cols .col { box-sizing:border-box; position: relative; }
.cols .col:after { content:""; display:table; clear:both; }

/* レイアウト:横2つ  */
.cols2 { margin-right:-60px; width:calc(100% + 60px); }
.cols2 .col { width:calc(50% - 60px); }
.cols2 .col { margin:0 60px 60px 0; }

/* レイアウト:横3つ  */
.cols3 { margin-right:-50px; width:calc(100% + 50px); }
.cols3 .col { width:calc(33.3% - 50px); }
.cols3 .colspan2 { width:66.6%; }
.cols3 .col { margin:0 50px 50px 0; }

/* レイアウト:横4つ  */
.cols4 { margin-right:-10px; width:calc(100% + 10px); }
.cols4 .col { width:calc(25% - 10px); }
.cols4 .colspan2 { width:50%;}
.cols4 .col { margin:0 10px 10px 0;}

/* レイアウト:横4つ  */
.cols5 { margin-right:-10px; width:calc(100% + 10px); }
.cols5 .col { width:calc(20% - 10px); }
.cols5 .colspan2 { width:40%;}
.cols5 .col { margin:0 10px 10px 0;}

/* レイアウト:余白なし  */
.cols_nopadding { margin-right:0;}
.cols_nopadding .col { margin:0; }
.cols_nopadding .col > .inner { padding:20px; }
.cols_nopadding.cols2 .col { width:50%; }
.cols_nopadding.cols3 .col { width:33.3%; }
.cols_nopadding.cols4 .col { width:25%; }

@media only screen and (max-width:767px) {
    .cols2,
    .cols3 { margin-left:auto; margin-right:auto; width:100%; }
    .cols.cols2 .col,
    .cols.cols3 .col { width:100%; margin:0 auto 10px; }
    .cols2,
    .cols3 { margin-right:0; margin-bottom:10px; }

    .cols.cols1sp { margin-left:auto; margin-right:auto; }
    .cols.cols1sp .col {width:100%; margin:0 auto; }
    .cols1sp { margin:0 0 10px !important; }
    .cols.cols4,
    .cols.cols2sp { margin-right:-3vw; width:calc(100% + 3vw); }
    .cols.cols4 .col,
    .cols.cols4 .col,
    .cols.cols2sp .col { width:calc(50% - 3vw); margin:0 3vw 3vw 0; }
}

/* ---------------------------------------------
 figure
--------------------------------------------- */
.figure1 { text-align:center; }
.figure1 img.img { margin:0 auto; }

/* ---------------------------------------------
 .img
--------------------------------------------- */
img.img { max-width:100%; }
.img  { overflow:hidden; display:block; }
.img img  { transition:transform .2s; max-width:100%; height:auto; }
a:hover .img_hover img,
a.img_hover:hover img  { transform:scale(1.05); }

/* ---------------------------------------------
 .imgbox
--------------------------------------------- */
.imgbox { text-align:center; color:#fff; text-decoration:none; overflow:hidden; position: relative; }
.imgbox a { width:100%; height:100%; text-decoration:none; color:#fff; position: relative;
    display:flex; flex-direction:column; justify-content:center; align-items:center; }
.imgbox a .h2jpen { color:#fff; }
.imgbox .bgimg  { width:100%; height:100%; position:absolute; top:0; left:0; background-size:cover; transition:transform .2s; }
.imgbox_hover:hover .bgimg  { transform:scale(1.05); }

/* ---------------------------------------------
  frm
--------------------------------------------- */
.frm1 { background:rgba(255,255,255,.9); }
.frm1 + *,
.frm2 + * { margin-top:10px; }
.frm1:after,
.frm2:after { content:""; display:table; clear:both; }
/*.frm1 > *:first-child { margin-top:20px; }*/
.frm1 > *:last-child,
.frm2 > *:last-child { margin-bottom:0; }
@media only screen and (max-width:767px) {
  .frm1,
  .frm2 { margin-top:20px; }
}

/* ---------------------------------------------
 dl
--------------------------------------------- */
dl.dl { display:flex; flex-wrap:wrap; }
dl.dl dt { width:100px; padding-bottom:.7em; }
dl.dl dd { width:calc(100% - 130px); padding-bottom:.7em; }
@media only screen and (max-width:767px) {
  dl.dl dd { width:calc(100% - 110px); }
}

/* ---------------------------------------------
  searchform
--------------------------------------------- */
.searchform { position:relative; }
.sbox { width:100%; height:50px; padding:0 10px; background:rgba(255,255,255,.3);
    appearance: none; outline: none; border:none; }
input::placeholder { color:#fff; }
input:-ms-input-placeholder { color:#fff; }
input::-ms-input-placeholder { color:#fff; }
.sbtn { position:absolute; top:0; right:5px; height:50px;
    background:none; color:#fff; border:none; }
.sbtn::before { content:'\f002'; display:inline-block; font-family:"Font Awesome 5 Free"; font-weight:900; margin-right:0.5em; }
.sbtn:hover::before { ; }

/* ---------------------------------------------
  googlemap
--------------------------------------------- */
.googlemap iframe { width:100%; margin:50px 0; }
@media only screen and (max-width:767px) {
  .googlemap iframe { margin-top:0; }
}

/* ---------------------------------------------
  slick
--------------------------------------------- */
.slickgallery { display:flex; justify-content:center; flex-wrap:wrap; }
.slickgallery > div { display:inline-block; }
.slickgallery > div img { height:220px; width:auto; margin:1px 1px 0 0; }
/*
.slick { text-align:center; }
.slick > div { display:inline-block; }
*/
.slick-prev,
.slick-next { transition:.2s; }
.slick-prev:hover { left: -27px; }
.slick-next:hover { right:-27px; }
.slick-prev:before,
.slick-next:before { content:''; width:20px; height:50px; display:block; opacity: .75; color: rgba(0,0,0,0.5); }
.slick-prev:before { background:url(/images/icon_arrow_prev.svg) top left no-repeat; background-size:contain; }
.slick-next:before { background:url(/images/icon_arrow_next.svg) top left no-repeat; background-size:contain; }
/*
.slick-prev:before,
.slick-next:before { color:rgba(0,0,0,0.5) !important; }
.slick-prev,
.slick-next { width:20px; height:50px; transition:.2s; }
.slick-prev { left:-35px; }
.slick-next { right:-35px; }
.slick-prev:hover { left:-37px; }
.slick-next:hover { right:-37px; }
.roominfo_img * { max-width:initial; }
.slick-slide img { width:100%; }
*/

/* ---------------------------------------------
  content_animal
--------------------------------------------- */
.content_animal .info { margin-top:10px; }
.content_animal .info .label_wave { position:absolute; top:-9px; right:30px; }

/* ---------------------------------------------
  .imgs
--------------------------------------------- */
.imgs { display:flex; justify-content:space-between; flex-wrap:wrap; }
.imgs img { display:block; margin:0 1px 10px 0; }

.imgs_left { justify-content:start; }
.imgs_center { justify-content:center; }
.imgs_h150 img { height:150px; }

/* ---------------------------------------------
  .imgtext
--------------------------------------------- */
.imgtext { position:relative; min-height:250px; }
  .imgtext:after { content:""; display:table; clear:both; }
.imgtext > *:first-child { margin-top:0; }
.imgtext .img { width:300px; position:absolute; top:0; margin-top:0; }
.imgtext .img.fl { position:relative; float:left; }
.imgtext .img + * { margin-top:15px; }
.imgtext .icon_time { font-size:1.1em; }

.imgtext_alternately:nth-child(even) .imgtextinner,
.imgleft .imgtextinner { padding-left:350px; }
.imgtext_alternately:nth-child(even) .img,
.imgleft .img { left:0; }

.imgtext_alternately:nth-child(odd) .imgtextinner,
.imgright .imgtextinner { padding-right:350px; }
.imgtext_alternately:nth-child(odd) .img,
.imgright .img { right:0; }

@media only screen and (max-width:767px) {
  .imgtext .img { width:100%; position:relative; top:inherit; }
  .imgleft { margin-right:0; }
  .imgleft .imgtextinner { padding-left:0; }
  .imgright { margin-left:0; }
  .imgright .imgtextinner { padding-right:0; }
  #contents .imgtextinner { padding-right:0; padding-left:0; }
}

/* ---------------------------------------------
 title
--------------------------------------------- */
.title__en { font-size:170%; font-weight:900; line-height:1; color:#00447E; margin:0; }
.title__jp { font-size:81.25%; font-weight:300; color:#00447E;  }

/* ---------------------------------------------
 component1
--------------------------------------------- */
.component1 > .col > .inner > img.img { display:block; margin:0 auto; }
.component1 .p { font-size:.9em; }
.component1 .btn { font-size:.8em; }


/* ---------------------------------------------
 component2
--------------------------------------------- */
.component2 > .col { text-align:left; border-radius:10px; }
.component2 a.colinner { text-decoration:none; border-radius:5px; background-color:rgba(255,255,255,0);
  transition:background-color .2s; display:block; padding:10px; }
.component2 a.colinner:hover { text-decoration:none; background-color:rgba(255,255,255,1); }
.component2 time { font-size:.8em; color:#00447E; font-weight:500; display:none; }
.component2 .title { font-size:1.2em; color:#00447E; margin:.3em 0; line-height:1.5; }
.component2 .p { color:#00447E; font-size:.8em; line-height:1.6; margin:.6em 0 0; }
.component2 .img { height:160px; overflow:hidden; margin-bottom:10px; background:#fff; }
.component2 img { width:100%; height:auto; transition:.2s; }
.component2 a:hover img { transform:scale(1.05); }


/* ---------------------------------------------
 wysiwyg
--------------------------------------------- */
.wysiwyg img { max-width:100%; height:auto; }


/* ---------------------------------------------
 blog
--------------------------------------------- */
ul.post-categories,
ul.post-categories li
 { display:inline-block; margin:0;
  list-style-type:none;
  margin-block-start:0; margin-block-end:0;
  margin-inline-start:0; margin-inline-end:0; padding-inline-start:0;
 }
.termslist { margin:0 1em 1em 0; display:inline-block; }
.termslist a { display:inline-block; margin:0; background:#fafafa; border-radius:3px; padding:5px; line-height:1.2; }
.termslist a:hover { text-decoration:none; background:#def; }

.content_entry { width:890px; max-width:90vw; }

.entry__title { margin-top:60px; }
.entry__title .date { margin-bottom:0; color:#00447e; }
.entry__title h1 { font-size:1.5em; margin:0; color:#00447e; }


/* ---------------------------------------------
 pager
<div class="wp-pagenavi" role="navigation">
<span class="pages">1 / 3</span><span aria-current="page" class="current">1</span><a class="page larger" title="Page 2" href="https://diverworks.co.jp/cms/blog/page/2">2</a><a class="page larger" title="Page 3" href="https://diverworks.co.jp/cms/blog/page/3">3</a><a class="nextpostslink" rel="next" aria-label="Next Page" href="https://diverworks.co.jp/cms/blog/page/2">»</a>
</div>
--------------------------------------------- */
.wp-pagenavi { text-align:center; margin:0 auto; }
.wp-pagenavi span,
.wp-pagenavi a { display:inline-block; padding:5px 10px; margin:0 .2em; transition:.2s; }
.wp-pagenavi a:hover { text-decoration:none; }
.wp-pagenavi span.pages { display:none; }
.wp-pagenavi a.page { background:#fff; }
.wp-pagenavi a.page:hover { background:#ddd; color:#fff;}
.wp-pagenavi a.previouspostslink:hover { transform:translateX(-2px);}
.wp-pagenavi a.nextpostslink:hover { transform:translateX(2px);}