.next_st_date {
font-size:1.8em;
}

.next_st_date span{
font-size:.8em;
}
.next_st_area {
font-size: 1.2em;
font-weight:bold;
text-align:center; 
background-color:rgba(29,69,155,0.98); 
width:100%; 
color:#fff; 
padding:.5em;
margin: 5em 2em 1em 0;
line-height: .7em;
letter-spacing: .1em;
}

.topview-middle{
    width: 100%;
    max-width: 100%;
    position: relative;
    margin: auto;
    display: flex;
    justify-content: flex-end;
  }

div#contents_top {
	background-color: #fff;
}

.theme_main_only {
    margin-top: -30px;
}

.slider_container {
width:100%; overflow:hidden;
  text-align: center;
}
.s-slider {
padding:0;
text-align:center;
margin:0 auto; width:734px;
}
.slider_img {
width:100%;
max-width:734px;
min-width:380px;
}
.slick-list {overflow:visible;}



@media only screen and (min-width: 481px) {

.slider_container {
 background-color: #efe6ec;
 padding-top: 1.5em;
 padding-bottom: 1em;
 box-shadow: 0 7px 14px -2px rgba(0,0,0,0.09) inset, 0 5px 5px -2px rgba(0,0,0,0.05) inset, 0 -7px 14px -2px rgba(0,0,0,0.09) inset, 0 -5px 5px -2px rgba(0,0,0,0.05) inset;
 }

 .item_photo {
  padding: 0 1em;
 }

 .item_photo img{
    box-shadow: 0 1px 2px rgba(0,0,0,0.06), 0 1px 2px rgba(0,0,0,0.12);
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
    margin:4px;
 }
 .item_photo img{
    transition: all 0.3s cubic-bezier(.25,.8,.25,1);
 }
 .item_photo img:hover, .home-2nd-area img:hover, .home-3rd-area  img:hover{
    box-shadow: 0 14px 34px rgba(0,0,0,0.25), 0 10px 16px rgba(0,0,0,0.22);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    -ms-transform: scale(1.1);
    transform: scale(1.1);
 }

}

@media only screen and (max-width: 480px) {
.slider_img {
width:380px;
 }
 .s-slider {
  width:440px;
 }
  .sm_lv {
  max-width:480px;
  }
}

  @media only screen and (max-width: 414px) {
  .sm_lv {
  max-width:414px;
  }
 }


 @media only screen and (max-width: 375px) {
  .sm_lv {
  max-width:375px;
  }
 }

@media only screen and (max-width: 320px) {
  .sm_lv {
  max-width:320px;
  }
 }
 
.topview {
  margin:auto;
  margin-top: -30px;	
  width:100%;
  max-width:1920px;
  height:50%;
  position:relative;
  display:-webkit-box;
  display:-ms-flexbox;
  display: -webkit-flex; /* Safari */
  display: flex;
  text-align:right;
}

@media all and (-ms-high-contrast:none){
 .topview {
  background-size: contain !important;
 }
}

.topview_inner {

}

.topview-high {
      display:-webkit-box;
    display:-ms-flexbox;/*--- IE10 ---*/
  display: -webkit-flex; /* Safari */
   display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    align-items: flex-start;
}
.topview-high-about_st {
    flex-direction: row;
}

.topview-img {
width:50%;
max-width:100%;
height:auto;
}

.topview-low {
position:relative;
width:100%;
    display:-webkit-box;
    display:-ms-flexbox;/*--- IE10 ---*/
  display: -webkit-flex; /* Safari */
  display: flex;
  -webkit-flex-direction: row; /* Safari */
  flex-direction:         row;
    -webkit-justify-content: space-around; /* Safari */
justify-content: flex-start;
align-items: center;
}

.tophigh_img {
    margin-right: 5em;
    max-width: 25%;
    margin-top: 0em;
    padding-top: 20%;
    padding-left: 0%;
}
.tophigh_img_about {
    margin-right: 5em;
    max-width: 50%;
    margin-top: 1em;
    padding-top: 20%;
    padding-left: 10%;
}

@media all and (-ms-high-contrast:none){
 .tophigh_img {
  margin-right: 5em;
  width: 90px;
 }
}

@media only screen and (max-width: 768px) {

 .tophigh_img {
  margin-right: 1.3em;
 }
  .tophigh_img_about {
  max-width: 100%;
  margin-right: 0em;
 }
}


.img-no1 {
height:auto;
}

.iwate-no1 {
position:relative;
height:auto;
}



