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

html {
    /* ベースのフォントサイズを10pxとする */
    font-size: 62.5%;
  -webkit-box-sizing: border-box;/*ボックスに立体感*/
  box-sizing: border-box;
}

.background{
background-image:url("https://www.everglades.jp/images/event/halloween/special/background01.jpg");
background-position:0px 0px;
}

.halloween_tk_maintxt h2 {
    color: #000000;
    font-family: '游明朝体', 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', sans-serif;
    font-size: 2.8rem;/* calcサポート外をフォールバック */
    min-height: 0vw;/* Safari用バグフィックス */
    text-align: center;
    height:10%;
    padding:100px 10px;
}
.halloween_tk_maintxt span {
        font-family:  '游明朝体', 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', sans-serif;
	position:absolute;
	top:50%;
	left:50%;
	transform: translate(-50%, -50%);
}

.halloween_tk_maintxt {
    background-color: #FFB74C;
}
.halloween_tk_maintxt p{
  text-align: center;
}

.box {
  margin: 0;
  width: 100%;
  height: 10px;
  padding-top:20%;
  background-color: #FFB74C;
    font-family: '游明朝体', 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', sans-serif;
    font-size: 3.2rem;/* calcサポート外をフォールバック */
    font-size: calc(2.4rem + ((1vw - 0.48rem) * 0.5556));/* viewportが480px以上1200px以下可変 */
    text-align: center;
position:relative;
bottom:80px;
}

.box span{
position: absolute;
top:50%;
left:50%;
transform: translate(-50%, -50%);

}

.boxred{
    font-size: 1rem;/* calcサポート外をフォールバック */
    font-size: calc(1rem + ((1vw - 0.48rem) * 0.5556));/* viewportが480px以上1200px以下可変 */
    text-align: center;
    color:#be0000;
}

.box2{
     white-space: pre;
    font-size: 2rem;/* calcサポート外をフォールバック */
    font-size: calc(1.25rem + ((1vw - 4.8px) * 1.3889));/* viewportが480px以上1200px以下可変 */
    text-align: center;
}


.botan {
            display: flex;
            flex-wrap: wrap;
            justify-content: center;
            text-align: center;

}

.botan p {
position:relative;
bottom: 60px;
display: flex;
}


.isebtn,
a.isebtn,
button.isebtn {
  margin:5px 5px 5px 5px;
  font-size:2.8rem;
  line-height: 1.5;
  position: relative;
  display: inline-block;
  padding: 1rem 4rem;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  text-align: center;
  vertical-align: middle;
  text-decoration: none;
  letter-spacing: 0.1em;
  color: #212529;
  border-radius: 0.5rem;
}


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

a.isebtn_05{
  color: #fff;
  background-color: #FD7E00;
  width:100%;
}

a.isebtn_05:hover {
  color: #fff;
  background: #FFA500;
}

a.isebtn_04{
  color: #fff;
  background-color: #00a960;
  width:100%;
}

a.isebtn_04:hover {
  color: #fff;
  background: #9fc24d;
}



a.isebtn-c {
  font-family: '游明朝体', 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', sans-serif;
  font-size: 1rem;/* calcサポート外をフォールバック */
  font-size: calc(1.25rem + ((1vw - 4.8px) * 1.1111));/* viewportが480px以上1200px以下可変 */
  position: relative;
  padding: 1.5rem 3rem 1.5rem 2rem;
}

a.isebtn-c i.fa {
  margin-right: 1rem;
}


.halloween_text01{
    padding:10px;
    display: inline-block;
    font-family: '游明朝体', 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', sans-serif;
        font-size: 1rem;/* calcサポート外をフォールバック*/
    font-size: calc(1rem + ((1vw - 4.8px) * 0.5556));/* viewportが480px以上1200px以下可変 */
    text-align: left;
    color: #fff;
position:relative;
list-style: none;
}

.halloween_text li{
  list-style: none;
}

.box26 {
    margin:2px 2px 2px 2px;
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #FFB74C;
    border-radius: 8px;
    width:50%;
}
.box26 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-family:  '游明朝体', 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', sans-serif;
    font-size: 1rem;/* calcサポート外をフォールバック */
    font-size: calc(1rem + ((1vw - 4.8px) * 0.5556));/* viewportが480px以上1200px以下可変 */
    background: #000;
    color: #FFFFFF;
    font-weight: bold;
}
.box26 p {
    margin: 0; 
    padding: 0;
    font-family: '游明朝体', 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', sans-serif;
    font-size: 1rem;/* calcサポート外をフォールバック */
    font-size: calc(1rem + ((1vw - 4.8px) * 0.5556));/* viewportが480px以上1200px以下可変 */
    color: #FFFFFF;
}

