﻿

@media screen and (max-width: 999px){


/* PC版非表示*/
#pcwrapper {
	display: none;
}
.pcwrapper {
	display: none;
}


.smpwrapper {
     overflow: hidden;
}


#page-top {
	display: none;
}


a{
     outline: none;
	text-decoration: underline;
     -webkit-tap-highlight-color:rgba(0,0,0,0);
     color: #ffffff;
    
}
a:hover{
     outline: none;
	text-decoration: none;
     -webkit-tap-highlight-color:rgba(0,0,0,0);
     color: #ffffff;
}
a:visited{
     outline: none;
	text-decoration: underline;
     color: #ffffff;
}


body {
	-webkit-text-size-adjust: 100%;
	text-align: left;
	overflow: visible;
	text-shadow: none !important;
	font-feature-settings: "palt" 1;
     background-color: #6dc8e2;
}
img {
	width: 100%;
	height: auto;
}


.noto100 {font-weight:100;}
.noto300 {font-weight:300;}
.noto400 {font-weight:400;}
.noto500 {font-weight:500;}
.noto700 {font-weight:700;}
.noto900 {font-weight:900;}



.arrow_box_001 {
    position: relative;
    width: 100%;
    background: #000000;
    padding-top: 3%;
    padding-bottom: 3.9%;
    text-align: left;
    color:#FFFFFF;
    font-size: 93%;
    line-height: 180%;
    font-weight: 500;
    font-family: 'Noto Serif JP', serif;
    letter-spacing: 0.01em;
}
.arrow_txt_001 {
    padding-left: 5%;
    padding-right: 4.5%;
}
.arrow_atte_001 {
    border: 1px #ffffff solid;
    padding-top: 0.2%;
    padding-bottom: 0.2%;
    padding-left: 1%;
    padding-right: 1%;
    margin-left: 0.6%;
    margin-right: 1%;
    font-size: 92%;
}



.arrow_box_002 a{
     outline: none;
     text-decoration: underline;
     color: #000000;
     text-underline-offset: 3px;
}
.arrow_box_002 a:hover{
     outline: none;
     text-decoration: none;
     color: #000000;
}
.arrow_box_002 a:visited{
     outline: none;
     text-decoration: underline;
     color: #000000;
     text-underline-offset: 3px;
}
.arrow_box_002 {
    position: relative;
    width: 100%;
    background: #FFFFFF;
    padding-top: 3%;
    padding-bottom: 3.8%;
    text-align: left;
    color:#000000;
    font-size: 95%;
    line-height: 180%;
    font-weight: 500;
    letter-spacing: 0.01em;
}
.arrow_box_002:after {
    border: solid transparent;
    content: '';
    height: 0;
    width: 0;
    pointer-events: none;
    position: absolute;
    border-color: rgba(0, 153, 255, 0);
    border-top-width: 7px;
    border-bottom-width: 7px;
    border-left-width: 7px;
    border-right-width: 7px;
    margin-left: -7px;
    border-top-color: #FFFFFF;
    top: 100%;
    left: 50%;
}
.arrow_txt_002 {
    padding-left: 5%;
    padding-right: 4.5%;
}
.arrow_atte_002 {
    margin-left: 5px;
    margin-right: 5px;
}



.arrow_box {
    position: relative;
    width: 100%;
    background: #000000;
    padding-top: 3%;
    padding-bottom: 5%;
    text-align: left;
    color:#FFFFFF;
    font-size: 98%;
    line-height: 190%;
    font-weight: 500;
    font-family: 'Noto Serif JP', serif;
    letter-spacing: 0.01em;
}
.arrow_box:after {
    border: solid transparent;
    content: '';
    height: 0;
    width: 0;
    pointer-events: none;
    position: absolute;
    border-color: rgba(0, 153, 255, 0);
    border-top-width: 7px;
    border-bottom-width: 7px;
    border-left-width: 7px;
    border-right-width: 7px;
    margin-left: -7px;
    border-top-color: #000000;
    top: 100%;
    left: 50%;
}
.arrow_txt {
    padding-left: 5%;
    padding-right: 4.5%;
}
.arrow_atte {
    border: 1px #ffffff solid;
    padding-top: 0.2%;
    padding-bottom: 0.2%;
    padding-left: 1%;
    padding-right: 1%;
    margin-left: 0.6%;
    margin-right: 1%;
    font-size: 95%;
}
.arrow_pad_001 {
    padding-top: 4.7%;
    padding-bottom: 3.6%;
    padding-left: 6%;
    padding-right: 6%;
}



.youtube_001 {
     padding-top: 2%;
}
.youtube_001 img {
     margin: 7%;
     width: 86%;
     border-radius: 12px;
     box-shadow: 0px 0px 27px -4px rgba(0,0,0,0.4);
}


.sche_txt_001 {
     font-size: 80%;
}
.sche_txt_002 {
     font-size: 120%;
     line-height: 155%;
}
.sche_txt_003 {
     font-size: 80%;
}
.sche_txt_004 {
     font-size: 65%;
     line-height: 190%;
}



.sL_001 {
     padding-left: 0.5%;
     padding-right: 0.5%;
}
.sL_002 {
     font-size: 60%;
     letter-spacing: 0.1em;
     font-weight: 400;
     text-align: center;
     padding-top: 1.6%;
     padding-bottom: 2%;
}



.footer_bg_001 {
	background-image: url("../images/train_black.png?20170627-1207");
	background-repeat: repeat-x;
	background-position: center top;
     background-size: auto 100%;
     animation-name: scroll-footer-bg;
     animation-duration: 140s;                  /*3秒で画像1枚分スクロールする*/
     animation-timing-function: linear;       /*再生速度を一定にする*/
     animation-iteration-count: infinite;
}
@keyframes scroll-footer-bg {
    0% {
        background-position: 0 0;            /*初期値を設定する*/
    }

    100% {
        background-position: -5884px 0;      /*画像サイズに合わせて変更する（負号で左スクロール）*/
    }
}


.box1350 {
     overflow: hidden;
}
.box1350_btm {
     padding-bottom: 12%;
}


.pd_001 {
     font-size: 165%;
     letter-spacing: 0.3em;
     font-weight: 700;
     text-align: center;
     color: #000000;
     margin-top: 8%;
     padding-top: 3.5%;
     padding-bottom: 3.5%;
     border-top: 2px #000000 solid;
     border-bottom: 1px #000000 dotted;
}
.pd_001_002 {
     font-size: 180%;
     letter-spacing: 0.3em;
     font-weight: 700;
     text-align: center;
     color: #000000;
     padding-top: 7%;
     padding-bottom: 2.0%;
}
.pd_002 {
     font-size: 65%;
     letter-spacing: 0.3em;
     font-weight: 700;
     padding-top: 2.5%;
     padding-bottom: 5%;
     text-align: center;
     color: #000000;
}
.pd_txt_001 {
     font-size: 140%;
     text-align: center;
}
.pd_txt_001_002 {
     font-size: 115%;
}
.pd_txt_002 {
     font-size: 70%;
     line-height: 190%;
     text-align: center;
}
.pd_txt_002_002 {
     font-size: 50%;
     line-height: 190%;
     text-align: center;
}
.pd_txt_003 {
     font-size: 100%;
     line-height: 210%;
     padding-top: 2%;
     font-weight: 400;
     text-align: center;
     padding-left: 7%;
     padding-right: 7%;
}
.pd_txt_004 {
     font-size: 100%;
     line-height: 210%;
     padding-top: 2%;
     font-weight: 400;
     text-align: center;
     padding-left: 7%;
     padding-right: 7%;
}
.pd_txt_005 {
     font-size: 140%;
}
.pd_txt_006 {
     font-size: 80%;
     vertical-align: 0.1em;
}
.pd_txt_007 {
     font-size: 100%;
     line-height: 210%;
     padding-top: 2%;
     font-weight: 400;
     text-align: center;
     padding-left: 7%;
     padding-right: 7%;
}
.pd_txt_008 {
     font-size: 75%;
     line-height: 210%;
     padding-top: 2%;
     font-weight: 400;
     text-align: center;
     padding-left: 7%;
     padding-right: 7%;
}
.pd_txt_009 {
     font-size: 50%;
     font-weight: 400;
     padding-top: 0.2%;
}
.pd_txt_010 {
     font-size: 60%;
     line-height: 230%;
     font-weight: 400;
     padding-top: 4.5%;
     padding-bottom: 6%;
     text-align: center;
}


