@charset "UTF-8";
/*初期設定
----------------------------------------------------*/
html {
	position: relative;
	overflow-y: scroll;
	-webkit-overflow-scrolling: touch;
}
body {
background-color: #ce69a5;
    width: auto;
    margin:0 auto;
    color:#9b5000;
    font-family: 'Shin Maru Go DemiBold';
    overflow:hidden;
}
.text_top{
    text-align: center;
        font-size:25px ;
    color:#eb6ea5;
	text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;
	margin:10px auto;
}
.text_top2{
width:90%;
    text-align: left;
        font-size:17px ;
    color:#301d01;
	margin:3%;
}
.text_top0{
    text-align: center;
        font-size:33px ;
    color:#eb6ea5;
	text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;
	margin:10px auto;
}
.text_top01{
    text-align: left;
        font-size:16px ;
    color:#41a9df;
    width: 80%;
	text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;
	margin:10px auto;
}
.text_top01 .img{
       width: 30%;
    margin:0 auto;
       text-align: center;
    }
.text_top01 .img img{
       width: 90%;
    margin:0 auto;
       text-align: center;
    }
.text_top02{
    text-align: center;
        font-size:33px ;
    color:#2b59bf;
	text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff;
	margin:10px auto;
}
.toptext {
    font-size:16px ;
    width: 90%;
    margin:0 auto;
    text-align: left;
        color:#45a8dc;
}
.boxform {
    padding: 0.2em 0.5em;
    margin: 2em 0;
    text-align: center;
    color:#eb6ea5;
    background:#fff8db;
    box-shadow: 2px 2px 3px #000, 0px 0px 10px #ffe9b4 inset;
	border: solid 2px white;
}
.boxform p {
    margin: 0; 
    padding: 0;
}

.blink {
	animation: blinking 1s ease-in-out infinite alternate;
}
 
@keyframes blinking {
	0% {opacity: 0;}
	100% {opacity: 1;}
}



.boxform_mystery {
    font-size:20px ;
    width: 90%;
    padding:20px auto;
    margin:10px auto;
    text-align: center;
    color:#eb6ea5;
	background: #fbcbc6;
    width: auto;
    margin:0 auto;
    background-repeat: repeat;
    background-size:565px;
	background-image: url(img/back.png);
}
.main_img {
    font-size:20px ;
    width: 100%;
    margin:-20px auto;
    text-align: center;
}
.main_img img{
    font-size:20px ;
    width: 100%;
    margin:0 auto;
    text-align: center;
}
.main_img2 {
    font-size:20px ;
    width: 100%;
    margin:5px auto;
    text-align: center;
}
.main_img2 img{
    font-size:20px ;
    width: 100%;
    margin:0 auto;
    text-align: center;
}
.nazo {
    font-size:18px ;
    width: 100%;
    background-color: #802F90;
    margin:10px auto;
    text-align: center;
    color:#D9C778;
}
.sub_img {
    font-size:20px ;
    width: 100%;
    margin:-10px auto -30px ;
    text-align: center;
}
.sub_img img{
    font-size:20px ;
    width: 100%;
    margin:0 auto;
    text-align: center;
}
.sub2_img {
    font-size:20px ;
    width: 100%;
    margin:10px auto ;
    text-align: center;
}
.sub2_img img{
    font-size:20px ;
    width: 100%;
    margin:0 auto;
    text-align: center;
}
.sub3_img {
    font-size:20px ;
    width: 100%;
    margin:5px auto -30px;
    text-align: center;
}
.sub3_img img{
    font-size:20px ;
    width: 30%;
    margin:0 auto;
    text-align: center;
}
.sub4_img {
    font-size:14px ;
    width: 100%;
    margin:20px auto ;
    text-align: left;
    color:red;
}
.sub4_img img{
    font-size:20px ;
    width: 100%;
    margin:0 auto;
    text-align: center;
}
.inform {
    font-size:20px ;
    width: 95%;
    margin:0 auto;
    text-align: center;
}
.lineimg {
  width: auto;
  height: 50px;
background-repeat: repeat;
background-image: url(img/box.jpg);
  margin-bottom: 0px;
        vertical-align:top;
    display: block;
}
.lineimg2 {
  width: auto;
  height: 50px;
background-repeat: repeat;
background-image: url(img/box.jpg);
  margin-bottom: 0px;
    vertical-align:top;
    display: block;
}
a.btn_04 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 70%;
  height: 50px;
  position: relative;
  background: #ee65a1;
  border: 1px solid #ee65a1;
  box-sizing: border-box;
  padding: 0 25px 0 40px;
  color: #fff;
  margin:0 auto;
  font-size: 16px;
  letter-spacing: 0.1em;
  line-height: 1.3;
  text-align: left;
  text-decoration: none;
  transition-duration: 0.3s;
}
a.btn_04:before {
  content: '';
  width: 8px;
  height: 8px;
  border: 0;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: rotate(45deg);
  position: absolute;
  top: 50%;
  left: 25px;
  margin-top: -6px;
}
a.btn_04:hover {
  background: #fff;
  color: #228bc8;
}
a.btn_04:hover:before {
  border-top: 2px solid #228bc8;
  border-right: 2px solid #228bc8;
}
a.btn_04:visited {
  color: #228bc8;
}
td{
  width: 50px;
  height:40px;
      margin:10px auto ;
      padding:10px auto ;
          text-align: center;
}
tr{
      margin:20px auto;
          text-align: center;
                padding:10px auto 30px;
}
/*ボタン*/
.button {
  display       : inline-block;
  border-radius : 5%;          /* 角丸       */
  font-size     : 18pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 12px 12px;   /* 余白       */
  background    : #ff4da6;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  box-shadow    : 2px 2px 3px #666666;  /* 影の設定 */
  border        : 2px solid #ff4da6;    /* 枠の指定 */
}
.button:hover {
  box-shadow    : none;        /* カーソル時の影消去 */
  color         : #ff4da6;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}
#text2{
    height: 20px;
    width: 20px;
    top: 0; left: 0; bottom: 0; right: 0;
    border-radius: 3px; /*ボックス角の丸み*/
    border: 2px solid #f1a4c4; /*枠線*/
    padding: 10px;
    font-size: 16px;
}
.top {
    max-width: 960px;
    width: 50%;
    margin: 30px auto 30px auto;
}
.top img {
    width: 100%;
}
#spl_footer {
    color:#fff;
    width: 95%;
     margin:0px auto ;
        text-align: left;
    font-size:13px;
}
#spl_footer p{
    width: 60%;
 margin:10px auto ;
    text-align: center;
    font-size:13px;
    line-height:1.5em;
}
.sec_inner {
width: 90%;
    text-align: center;
padding:10px auto;
margin: 0 auto;
}
.sec_inner .movie {
width: 100%;
margin: 0 auto;
}
/*改行*/
@media screen and (min-width: 680px){   
  .pc { display:block; }
  .sp { display:none; }
}
@media screen and (max-width: 680px){   
  .pc { display:none; }
  .sp { display:block; }
}
/*YouTube*/
.iframe-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* アスペクト比16:9の場合 */
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: 2rem; /* YouTubeの下に余白をつける */
}
.iframe-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.img_qr{
       width: 30%;
    margin:0 auto;
       text-align: center;
    }