.box26 li {
    font-family: '游明朝体', 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', sans-serif;
    font-size: 1rem;/* calcサポート外をフォールバック */
    font-size: calc(1rem + ((1vw - 4.8px) * 0.5556));/* viewportが480px以上1200px以下可変 */
    color: #FFFFFF;
}


.box27 {
    margin:2px 2px 2px 2px;
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #C7B2D6;
    border-radius: 8px;
    width:50%;
}
.box27 .box-title {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-family: '游明朝体', 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', sans-serif;
    font-size: 1rem;/* calcサポート外をフォールバック */
    font-size: calc(1rem + ((1vw - 4.8px) * 0.5556));/* viewportが480px以上1200px以下可変 */
    background: #000;
    color: #FFFFFF;
    font-weight: bold;
}
.box27 p {
    margin: 0; 
    padding: 0;
    font-family: '游明朝体', 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', sans-serif;
    font-size: 1rem;/* calcサポート外をフォールバック */
    font-size: calc(1rem + ((1vw - 4.8px) * 0.5556));/* viewportが480px以上1200px以下可変 */
    color: #FFFFFF;
}

.box27 li {
    font-family: '游明朝体', 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', sans-serif;
    font-size: 1rem;/* calcサポート外をフォールバック */
    font-size: calc(1rem + ((1vw - 4.8px) * 0.5556));/* viewportが480px以上1200px以下可変 */
    color: #FFFFFF;
}


.left-column {

  float: left;
  width: 48%; /* 要素の幅を50%に定義 */
  bottom:60px;

}

.right-column {

  float: right;
  width: 48%; /* 要素の幅を50%に定義 */
  bottom:60px;
}

.trick {
position: relative;
bottom:50px;
   width:100%
   height:10%;
   text-align: center;
}

.trick span{
    font-family: '游明朝体', 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', sans-serif;
    font-size: 1rem;/* calcサポート外をフォールバック */
    font-size: calc(1.25rem + ((1vw - 4.8px) * 1.1111));/* viewportが480px以上1200px以下可変 */
    color: #FFFFFF;
}

.trick2 {
position: relative;
bottom:50px;
   width:100%
   height:10%;
   text-align: center;
}

.trick2 span{
    font-family:  '游明朝体', 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', sans-serif;
    font-size: 1rem;/* calcサポート外をフォールバック */
    font-size: calc(1rem + ((1vw - 4.8px) * 0.5556));/* viewportが480px以上1200px以下可変 */
    color: #FFFFFF;
}

.trick3 {
position: relative;
bottom:50px;
   width:100%
   height:10%;
   text-align: center;
}

.trick3 span{
    font-family: '游明朝体', 'Yu Mincho', YuMincho, 'Hiragino Mincho ProN', sans-serif;
    font-size: 1rem;/* calcサポート外をフォールバック */
    font-size: calc(1.25rem + ((1vw - 4.8px) * 1.1111));/* viewportが480px以上1200px以下可変 */
    color: #FFFFFF;
}

.cb{
  /* floatを解除 */
  clear: both;
}


@media (max-width: 768px){
.halloween_tk_maintxt h2 {
    font-size: 2rem;/* calcサポート外をフォールバック */
    padding:50px 10px;
}


}

@media (max-width: 640px){
    a.isebtn_04{ width:100%;}
    a.isebtn_05{ width:100%;}
    .isebtn{ margin:2px 2px 2px 2px;}
    a.isebtn{ margin:2px 2px 2px 2px;}
    .button.isebtn{ margin:2px 2px 2px 2px;}
    .botan p { bottom:0px;}
    .box26 .box-title {top:-7px}
    .box27 .box-title {top:-7px}
    .trick {bottom:20px;}
    .trick2 {bottom:20px;}
    .trick3 {bottom:20px;}
    .halloween_tk_maintxt h2 {
    font-size: 1.5rem;/* calcサポート外をフォールバック */
}
    
}

@media (max-width: 500px){
    .box { bottom:40px;}
    .halloween_tk_maintxt h2 {
    font-size: 1.2rem;/* calcサポート外をフォールバック */
}
    
}

@media (max-width: 320px){
}