/* イベント内容 ------------------- 001 画像2点 + ロゴ1点 --------------------- */

.pd_003_no_001 {
	display: block;
	position: relative;
	width: 100%;
	padding-top: calc(3800 / 2640 * 100%);
     margin-top: 8%;
}

.pd_004_no_001 {
     position: absolute; 
     width: 90%;
     height: auto;
     z-index: 3;
     top: 0;
     left: 0;
}
.pd_004_no_001 img {
     border-top-right-radius: 10px;
     border-bottom-right-radius: 10px;
}

.pd_005_no_001 {
     position: absolute; 
     width: 85%;
     height: auto;
     z-index: 4;
     top: 52%;
     left: 15%; 
}
.pd_005_no_001 img {
     border-top-left-radius: 10px;
     border-bottom-left-radius: 10px;
}

.pd_006_no_001 {
     position: absolute; 
     width: 42%;
     height: auto;
     z-index: 5;
     top: 79%;
     left: 0; 
     background-color: #ffffff;
     color: #ffffff;
     border-top-right-radius: 10px;
     border-bottom-right-radius: 10px;
}
.pd_006_no_001_2 {
     position: absolute; 
     width: 42%;
     height: auto;
     z-index: 5;
     top: 79%;
     left: 0; 
     background-color: #ffffff;
     color: #ffffff;
     border-top-right-radius: 10px;
     border-bottom-right-radius: 10px;
}

.pd_007_no_001 {
     padding-top: 18%;
     padding-bottom: 18%;
     text-align: center;
}
.pd_008_no_001 {
     font-size: 180%;
     line-height: 195%;
     font-weight: 700;
     color: #000000;
     padding-top: 6%;
     text-align: center;
}
.pd_009_no_001 {
     border-bottom: 1px #000000 dotted;
}
.pd_009_no_001_non {
     margin-bottom: 2%;
}
.pd_010_no_001 {
     padding-left: 15%;
     padding-right: 15%;
}


/* イベント内容 ------------------- 002 画像4点 --------------------- */

.pd_003_no_002 {
	display: block;
	position: relative;
	width: 100%;
	padding-top: calc(2400 / 2640 * 100%);
     margin-top: 8%;
}


.pd_004_no_002 {
     position: absolute; 
     width: 55%;
     height: auto;
     z-index: 5;
     top: 0;
     left: 0;
}
.pd_004_no_002 img {
     border-top-right-radius: 10px;
     border-bottom-right-radius: 10px;
}

.pd_005_no_002 {
     position: absolute; 
     width: 40%;
     height: auto;
     z-index: 4;
     top: 0;
     left: 60%; 
}
.pd_005_no_002 img {
     border-top-left-radius: 10px;
     border-bottom-left-radius: 10px;
}

.pd_006_no_002 {
     position: absolute; 
     width: 55%;
     height: auto;
     z-index: 3;
     top: 51%;
     left: 45%; 
}
.pd_006_no_002 img {
     border-top-left-radius: 10px;
     border-bottom-left-radius: 10px;
}

.pd_007_no_002 {
     position: absolute; 
     width: 40%;
     height: auto;
     z-index: 5;
     top: 51%;
     left: 0; 
}
.pd_007_no_002 img {
     border-top-right-radius: 10px;
     border-bottom-right-radius: 10px;
}

.pd_008_no_002 {
     font-size: 180%;
     line-height: 195%;
     font-weight: 700;
     color: #000000;
     padding-top: 6%;
     text-align: center;
}
.pd_009_no_002 {
     padding-top: 2%;
     padding-bottom: 6.5%;
     border-bottom: 1px #000000 dotted;
}



/* イベント内容 ------------------- 003 画像2点 --------------------- */

.pd_003_no_003 {
	display: block;
	position: relative;
	width: 100%;
	padding-top: calc(2950 / 2640 * 100%);
     margin-top: 8%;
}
.pd_003_no_003_ver02 {
	display: block;
	position: relative;
	width: 100%;
	padding-top: calc(3300 / 2640 * 100%);
     margin-top: 3%;
}
.pd_003_no_003_ver03 {
	display: block;
	position: relative;
	width: 100%;
	padding-top: calc(2200 / 2640 * 100%);
     margin-top: 3%;
}


.pd_004_no_003 {
     position: absolute; 
     width: 90%;
     height: auto;
     z-index: 5;
     top: 0;
     left: 0;
}
.pd_004_no_003 img {
     border-top-right-radius: 10px;
     border-bottom-right-radius: 10px;
}

.pd_005_no_003 {
     position: absolute; 
     width: 85%;
     height: auto;
     z-index: 4;
     top: 53%;
     left: 15%; 
}
.pd_005_no_003 img {
     border-top-left-radius: 10px;
     border-bottom-left-radius: 10px;
}


.pd_005_no_003_002 {
     position: absolute; 
     width: 76%;
     height: auto;
     z-index: 4;
     top: 5%;
     left: 12%; 
     right: 12%; 
}
.pd_005_no_003_002 img {
     border-top-left-radius: 10px;
     border-bottom-left-radius: 10px;
     border-top-right-radius: 10px;
     border-bottom-right-radius: 10px;
}


.pd_008_no_003 {
     font-size: 180%;
     line-height: 195%;
     font-weight: 700;
     color: #000000;
     padding-top: 6%;
     text-align: center;
}
.pd_008_no_003_002 {
     font-size: 180%;
     line-height: 195%;
     font-weight: 700;
     color: #000000;
     padding-top: 7.6%;
     text-align: center;
}


.pd_009_no_003 {
     padding-top: 2%;
     padding-bottom: 6.5%;
     border-bottom: 1px #000000 dotted;
}
.pd_009_no_003_002 {
     padding-top: 4%;
     padding-bottom: 6%;
     padding-left: 5%;
     padding-right: 5%;
     border-bottom: 1px #000000 dotted;
}
.pd_009_no_003_002 img {
     border-radius: 9px;
}
.pd_009_no_003_003 {
     padding-top: 2%;
     padding-bottom: 0.5%;
     padding-left: 5%;
     padding-right: 5%;
     border-bottom: 1px #000000 dotted;
}
.pd_009_no_003_004 {
     padding-top: 2%;
     padding-left: 5%;
     padding-right: 5%;
}


