@charset "utf-8";

*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }

body.jtour { background: #fff !important; }
#header .season { bottom: 30px; }
#wrap { padding-bottom: 50px; }
#wrap .inner {
  font: 15px/1.5 "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  margin: 0 auto;
  position: relative;
  width: 950px;
}
#wrap .inner > div {
  border-top: 3px solid #808db1;
  padding: 50px 0;
  position: relative;
}
#wrap .inner + .inner { margin-top: 5em; }
#wrap .inner:last-of-type { margin-bottom: 5em; }
#wrap .inner .left {
  border-top-right-radius: 24px;
  padding-right: 5%;
}
#wrap .inner .right {
  border-top-left-radius: 24px;
  padding-left: 5%;
}
#wrap .inner h3 {
  background: #fff;color: #2d4280;
  font-family: serif;
  font-size: 48px;
  line-height: 1.1;
  padding-bottom: .2em;
  position: absolute;
  text-align: center;
  top: -.5em;
  /*width: 1.2em;*/
}
#wrap .inner .left h3 { border-radius: 0 0 .75em 0; left: 0; padding-right: .3em; }
#wrap .inner .right h3 { border-radius: 0 0 0 .75em; right: 0; padding-left: .3em; }
#wrap .inner .left img, #wrap .inner .right img { width: 47%; }
#wrap .inner .left img { float: right; }
#wrap .inner .right img { float: left; }
#wrap .inner > div > div { line-height:1.75; margin-top: -1.5em; width: 38%; }
#wrap .inner > .left > div { margin-left: 10%; }
#wrap .inner > .right > div { float: right; margin-right: 10%; }
#wrap .inner > div > div > p:first-of-type {
  color: #cb0d0d;
  font-family: serif;
  font-size: 28px;
  font-weight: bold;
  margin-bottom: .5em;
}
#wrap .inner div > div > div:last-of-type p:last-of-type {
  border: 4px double #bbd129;
  border-radius: 6px;
  font-family: serif;
  margin-top: 2em;
}
#wrap .inner div div p a {
  background: #bbd129;
  border: 1px solid #bbd129;
  color:#fff;
  display: block;
  font-size: 18px;
  padding: .25em;
  text-decoration: none;
  text-indent: .25em;
  transition: 1s;
}
#wrap .inner div div p a:hover {
  background: #f6f9eb;
  border: 1px solid #f6f9eb;
  color:#abc402;
}
#wrap .inner div div div ul { font-size: 0; }
#wrap .inner div div div li {
  display: inline-block;
  font-size: 16px;
  margin-top: .5em;
  width: 48%;
}
#wrap .inner div div div li a {
  background: #bbd129;
  border-radius: 4px;
  color: #fff;
  display: block;
  text-align: center;
  text-decoration: none;
  transition: .5s;
}
#wrap .inner div div div li a:hover { opacity: .75; }
#wrap .inner div div div li:nth-child(even) { margin-left: 4%; }
#wrap .inner div div div li span {
  background: #ddd;
  border-radius: 4px;
  color: #777;
  display: block;
  text-align: center;
}

h3 span {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}

/*///////////////////////////////////////////////////////////////////////
wideslider
///////////////////////////////////////////////////////////////////////*/

.wideslider {
  margin-bottom: 5%;
  overflow: hidden;
  position: relative;
  width: 100%;
  z-index: 1;
}
 
.wideslider ul,
.wideslider ul li {
  display: inline;
  float: left;
  overflow: hidden;
  position: relative;
}
 
.wideslider_base {
  position: absolute;
  top: 0;
}
.wideslider_wrap {
  overflow: hidden;
  position: absolute;
  top: 0;
}
.slider_prev,
.slider_next {
  background: #fff;
  cursor: pointer;
  overflow: hidden;
  position: absolute;
  top: 0;
  z-index: 100;
}
.wideslider .mainlogo {
  bottom: 0;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top:0;
  width: 950px;
  z-index: 10;
}

/* =======================================
    ClearFixElements
======================================= */
.wideslider ul:after {
  content: ".";
  height: 0;
  clear: both;
  display: block;
  visibility: hidden;
}
 .wideslider ul {
  display: inline-block;
  overflow: hidden;
}

/* ============================================================
media queries
============================================================ */

@media only screen and (max-width: 949px) {
  #wrap img {
    height: auto;
    max-width: 100%;
    width: auto;
  }
  #wrap .inner {
    margin: 0 1%;
    width: 98%;
  }
  #wrap #pankuzu { width: 98%;}
/*  .inner + .inner {
    margin-top: 30px;
  }*/
  #header .inner { width: 99%!important; }
  .wideslider .mainlogo { width: 100%; }
  #wrap .inner h3 { font-size: 40px; }
  #wrap .inner > div > div > p:first-of-type { font-size: 26px; }
  .pc { display: none; }
}

@media screen and (max-width:639px) {
  .wideslider { margin-bottom: 8%; }
  #wrap .inner h3 { font-size: 36px; }
  #wrap .inner > div { padding: 30px 0; }
  #wrap .inner .left, #wrap .inner .right { padding: 30px 15px; }
  #wrap .inner .left img, #wrap .inner .right img { float: none;  width: 100%; }
  #wrap .inner .left div, #wrap .inner .right div { margin: .5em 0; width: 100%; }
  #wrap .inner > div > div > p:first-of-type { font-size: 24px; margin-bottom: 0; }
}
@media only screen and (max-width: 479px) {
  #wrap .inner h3 { font-size: 30px; }
  #wrap .inner > div > div > p:first-of-type { font-size: 22px; }
}