/*about*/
.about-s-test strong {
background:linear-gradient(transparent 30%,rgba(241,218,54,0.8));
}
.box-ttl-about {
background-size :cover;
width:100%;
max-width:1960px;
height:320px;
max-height:320px;
font-size:3em;
margin:0 auto;
padding:0;
}
.box-ttl-about-title {
border-radius:0;
}
.about-ttl-h3 {
  font-size: 1.2em;
padding-left:1em;
padding-bottom:0.5em;
border-radius:2em 0 0 2em;
margin-top:3%;
width:65%;
color:#fff;
border:0px solid #00a;
background: -moz-linear-gradient(left, rgba(15,42,79,1) 0%, rgba(125,185,232,0) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(15,42,79,1) 0%,rgba(125,185,232,0) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(15,42,79,1) 0%,rgba(125,185,232,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
}
@media only screen and (max-width: 480px) {
 .about-ttl-h3 {
 font-size:0.9em;
 width:80%;
 background:#133449;
 padding-bottom:0.75em;
 }
}
.about-s-test {
color:#333;
margin:0 auto;
text-align:left;
width:90%;
}
.s-point {
padding:10px;
}
@media only screen and (max-width: 1024px) {
 .s-point img{
 width:100%;
 }
}


.kojin-seiseki img{
width:100%;
max-width: 880px;
}
.kojin-seiseki {
  text-align: center;
position:   relative;
}

.kojin-seiseki .caption {
    text-align: left;
    color:#fff;
    font-size:1em;
    padding:5px;
    z-index:+100;
    background:rgba(203,74,29,0.8);
    border:solid rgba(203,74,29,0.8) 2px;
  width:      480px;
  height:     auto;
  position:   absolute; 
  top:      70%;
  left:0;
  opacity:    0;  
  }
  .kojin-seiseki .caption_first {
     text-align: left;
    color:#fff;
    font-size:1em;
    padding:5px;
    z-index:+100;
    background:rgba(203,74,29,0.8);
    border:solid rgba(203,74,29,0.8) 2px;
  width:      480px;
  height:     auto;
  position:   absolute; 
  top:      70%;
  left:20%;
  opacity:    0;  
  }
    .kojin-seiseki .caption_first :after,
  .kojin-seiseki .caption :after {
  border:20px solid transparent;
  border-left-color:rgba(203,74,29,0.8);
  border-right-width:0;
  width:0;
  top:36%;
  right: -20px;
  content:"";
  display:block;
  position:absolute;
    }
.kojin-seiseki-left .caption {
    color:#fff;
    font-size:0.8em;
    font-weight:bold;
    padding:5px;
    z-index:+100;
    background:#133449;
    border:solid #133449 2px;
  width:      240px;
  height:     auto;
  position:   absolute; 
  opacity:    0;  
  }
  .caption_first h5,
    .caption h5 {
  color:#fff;
  font-size: 2em;
  }
.kojin-seiseki:hover .caption_first,
.kojin-seiseki:hover .caption {
  opacity:    1;  
}
@media only screen and (max-width: 480px) {
  .kojin-seiseki .caption :after {
    display: none;
  }
      .kojin-seiseki .caption_first :before,
      .kojin-seiseki .caption :before {
        border:20px solid transparent;
  border-bottom-color:rgba(203,74,29,0.8);
  border-top-width: 0;
  width:0;
  content:"";
  display:block;
    top:-20px;
  right:20px;
  position:absolute;
  }
    .kojin-seiseki .caption_first,
  .kojin-seiseki .caption {
    width:320px;
    left:     0;
      top:      90%;
  }
  .caption_first p,
  .caption p {
  font-size:0.8em;
  }
  .caption_first h5,
  .caption h5 {
  font-size:0.7em;
  }
 }
/*howto*/
.howto-s-test {
width:80%;
padding:5px 5px 5px 10px;
margin-left:10%;
border:2px #5af solid;
overflow:hidden;
  background:rgb(255,255,255);
  box-shadow: 5px 5px 5px rgba(50, 50, 50, .5);
}
.howto1-3 {
position:relative;
}
.arrowdown {
font-weight:bold;
font-size:4em;
color:#5af;
margin:0 auto;
padding-left:50%;
}
.howto-s-test h5 {
font-size:1.6em;
}

.yycountdown-box{
  text-align:center;
  margin:10px 0;
  color:#000000;
}
 
#timer .yycountdown-box .yyc-day{
  font-size:7.0em;
  color:#009F3D;
  font-weight: bold;
}
#timer .yycountdown-box .yyc-hou{
  font-size:3.0em;
  color:#F4C300;
  display: none;
}
#timer .yycountdown-box .yyc-min{
  font-size:3.0em;
  color:#009F3D;
  display: none;
}
#timer .yycountdown-box .yyc-sec{
  font-size:3.0em;
  color:#DF0024;
  display: none;
}
 
#timer .yycountdown-box .yyc-day-text{
  font-size:3.0em;
   font-weight: bold;
}

#timer .yycountdown-box .yyc-hou-text,
#timer .yycountdown-box .yyc-min-text,
#timer .yycountdown-box .yyc-sec-text{
  display: none;
}