.pd_011 {
     padding-top: 4%;
     padding-bottom: 0.5%;
     padding-left: 5%;
     padding-right: 5%;
}
.pd_011 img {
     border-radius: 9px;
}
.pd_012 {
     width: 44%;
     margin-left: 3%;
     margin-right: 3%;
     float: left;
     padding-bottom: 5%;
}
.pd_013 {
     width: 44%;
     margin-left: 3%;
     margin-right: 3%;
     float: left;
     padding-bottom: 5%;
}
.pd_014 {
     width: 44%;
     margin-left: 3%;
     margin-right: 3%;
     float: left;
     padding-bottom: 5%;
}
.pd_015 {
     padding-top: 8%;
     font-size: 105%;
     font-weight: 600;
     text-align: center;
}
.pd_016 {
     padding-top: 0.6%;
     font-size: 70%;
     font-weight: 400;
     text-align: center;
}




.pc_bg_002 {
	background-image: url("../images/smp_bg_001.jpg?20170627-1205");
	background-repeat: repeat-x;
	background-position: center top;
     background-size: auto 100%;
     animation-name: scroll-header-bg;
     animation-duration: 90s;                  /*3秒で画像1枚分スクロールする*/
     animation-timing-function: linear;       /*再生速度を一定にする*/
     animation-iteration-count: infinite;
}
@keyframes scroll-header-bg {
    0% {
        background-position: 0 0;            /*初期値を設定する*/
    }

    100% {
        background-position: -6000px 0;      /*画像サイズに合わせて変更する（負号で左スクロール）*/
    }
}


.container {
	display: block;
	position: relative;
	width: 100%;
	padding-top: calc(1298 / 1000 * 100%);
     margin-top: 3%;
}


.topimg_XXX {
	position: absolute;
     width: 100%;
     height: 100%;
	animation-name: diagonal-move-anim;
     animation-timing-function: ease;
     animation-iteration-count: 1;
     animation-delay: 2s;
     animation-duration: 2s; 
     animation-fill-mode: both;
     top: 0;
     left: 0;
     z-index: 5;
}
@keyframes diagonal-move-anim {
	0% {
		transform: translate(10%, 30%);
          opacity: 0;
	}
	100% {
		transform: translate(0, 0);
          opacity: 1;
	}
}


.topimg_001 {
     position: absolute; 
     width: 100%;
     z-index: 1;
     top: 0;
     left: 0; 
     height: 100%;
}
.topimg_002 {
     position: absolute; 
     width: 100%;
     z-index: 2;
     top: 0;
     left: 0; 
     height: 100%;
}
.topimg_003 {
     position: absolute; 
     width: 100%;
     z-index: 3;
     top: 0;
     left: 0; 
     height: 100%;
}
.topimg_004 {
     position: absolute; 
     width: 100%;
     z-index: 4;
     top: 0;
     left: 0; 
     height: 100%;
}
.topimg_005 {
     position: absolute; 
     width: 100%;
     z-index: 5;
     top: 0;
     left: 0; 
     height: 100%;
}
.topimg_006 {
     position: absolute; 
     width: 100%;
     z-index: 6;
     top: 0;
     left: 0; 
     height: 100%;
}
.topimg_007 {
     position: absolute; 
     width: 100%;
     z-index: 7;
     top: 0;
     left: 0; 
     height: 100%;
}
.topimg_008 {
     position: absolute; 
     width: 100%;
     z-index: 8;
     top: 0;
     left: 0; 
     height: 100%;
}



.con_06_002 {
     color: #FFFFFF;
     text-align: center;
     padding-left: 10%;
     padding-right: 10%;
}


.ticket_001 {
     font-size: 110%;
     line-height: 180%;
     font-weight: 500;
     padding-top: 9%;
     letter-spacing: 0.2em;
}
.ticket_002 {
     width: 100%;
     border-top: 1px #fff solid;
     border-bottom: 1px #fff solid;
     border-left: 1px #fff solid;
     border-right: 1px #fff solid;
     text-align: center;
     font-size: 100%;
     line-height: 220%;
     font-weight: 500;
}
.ticket_003 {
     width: 35%;
     border-right: 1px #fff dotted;
     border-bottom: 1px #fff dotted;
     padding-top: 6%;
     padding-bottom: 6%;
     font-size: 85%;
}
.ticket_004 {
     width: 33%;
     border-right: 1px #fff dotted;
     border-bottom: 1px #fff dotted;
     padding-top: 6%;
     padding-bottom: 6%;
}
.ticket_005 {
     border-bottom: 1px #fff dotted;
     padding-top: 6%;
     padding-bottom: 6%;
}
.ticket_006 {
     padding-top: 12%;
     padding-left: 2%;
     padding-right: 2%;
}
.ticket_007 {
     font-size: 140%;
     font-weight: 700;
}
.ticket_008 {
     font-size: 90%;
     line-height: 180%;
     font-weight: 400;
     padding-top: 10%;
}
.ticket_009 {
     font-size: 70%;
     line-height: 200%;
     font-weight: 500;
     padding-top: 0.3%;
}
.ticket_010 {
     padding-top: 7%;
}
.ticket_011 {
     width: 100%;
     border-top: 1px #fff dotted;
     text-align: center;
     margin-top: 8%;
     padding-top: 8%;
}
.ticket_012 {
     padding-top: 0.9%;
     padding-bottom: 1.7%;
     padding-left: 2%;
     padding-right: 2%;
     margin-right: 4%;
     color: #ffffff;
     background-color: #fff;
     font-size: 80%;
     vertical-align: 0.1em;
}
.ticket_013 {
     font-size: 125%;
     line-height: 190%;
     font-weight: 600;
}
.ticket_014 {
     font-size: 95%;
     line-height: 185%;
     font-weight: 400;
     padding-top: 3%;
}



.ticket_015 {
     border-top: 1px #fff dotted;
     border-left: 1px #fff dotted;
     width: 100%;
}


.ticket_016 {
     border-right: 1px #fff dotted;
     border-bottom: 1px #fff dotted;
     width: 100%;
     vertical-align: top;
     display: block;
}
.ticket_016 a {
     color: #fff;
     transition: 0.5s;
     text-decoration: none;
}
.ticket_016 a:hover {
     opacity: 0.4;
     color: #fff;
     transition: 0.5s;
     text-decoration: none;
}
.ticket_016 a:visited {
     color: #fff;
     text-decoration: none;
}


.ticket_016_002 {
     border-right: 1px #fff dotted;
     border-bottom: 1px #fff dotted;
     width: 100%;
     vertical-align: middle;
     display: block;
     padding-top: 1.5%;
     padding-bottom: 1.5%;
}
.ticket_016_002 a {
     color: #fff;
     transition: 0.5s;
     text-decoration: none;
}
.ticket_016_002 a:hover {
     opacity: 0.4;
     color: #fff;
     transition: 0.5s;
     text-decoration: none;
}
.ticket_016_002 a:visited {
     color: #fff;
     text-decoration: none;
}


.ticket_017 {
     border-right: 1px #fff dotted;
     border-bottom: 1px #fff dotted;
     width: 100%;
     vertical-align: top;
     display: block;
}
.ticket_017 a {
     color: #fff;
     transition: 0.5s;
     text-decoration: none;
}
.ticket_017 a:hover {
     opacity: 0.4;
     color: #fff;
     transition: 0.5s;
     text-decoration: none;
}
.ticket_017 a:visited {
     color: #fff;
     text-decoration: none;
}


.ticket_new_016 {
     border-right: 1px #fff dotted;
     border-bottom: 1px #fff dotted;
     width: 100%;
     vertical-align: top;
     display: block;
}
.ticket_new_016 a {
     color: #fff;
     transition: 0.5s;
     text-decoration: none;
}
.ticket_new_016 a:hover {
     opacity: 0.4;
     color: #fff;
     transition: 0.5s;
     text-decoration: none;
}
.ticket_new_016 a:visited {
     color: #fff;
     text-decoration: none;
}