.img_qr img{
       width: 80%;
    margin:0 auto;
       text-align: center;
    }
@media screen and (min-width:480px) { 
.main_img {
    max-width: auto;
    width: 100%;
    margin: -0px auto 30px auto;
}
.main_img2 {
    max-width: auto;
    width: 100%;
    margin: 0px auto 30px auto;
}
.sub_img {
    max-width: auto;
    width: 100%;
    margin: 20px auto 30px auto;
}
 .sub_img img{
    font-size:20px ;
    width: 100%;
    margin:20px auto;
    text-align: center;
}
.sub2_img {
    max-width: auto;
    width: 100%;
    margin: 20px auto 30px auto;
}
 .sub2_img img{
    font-size:20px ;
    width: 100%;
    margin:20px auto;
    text-align: center;
}
.sub3_img {
    max-width: auto;
    width: 100%;
    margin: -20px auto -30px auto;
}
 .sub3_img img{
    font-size:20px ;
    width: 20%;
    margin:20px auto;
    text-align: center;
}
.text_top2{
width:90%;
    text-align: left;
        font-size:15px ;
}
.boxform {
    font-size:18px ;
    width: 90%;
    padding:20px auto;
    margin:10px auto;
    text-align: left;
}
.boxform_mystery {
    font-size:18px ;
    width: 90%;
    padding:20px auto;
    margin:10px auto;
    text-align: left;
    color:#eb6ea5;
	background: #fbcbc6;
    width: auto;
    margin:0 auto;
    background-repeat: repeat;
    background-size:565px;
background-image: url(img/back.png);
}
.toptext {
    font-size:15px ;
    width: 90%;
    margin:0 auto;
    text-align: left;
}

.lineimg {
  margin-bottom: 0px;
}
.lineimg2 {
vertical-align:top;
}
.sec_inner {
width: 90%;
margin: 0 auto !important;
font-size:15px;
}
    .text_top01 .img{
       width: 50%;
    margin:0 auto;
       text-align: center;
    }
.img_qr img{
       width: 50%;
    margin:0 auto;
       text-align: center;
    }
}