@charset "utf-8";
/* CSS Document */

@media (min-width: 768px) {
   .for-sp{
      display:none;
    }
}
::-webkit-scrollbar {
  width: 2px;
}
::-webkit-scrollbar-track {
  background: #bbbbbb;
  border-radius: 10px;
}
::-webkit-scrollbar-thumb {
  background: #333333;
  border-radius: 10px;
}
		html{
overflow-x: hidden;
}
.wrapper{
    overflow: scroll;
    -webkit-overflow-scrolling: touch;
}
#sp-fixed-menu{
   position: fixed;
   width: 100%;
   bottom: 0px;
   font-size: 0;
   opacity: 0.9;
   z-index: 99;
}

/*メニューを横並びにする*/
#sp-fixed-menu ul{
   display: flex;
   list-style: none;
   padding:0;
   margin:0;
   width:100%;
}

#sp-fixed-menu li{
   justify-content: center;
   align-items: center;
   width: 50%;
   padding:0;
   margin:0;
   font-size: 14px;
   border-right: 1px solid #fff;
}

/*左側メニューを緑色に*/
#sp-fixed-menu li:first-child{
   background: #38b435;
}

/*左側メニューをオレンジ色に*/
#sp-fixed-menu li:last-child{
   background: #f3a324;
}
		
#sp-fixed-menu li.fan{
   background: #fff;
	border-right: 1px solid #000;
	border-top: 1px solid #000;
}

/*ボタンを調整*/
#sp-fixed-menu li a{
   color: #fff;
   text-align: center;
   display:block;
   width: 100%;
   padding:20px;
}
		
#sp-fixed-menu li a.fan{
   color: #000;
   text-align: center;
   display:block;
   width: 100%;
   padding:10px;
}

.main-nav { display: none; }

/* ▼画面サイズ（横幅）が640px以上の場合に適用 */
@media screen and (min-width: 640px) {
   .main-nav { display:flex; }
}


.midashi7 {
	
	border-left:7px solid #e3297d;
	border-bottom:1px solid #ccc;
	padding:.3em .4em;
	
	color: #000;
}

.fieldset {
  margin: 0 15px 30px;
  padding: 0;
  border-style: none;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.radio-button {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0;
}
.radio-button + label {
    padding: 26px 10px;
    cursor: pointer;
    border: 1px solid #CCC;
    
    color: #555;
    background-color: #ffffff;
    display: block;
    text-align: center;
}
.item:first-of-type .radio-button + label{
  border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
}
.item:last-of-type .radio-button + label {
  border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
}
.radio-button1:checked + label {
    background-color: #1ba0ff;
    color: #FFF;
}
.radio-button2:checked + label {
    background-color: #CB4F51;
    color: #FFF;
}

.swiper-container {
    width: 100%;
    height: 430px;
}
#swiper-container {
  width: calc(100%);
  flex-shrink: 0;
  object-fit: cover;
}