.ticket_new_016_002 {
     border-right: 1px #fff dotted;
     border-bottom: 1px #fff dotted;
     width: 100%;
     vertical-align: middle;
     display: block;
     padding-top: 1.5%;
     padding-bottom: 1.5%;
}
.ticket_new_016_002 a {
     color: #fff;
     transition: 0.5s;
     text-decoration: none;
}
.ticket_new_016_002 a:hover {
     opacity: 0.4;
     color: #fff;
     transition: 0.5s;
     text-decoration: none;
}
.ticket_new_016_002 a:visited {
     color: #fff;
     text-decoration: none;
}


.ticket_new_017 {
     border-right: 1px #fff dotted;
     border-bottom: 1px #fff dotted;
     width: 100%;
     vertical-align: top;
     display: block;
}
.ticket_new_017 a {
     color: #fff;
     transition: 0.5s;
     text-decoration: none;
}
.ticket_new_017 a:hover {
     opacity: 0.4;
     color: #fff;
     transition: 0.5s;
     text-decoration: none;
}
.ticket_new_017 a:visited {
     color: #fff;
     text-decoration: none;
}



.ticket_018 {
     padding-top: 10%;
     padding-bottom: 10%;
}
.ticket_018 img {
     width: 100%;
     height: auto;
}


.ticket_new_018 {
     padding-top: 10%;
     padding-bottom: 10%;
}
.ticket_new_018 img {
     width: 100%;
     height: auto;
}
.ticket_new_018_textari {
     padding-top: 10%;
     padding-bottom: 6%;
}


.ticket_019 {
     padding-left: 15%;
     padding-right: 15%;
     text-align: center;
     font-weight: 800;
}
.ticket_020 {
     padding-top: 2%;
     font-size: 135%;
     font-weight: 500;
     text-align: center;
}
.ticket_021 {
     padding-top: 3.5%;
     font-size: 70%;
     font-weight: 400;
     text-align: center;
     letter-spacing: 0.1em;
}
.ticket_021_002 {
     padding-top: 2%;
     padding-bottom: 7%;
     font-size: 70%;
     font-weight: 400;
     text-align: center;
     letter-spacing: 0.1em;
}
.ticket_022 {
     padding-top: 12%;
     padding-bottom: 4%;
}


.ticket_023 {
     padding-top: 5%;
     padding-bottom: 3.2%;
     padding-left: 20%;
     padding-right: 20%;
}
.ticket_023 a {
     color: #fff;
     text-decoration: none;
}
.ticket_023 a:hover {
     color: #fff;
     text-decoration: none;
}
.ticket_023 a:visited {
     color: #fff;
     text-decoration: none;
}


.ticket_025 {
     padding-top: 13%;
     padding-bottom: 2%;
}
.ticket_026 {
     width: 100%;
     border-top: 1px #fff dotted;
     border-left: 1px #fff dotted;
}
.ticket_027 {
     display: block;
     width: 100%;
     border-right: 1px #fff dotted;
     border-bottom: 1px #fff dotted;
}
.ticket_028 {
     display: block;
     width: 100%;
     border-right: 1px #fff dotted;
     border-bottom: 1px #fff dotted;
}
.ticket_029 {
     text-align: center;
     padding-top: 12%;
     padding-bottom: 3%;
     padding-left: 15%;
     padding-right: 15%;
}
.ticket_030 {
     padding-top: 7%;
     padding-bottom: 7%;
     text-align: center;
     color: #000000;
     font-size: 98%;
     font-weight: 500;
}
.ticket_031 {
     position: relative;
     display: inline-block;
     padding-left: 12px;
     padding-bottom: 19px;
     color: #fff;
     text-decoration: none;
}
.ticket_031:before {
     content: '';
     width: 0;
     height: 0;
     border-style: solid;
     border-width: 3px 0 3px 4px;
     border-color: transparent transparent transparent #fff;
     position: absolute;
     top: 50%;
     left: 0;
}
.ticket_032 {
     color: #4a9511;
     background-color: #ffffff;
     font-size: 110%;
     font-weight: 600;
     text-align: center;
     letter-spacing: 0.3em;
     padding-top: 2%;
     padding-bottom: 2%;
     border-left: 1px #fff solid;
     border-right: 1px #fff solid;
}
.ticket_033 {
     color: #ffffff;
     font-size: 120%;
     font-weight: 700;
     text-align: center;
     letter-spacing: 0.3em;
     padding-top: 4%;
     padding-bottom: 4%;
     border-top: 3px #fff solid;
}


.list_002 {
    list-style: none;
    padding-left: 1.5em;
    margin-left: 0.5em;
    font-size: 80%;
    line-height: 195%;
}
.list_002 li {
    text-indent: -1.5em;
}
.list_002 li:before{
    content: "※" ;
    margin-right: 0.1em;
}


.pad_000 {
     padding-top: 6%;
     padding-bottom: 0.5%;
     padding-left: 2%;
     padding-right: 2%;
}
.pad_000_2nd {
     padding-top: 3.5%;
     padding-bottom: 2.5%;
     padding-left: 2%;
     padding-right: 2%;
}
.pad_001 {
     width: 28.6%;
     float: left;
}
.pad_002 {
     width: 29.5%;
     float: left;
}
.pad_003 {
     width: 41.9%;
     float: left;
}
.pad_004 {
     width: 21.1%;
     float: left;
}
.pad_005 {
     width: 29.2%;
     float: left;
}
.pad_006 {
     width: 29.5%;
     float: left;
}
.pad_007 {
     width: 20.2%;
     float: left;
}
.pad_008 {
	background-image: url("../images/smp_img_001.jpg?20170627-1200");
	background-repeat: no-repeat;
	background-position: center top;
     background-size: contain;
     background-color: #6dc8e2;
}


.pad_2nd_001 {
     width: 28.6%;
     float: left;
}
.pad_2nd_002 {
     width: 29.5%;
     float: left;
}
.pad_2nd_003 {
     width: 41.9%;
     float: left;
}
.pad_2nd_004 {
     width: 6.1%;
     float: left;
}
.pad_2nd_005 {
     width: 29.2%;
     float: left;
}
.pad_2nd_006 {
     width: 29.5%;
     float: left;
}
.pad_2nd_007 {
     width: 29.1%;
     float: left;
}
.pad_2nd_008 {
     width: 6.1%;
     float: left;
}


.pad_3rd_001 {
     width: 32.0%;
     float: left;
}
.pad_3rd_002 {
     width: 33.2%;
     float: left;
}
.pad_3rd_003 {
     width: 34.8%;
     float: left;
}
.pad_3rd_004 {
     width: 21.1%;
     float: left;
}
.pad_3rd_005 {
     width: 29.2%;
     float: left;
}
.pad_3rd_006 {
     width: 29.5%;
     float: left;
}
.pad_3rd_007 {
     width: 20.2%;
     float: left;
}


.pad_4th_001 {
     width: 28.9%;
     float: left;
}
.pad_4th_002 {
     width: 32.1%;
     float: left;
}
.pad_4th_003 {
     width: 39.0%;
     float: left;
}


.pad_5th_001 {
     width: 28.9%;
     float: left;
}
.pad_5th_002 {
     width: 33.9%;
     float: left;
}
.pad_5th_003 {
     width: 37.2%;
     float: left;
}
.pad_5th_004 {
     width: 38.3%;
     float: left;
}
.pad_5th_005 {
     width: 29.8%;
     float: left;
}
.pad_5th_006 {
     width: 31.9%;
     float: left;
}


.pad_009 {
     padding-top: 3.5%;
     padding-bottom: 7.5%;
     padding-left: 7%;
     padding-right: 4%; 
}
.pad_010 {

}
.pad_011 {
     padding-top: 7.5%;
     padding-left: 7%;
     padding-right: 7%;
}
.pad_012_001 {
     background-color: #009a53;
     border-radius: 18px;
}
.pad_012_002 {
     background-color: #ed7200;
     border-radius: 18px;
}
.pad_012_003 {
     background-color: #0068b7;
     border-radius: 18px;
}
.pad_012_004 {
     background-color: #4a9511;
     border-radius: 18px;
}
.pad_012_005 {
     background-color: #ffffff;
     margin-left: 3%;
     margin-right: 3%;
}
.pad_012_006 {
     background-color: #ffffff;
     border-radius: 10px;
     margin-top: 8%;
     margin-bottom: 3%;
     margin-left: 3%;
     margin-right: 3%;
	padding-top: 3.5%;
	padding-bottom: 1%;
	padding-left: 8%;
	padding-right: 8%;
}
.pad_013 {
     padding-top: 2%;
     padding-bottom: 2%;
}
.pad_014 {
     background-color: #ffffff;
     border-radius: 13px;
     color: #ed7200;
     width: 100%;
     padding-top: 6%;
     padding-bottom: 6%;
     text-align: center;
     font-size: 180%;
     font-weight: 600;
}
.pad_015 {
	padding-top: 7%;
	padding-bottom: 4%;
	padding-left: 9%;
	padding-right: 9%;
	text-align: center;
}
.pad_016 {
	padding-top: 1%;
	padding-bottom: 4%;
	padding-left: 7%;
	padding-right: 7%;
}
.pad_017 {
     float: left;
     width: 47%;
     margin-right: 6%;
}
.pad_018 {
     float: left;
     width: 26%;
     margin-right: 11%;
}
.pad_019 {
     float: left;
     width: 47%;
}
.pad_020 {
	padding-left: 9.5%;
	padding-right: 9.5%;
	padding-bottom: 4%;
}


.smp_img_003 {
	background-image: url("../images/smp_img_003.jpg?20170627-1200");
	background-repeat: repeat-y;
	background-position: center top;
     background-size: contain;
}


.animation{
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 1s;
  width: 100%;
}
.keyframe1{
  animation-name: anim_v;
}

@keyframes anim_v {
  0% {
    transform: translate(0, 0px);
  }
  100% {
    transform: translate(0, 10px);
  }
}


#smp_gaiyo {
     padding-top: 10%;
	margin-top: -10%;
}


#pc_box02 {
	background-color: #FFFFFF;
	width: 100%;
     font-family: 'Noto Sans JP', sans-serif !important;
}


.sche_pad_01 {
     width: 100%;
     border-top: 1px #000000 solid;
     border-left: 1px #000000 solid;
     text-align: center;
     font-size: 80%;
     line-height: 160%;
}
.sche_pad_02 {
     border-right: 1px #000000 solid;
     border-bottom: 1px #000000 solid;
     padding-top: 3.5%;
     padding-bottom: 3.5%;
     padding-left: 1%;
     padding-right: 1%;
}
.sche_pad_02_b {
     border-right: 1px #ffffff solid;
     border-bottom: 1px #000000 solid;
     padding-top: 3.5%;
     padding-bottom: 3.5%;
     padding-left: 1%;
     padding-right: 1%;
     background-color: #000000;
     color: #FFFFFF;
}
.sche_pad_03 {
     width: 28%;
     border-right: 1px #000000 solid;
     border-bottom: 1px #000000 solid;
     padding-top: 3.5%;
     padding-bottom: 3.5%;
     padding-left: 1%;
     padding-right: 1%;
}
.sche_pad_03_b {
     width: 28%;
     border-right: 1px #ffffff solid;
     border-bottom: 1px #000000 solid;
     padding-top: 3.5%;
     padding-bottom: 3.5%;
     padding-left: 1%;
     padding-right: 1%;
     background-color: #000000;
     color: #FFFFFF;
}
.sche_pad_03_02 {
     font-size: 70%;
}
.sche_pad_03_03 {
     font-size: 90%;
}
.sche_pad_04 {
     width: 28%;
     border-right: 1px #000000 solid;
     border-bottom: 1px #000000 solid;
     padding-top: 3.5%;
     padding-bottom: 3.5%;
     padding-left: 1%;
     padding-right: 1%;
}
.sche_pad_04_b {
     width: 28%;
     border-right: 1px #ffffff solid;
     border-bottom: 1px #000000 solid;
     padding-top: 3.5%;
     padding-bottom: 3.5%;
     padding-left: 1%;
     padding-right: 1%;
     background-color: #000000;
     color: #FFFFFF;
}
.sche_pad_05 {
     width: 28%;
     border-right: 1px #000000 solid;
     border-bottom: 1px #000000 solid;
     padding-top: 3.5%;
     padding-bottom: 3.5%;
     padding-left: 1%;
     padding-right: 1%;
}
.sche_pad_05_b {
     width: 28%;
     border-right: 1px #000000 solid;
     border-bottom: 1px #000000 solid;
     padding-top: 3.5%;
     padding-bottom: 3.5%;
     padding-left: 1%;
     padding-right: 1%;
     background-color: #000000;
     color: #FFFFFF;
}



.pad01 {
     margin-top: 12px;
}
.pad01_02 {
     margin-top: 12px;
}
.pad02 {
     background-color: #ffffff;
     padding-bottom: 9px;
}
.pad02_02 {
     background-color: #c59b53;
     padding-bottom: 1px;
}
.pad03 {

}
.pad03_02 {

}
.pad04 {
     width: 25.2%;
     float: left;
}
.pad05 {
     width: 30.4%;
     float: left;
}
.pad06 {
     width: 44.4%;
     float: left;
}
.pad07 {
     width: 15.4%;
     float: left;
}
.pad08 {
     width: 34.6%;
     float: left;
}
.pad09 {
     width: 31.4%;
     float: left;
}

.pad09_01 {
     width: 29.4%;
     float: left;
}
.pad09_02 {
     width: 35.0%;
     float: left;
}
.pad09_03 {
     width: 35.6%;
     float: left;
}
.pad09_04 {
     width: 13.6%;
     float: left;
}
.pad09_05 {
     width: 36.6%;
     float: left;
}
.pad09_06 {
     width: 36.5%;
     float: left;
}
.pad09_07 {
     width: 13.3%;
     float: left;
}


.pad09_4th_01 {
     width: 29.4%;
     float: left;
}
.pad09_4th_02 {
     width: 35.0%;
     float: left;
}
.pad09_4th_03 {
     width: 35.6%;
     float: left;
}
.pad09_4th_04 {
     width: 39.5%;
     float: left;
}
.pad09_4th_05 {
     width: 29.8%;
     float: left;
}
.pad09_4th_06 {
     width: 30.7%;
     float: left;
}


.pad09_5th_01 {
     width: 26.6%;
     float: left;
}
.pad09_5th_02 {
     width: 35.5%;
     float: left;
}
.pad09_5th_03 {
     width: 37.9%;
     float: left;
}



.pad10 {
     width: 18.6%;
     float: left;
}
.pad10_01 {
     width: 25.2%;
     float: left;
}
.pad10_02 {
     width: 30.4%;
     float: left;
}
.pad10_03 {
     width: 44.4%;
     float: left;
}
.pad10_04 {
     width: 35.0%;
     float: left;
}
.pad10_05 {
     width: 32.8%;
     float: left;
}
.pad10_06 {
     width: 32.2%;
     float: left;
}


.pad10_btm {
     border-bottom: 1px #c59b53 solid;
}


.pad11 {
	background-image: url("../images/smp_2023_img_08.jpg?20170627-1157");
	background-repeat: no-repeat;
	background-position: center top;
     background-size: contain;
     background-color: #ffffff;
     position: relative;
}
.pad11_box {
     color: #ffffff;
     position: absolute;
     right: 10px;
     bottom: 7px;
     font-size: 45%;
     font-weight: 400;
     z-index: 100;
}


.pad12 {
     background-color: #ffffff;
     padding-top: 6.5%;
}
.pad13 {

}
.pad14 {

}


.pad15 {
     background-color: #ffffff;
     padding-top: 11px;
}
.pad16 {
     background-color: #005731;
     padding-top: 11px;
     border-top: 3px #c59b53 solid;
}
.pad16_02 {
     background-color: #2a6538;
     padding-top: 15px;
     border-top: 3px #c59b53 solid;
}
.pad16_03 {
     background-color: #416d3c;
     padding-top: 15px;
     border-top: 3px #c59b53 solid;
}
.pad16_04 {
     background-color: #4d7f44;
     padding-top: 15px;
     border-top: 3px #c59b53 solid;
}
.pad17 {
     border-top: 1px #c59b53 solid;
}
.pad18 {
	background-image: url("../images/pc_2023_bg_02.png?20170627-1150");
	background-repeat: no-repeat;
	background-position: center bottom;
}
.pad19 {
     padding-top: 8%;
     padding-bottom: 5%;
}
.pad19_02 {
     padding-top: 8%;
     padding-bottom: 5%;
}
.pad20 {
     font-size: 180%;
     font-weight: 800;
     text-align: center;
     color: #ffffff;
     letter-spacing: 0.3em;
}
.pad21 {
     font-size: 45%;
     font-weight: 700;
     padding-top: 2.8%;
     text-align: center;
     color: #ffffff;
     letter-spacing: 0.3em;
}
.pad22 {
     font-size: 235%;
     line-height: 140%;
     font-weight: 700;
     text-align: center;
     color: #ffffff;
     padding-top: 7%;
}

.pad25 {
     font-size: 110%;
     line-height: 195%;
     font-weight: 400;
     text-align: center;
     color: #ffffff;
     padding-top: 4%;
	padding-bottom: 9%;
     padding-left: 8.5%;
     padding-right: 8.5%;
}

.pad26 {
	padding-top: 7%;
	color: #ffffff;
	font-size: 130%;
	line-height: 180%;
	font-weight: 600;
	text-align: center;
	text-shadow: none !important;
	padding-left: 10%;
	padding-right: 10%;
}
.pad27 {
	padding-top: 5%;
	color: #ffffff;
	font-size: 85%;
	line-height: 175%;
	text-align: center;
	text-shadow: none !important;
	padding-left: 8%;
	padding-right: 8%;
}
.pad28 {
	padding-top: 7%;
	padding-bottom: 3%;
	padding-left: 7%;
	padding-right: 7%;
	text-align: center;
}
.pad29 {
	padding-top: 9%;
	padding-left: 10%;
	padding-right: 10%;
	text-align: center;
}
.pad29_02 {
	padding-top: 1%;
	padding-left: 7.5%;
	padding-right: 7.5%;
	text-align: center;
}


.pad30 {

}


#pad32 {
	padding-top: 6%;
	padding-bottom: 5%;
	padding-left: 30%;
	padding-right: 30%;
}
.pad32_02 {
	padding-top: 10%;
}
.pad32_03 {
	padding-top: 5%;
	font-size: 110%;
	font-weight: 700;
     text-align: center;
     color: #000000;
}
#pad33 {
     float: left;
     width: 42%;
     margin-right: 16%;
}
#pad34 {
     float: left;
     width: 26%;
     margin-right: 11%;
}
#pad35 {
     float: left;
     width: 42%;
}


.pad36 {
     font-size: 120%;
}
.pad37 {
     font-size: 80%;
     line-height: 200%;
}
.pad37_02 {
     font-size: 90%;
     line-height: 200%;
     color: #FFFFFF;
     padding-top: 8%;
     padding-bottom: 5%;
}
.pad38 {
     font-size: 98%;
     border: 1px #ffffff solid;
     padding-top: 2%;
     padding-bottom: 2%;
     padding-left: 4%;
     padding-right: 2%;
}
.pad39 {
     padding-top: 4.5%;
     padding-bottom: 7%;
}
.pad40 {
     padding-top: 8.5%;
     padding-bottom: 3%;
     padding-left: 8%;
     padding-right: 8%;
}


.pad47 {
     padding-top: 8.5%;
     padding-bottom: 3%;
     padding-left: 15%;
     padding-right: 15%;
}


.pad48 {
     width: 100%;
     border-bottom: 1px #ffffff dotted;
}
.pad48_none {
     width: 100%;
}
.pad49 {
     padding-top: 5%;
     padding-bottom: 5%;
}
.pad50 {
     padding-top: 6%;
     padding-left: 17%;
     padding-right: 30%;
}
.pad50 a:hover {
     opacity: 0.7;
}
.pad50 img {
     border-left: 20px #ffffff solid;
     border-right: 20px #ffffff solid;
     border-top: 10px #ffffff solid;
     border-bottom: 10px #ffffff solid;
}
.pad51 {
     width: 100%;
     text-align: center;
}
.pad52 {
	font-size: 150%;
	line-height: 190%;
	font-weight: 600;
     color: #ffffff;
     padding-top: 4%;
}
.pad53 {
	font-size: 60%;
}
.pad54 {
	font-size: 95%;
	line-height: 190%;
	font-weight: 400;
     padding-top: 0.5%;
     padding-bottom: 4%;
}



#table01 {
	width: 100%;
}
#table01 .td01 {
     display: block;
	width: 100%;
	color: #ffffff;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #ffffff;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ffffff;
	font-size: 90%;
	line-height: 170%;
	font-weight: bold;
	text-align: center;
	padding-top: 4%;
	padding-bottom: 4%;
}
#table01 .td02 {
     display: block;
	width: 100%;
	color: #ffffff;
	font-size: 105%;
	line-height: 190%;
	text-align: center;
	padding-top: 4%;
	padding-bottom: 11%;
}


#olpad01 {
     background-color: #FFFFFF;
}
#olpad01 a:hover {
     opacity: 0.8;
}
#olpad02 {
     color: #000000;
     font-size: 120%;
     line-height: 180%;
     font-weight: 600;
     text-align: center;
     background-color: #FFFFFF;
	padding-left: 10%;
	padding-right: 10%;
	padding-top: 4%;
	padding-bottom: 8%;
}
#olpad04 {
     text-align: center;
	padding-left: 15%;
	padding-right: 15%;
	padding-top: 2%;
	padding-bottom: 11%;
     background-color: #FFFFFF;
}
#olpad04 a:hover {
     opacity: 0.6;
}


.olpad05 {
     padding-top: 8%;
}
.olpad05_02 {
	padding-left: 8%;
	padding-right: 8%;
}
.olpad06 {
     color: #007c40;
     font-size: 200%;
     line-height: 150%;
     font-weight: 800;
     text-align: center;
     padding-bottom: 2%;
}
.olpad07 {
     color: #000000;
     font-size: 120%;
     line-height: 190%;
     font-weight: 400;
     text-align: center;
     padding-bottom: 2%;
}
.olpad08 {
     color: #000000;
     font-size: 95%;
     line-height: 180%;
     font-weight: 400;
     text-align: center;
     padding-bottom: 6%;
}
.olpad09 {
     padding-left: 10%;
     padding-right: 10%;
}
.olpad10 {
     padding-top: 9%;
     padding-bottom: 6%;
}
.olpad10_t {
     padding-top: 8%;
     padding-bottom: 6%;
     padding-left: 14%;
     padding-right: 14%;
}
.olpad11 {
     color: #000000;
     font-size: 150%;
     line-height: 180%;
     font-weight: 600;
     text-align: center;
     padding-bottom: 2%;
}
.olpad12 {
     color: #000000;
     font-size: 100%;
     font-weight: 400;
     text-align: center;
     padding-bottom: 8%;
}
.olpad12_02 {
     font-size: 100%;
     line-height: 180%;
     font-weight: 400;
     text-align: center;
     padding-bottom: 10%;
}
.olpad12_02 a {
     color: #007c40;
     text-decoration: underline;
}
.olpad12_02 a:hover {
     color: #007c40;
     text-decoration: none;
}
.olpad12_02 a:visited {
     color: #007c40;
     text-decoration: underline;
}

.olpad13 {
     font-size: 60%;
}
.olpad14 {
     color: #007c40;
     font-size: 100%;
     line-height: 180%;
     font-weight: 800;
     text-align: center;
}
.olpad15 {
     color: #007c40;
     font-size: 220%;
     line-height: 180%;
     font-weight: 800;
     text-align: center;
     padding-top: 3%;
}
.olpad15_02 {
     color: #007c40;
     font-size: 220%;
     line-height: 150%;
     font-weight: 800;
     text-align: center;
     padding-top: 1%;
}
.olpad15a {
     color: #007c40;
     font-size: 220%;
     line-height: 150%;
     font-weight: 800;
     text-align: center;
     padding-bottom: 6%;
}
.olpad16 {
     color: #000000;
     font-size: 120%;
     line-height: 190%;
     font-weight: 400;
     text-align: center;
     padding-bottom: 6%;
}
.olpad16_02 {
     color: #000000;
     font-size: 100%;
     line-height: 190%;
     font-weight: 400;
     text-align: center;
}
.olpad17 {
     padding-left: 10%;
     padding-right: 10%;
     padding-bottom: 6%;
}
.olpad17_a {
     padding-left: 10%;
     padding-right: 10%;
     padding-bottom: 13%;
}
.olpad17_b {
     padding-left: 10%;
     padding-right: 10%;
     padding-top: 6%;
     padding-bottom: 10%;
}
.olpad18_a {
     width: 100%;
     padding-bottom: 8%;
}
.olpad18_b {
     width: 100%;
     float: left;
     padding-bottom: 8%;
}
.olpad19 {
     color: #000000;
     font-size: 110%;
     font-weight: 600;
     text-align: center;
     padding-top: 4%;
}
.olpad19_a {
     color: #000000;
     font-size: 135%;
     font-weight: 600;
     text-align: center;
     padding-bottom: 4%;
}
.olpad19_b {
     color: #000000;
     font-size: 135%;
     font-weight: 600;
     text-align: center;
     padding-top: 10%;
     padding-bottom: 4%;
}
.olpad20 {
     color: #ffffff;
     font-size: 220%;
     line-height: 180%;
     font-weight: 800;
     text-align: center;
     padding-top: 3%;
     padding-bottom: 2.5%;
}


.olpad21 {
     padding-bottom: 15%;
}
.olpad22 {
     color: #000000;
     font-size: 170%;
     line-height: 140%;
     font-weight: 800;
     text-align: center;
     padding-top: 5%;
     padding-bottom: 6.5%;
     border-top: 3px #000000 solid;
     position: relative;
     border-bottom: 1px solid #000;
     background-color: #6dc8e2;
     letter-spacing: 0.05em;
}
.olpad22:before {
     position: absolute;
     top: 100%;
     left: 50%;
     transform: translateX(-50%) skew(-25deg);
     height: 13px;
     width: 12px;
     border-right: 1px solid #000;
     background-color: #6dc8e2;
     content: "";
}



.olpad22_mini {
     font-size: 50%;
}
.olpad23 {
     padding-top: 9%;
     padding-bottom: 4%;
}
.olpad24 {
     width: 100%;
     float: left;
     padding-top: 6%;
     padding-bottom: 9%;
}
.olpad25 {
     width: 100%;
     float: left;
     font-size: 105%;
     line-height: 200%;
     font-weight: 400;
}
.olpad25_a {
     width: 100%;
     float: left;
     font-size: 105%;
     line-height: 200%;
     font-weight: 400;
     text-align: center;
}
.olpad25_00 {
     font-size: 150%;
     line-height: 160%;
     font-weight: 700;
     padding-bottom: 3%;
}
.olpad25_00_02 {
     padding-top: 2%;
     padding-bottom: 5%;
}
.olpad26 {
     padding-top: 4%;
     padding-bottom: 3%;
     text-align: center;
}
.olpad26 a {
     color: #000000;
     border: 1px #000000 solid;
     border-radius: 5px;
     padding-top: 1.2%;
     padding-bottom: 1.5%;
     padding-left: 9%;
     padding-right: 9%;
     text-decoration: none;
     font-size: 80%;
     line-height: 300%;
     letter-spacing: 0.2em;
}


.olpad26_center {
     padding-top: 4%;
     padding-bottom: 3%;
     text-align: center;
}
.olpad26_center a {
     color: #000000;
     border: 1px #000000 solid;
     border-radius: 5px;
     padding-top: 1.2%;
     padding-bottom: 1.5%;
     padding-left: 9%;
     padding-right: 9%;
     text-decoration: none;
     font-size: 80%;
     line-height: 300%;
     letter-spacing: 0.2em;
}
.olpad26_right {
     margin-bottom: 3.5%;
}


.olpad27 {

}
.olpad28 {
     padding-top: 2%;
     width: 100%;     
}
.olpad28 img {
     width: 100%; 
     height: auto;
     border-radius: 10px;
}


.olpad29 {
     width: 100%;
     float: left;
     padding-bottom: 4%;
}
.olpad29_02 {
     width: 100%;
     float: left;
     padding-bottom: 4%;
}
.olpad30 {
     width: 100%;
     float: left;
     padding-bottom: 4%;
}
.olpad30_02 {
     width: 100%;
     float: left;
     padding-bottom: 4%;
}
.olpad31 {
     width: 100%;
     float: left;
}
.olpad31_02 {
     width: 100%;
     float: left;
     padding-bottom: 2%;
}


.olpad32 {
     padding-top: 9%;
     padding-left: 6%;
     padding-right: 6%;
}
.olpad33 {
     padding-left: 10%;
     padding-right: 10%;
     padding-top: 10%;
     padding-bottom: 10%;
}
.olpad34 {
     padding-left: 30%;
     padding-right: 30%;
}
.olpad34_02 {
     font-size: 140%;
     font-weight: 800;
     text-align: center;
}
.olpad35 {

}
.olpad35 img {
     width: 100%;
     height: auto;
}
.olpad35_02 {
     padding-top: 11%;
}
.olpad35_02 img {
     width: 100%;
     height: auto;
}
.olpad36 {

}
.olpad36_02 {
     padding-top: 2%;
}
.olpad36_04 {

}
.olpad36_05 {
     padding-top: 2%;
}
.olpad36_06 {
     padding-top: 2%;
     padding-bottom: 3%;
}


.olpad37 {
     padding-top: 2%;
}
.olpad37_05 {
     padding-top: 2%;
}
.olpad38 {
     padding-top: 10%;
     padding-bottom: 10%;
     border-bottom: 1px #007c40 dotted;
}
.olpad38_02 {
     padding-top: 10%;
     padding-bottom: 10%;
}
.olpad38_002 {
     margin-top: 8%;
     margin-bottom: 10%;
     background-color: #ffffff;
}
.olpad38_003 {
     margin-top: 8%;
     margin-bottom: 10%;
     padding-left: 8%;
     padding-right: 8%;
     padding-top: 8%;
     padding-bottom: 8%;
     background-color: #ffffff;
}

.olpad39 {
     padding-top: 7%;
}
.olpad40 {
     font-size: 105%;
     line-height: 210%;
     font-weight: 400;
     text-align: center;
     padding-top: 2.5%;
}
.olpad41 {
     font-size: 85%;
     line-height: 210%;
     font-weight: 400;
     text-align: center;
     padding-top: 2.5%;
}
.olpad41_02 {
     font-size: 85%;
     line-height: 210%;
     font-weight: 400;
     text-align: center;
     padding-top: 5%;
}
.olpad41_03 {
     font-size: 70%;
     line-height: 210%;
     font-weight: 400;
     text-align: center;
     padding-top: 5%;
}
.olpad42 {
     font-size: 65%;
     font-weight: 400;
     text-align: center;
     padding-top: 3.5%;
     padding-bottom: 3%;
}


.olpad43 {
     padding-top: 11%;
     padding-bottom: 1.5%;
     padding-left: 20%;
     padding-right: 20%;
}
.olpad43 a {
     text-decoration: none !important;
}
.olpad43 a:hover {
     opacity: 0.7;
     text-decoration: none !important;
}
.olpad43 a:visited {
     text-decoration: none !important;
}


.olpad44 {
     padding-top: 6%;
     padding-bottom: 6%;
     font-size: 110%;
     font-weight: 500;
     text-align: center;
     color: #FFFFFF;
     background-color: #000000;
}
.olpad45 {
     padding-top: 6%;
     padding-bottom: 3%;
     font-size: 85%;
     line-height: 180%;
     font-weight: 400;
     text-align: center;
}


.sht_bbb01 {
     width: 100%;
}
.sht_ddd01 {
     width: 100%;
     display: block;
     vertical-align: middle;
     text-align: center;
}
.sht_ddd02 {
     padding-top: 10%;
     padding-bottom: 10%;
     padding-left: 9%;
     padding-right: 9%;
     background-color: #ffffff;
     border-radius: 10px;
}
.sht_ddd02 img {
     width: 100%;
     height: auto;
}
.sht_ddd03 {
     vertical-align: top;
     font-size: 105%;
     line-height: 200%;
     width: 100%;
     display: block;
}
.sht_ddd04 {
     padding-top: 7%;
     text-align: center;
}


.poppad01 {
	padding-top: 10%;
	padding-bottom: 4%;
	padding-left: 7.5%;
	padding-right: 7.5%;
}
.poppad02 {
	font-size: 95%;
	line-height: 180%;
     font-weight: 500;
     border: #000000 1px solid;
	padding-left: 4%;
	padding-right: 4%;
	padding-top: 1.5%;
	padding-bottom: 1.5%;
}
.poppad03 {
	padding-top: 2%;
	padding-left: 3%;
	padding-bottom: 7%;
	font-size: 95%;
	line-height: 190%;
     font-weight: 400;
}
.poppad03 li{
	margin-top: 2%;
	padding-left: 12px;
	background-image: url(../images/listmark02.png);
	background-repeat: no-repeat;
	background-position: left 0.6em;
}
.poppad06 {
	margin-left: 2%;
	font-size: 75%;
	line-height: 210%;
     font-weight: 400;
}
.poppad06 li{
	margin-top: 2%;
	padding-left: 12px;
	background-image: url(../images/listmark02.png);
	background-repeat: no-repeat;
	background-position: left 0.8em;
}
.poppad08 {
	margin-top: 5%;
}
.poppad09 {
	font-size: 130%;
	line-height: 170%;
     font-weight: 700;
	padding-top: 4%;
	padding-bottom: 4%;
	margin-bottom: 12%;
     text-align: center;
     border-top: 2px #000000 solid;
     border-bottom: 1px #727272 dotted;
}
.poppad10 {
	padding-top: 6%;
}
.poppad11 {
	font-size: 70%;
     line-height: 180%;
	padding-top: 6%;
	padding-bottom: 8%;
}



/* 　Y 軸（横へ） */
.rotateY{
  animation-name: rotateYAnime;
  animation-duration: 2s;
  animation-fill-mode: forwards;
}
@keyframes rotateYAnime{
  from{
    transform: rotateY(0);
    }
  to{
    transform: rotateY(-720deg);
    }
}
.anim-box.poyopoyo {
  animation: poyopoyo 2s ease-out infinite;
  opacity: 1;
}
@keyframes poyopoyo {
  0%, 40%, 60%, 80% {
    transform: scale(1.0);
  }
  50%, 70% {
    transform: scale(0.95);
  }
}


.movie {
	display: block;
	position: relative;
	width: 100%;
	padding-top: calc(9 / 16 * 100%);
	margin: 0.5% auto;
	background-size: contain;
}
.movie .tvo-video {
	position: absolute;
	width: 100%;
	height: 100%;
	top:0 ;
	right: 0;
}



.background-hack {
    z-index                 : -1;
    background-color        : #89caac;
    background-repeat       : no-repeat;
    background-size         : 100% auto;
    position                : fixed;
    top                     : 0;
    left                    : 0;
    right                   : 0;
    bottom                  : 0;
}






#smp_page-top {
     position: fixed;
     bottom: 0px;
     right: 0px;
     width: 48px;
	height: 48px;
	z-index: 9999;
}
.fixed {
	position: fixed;
	top: 0px;
}

.small01 {
	font-size: 70%;
}




@font-face {
  font-family: 'Noto Sans JP ea';
  font-style: normal;
  font-weight: 100;
  font-display: swap;
  src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Thin.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Thin.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Thin.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans JP ea';
   font-style: normal;
   font-weight: 300;
   font-display: swap;
   src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-DemiLight.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-DemiLight.woff) format('woff'),
		url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-DemiLight.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans JP ea';
   font-style: normal;
   font-weight: 400;
   font-display: swap;
   src: local('NotoSansJP-Regular.otf'),
        url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff2) format('woff2'),
		url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.woff) format('woff'),
		url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Regular.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans JP ea';
   font-style: normal;
   font-weight: 500;
   font-display: swap;
   src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Medium.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans JP ea';
   font-style: normal;
   font-weight: 700;
   font-display: swap;
   src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Bold.otf) format('opentype');
}
@font-face {
   font-family: 'Noto Sans JP ea';
   font-style: normal;
   font-weight: 900;
   font-display: swap;
   src: url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjp/v5/NotoSansJP-Black.otf) format('opentype');
}

body{
  font-family: 'Noto Sans CJK JP', 'Noto Sans JP ea', sans-serif;
} 


}