@charset "utf-8"; /* ==========================================
 共通
============================================*/
.movie-wrap {
    position: relative;
    padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
    height: 0;
    overflow: hidden;
  }

  .head-wrap{
margin: 0 auto;
max-width: 840px;

  }

  .movie-wrap iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
  }

/*.post p{ margin-bottom: 10px;}*/

.mar0{margin: 0 auto;
    max-width: 840px;
    height: auto;
    /* flex: content; */
    display: block;
    display: flex;
    justify-content: center;
}

.f-right{float: right;}

.clear_box{clear: both;}

.mt-0{
  margin-top:0!important;
  }
  .mb-0{
    margin-top:0!important;
    }

.mt-10{
margin-top:10px!important;
}
.mb-10{
margin-bottom:10px!important;
}
.mr-10{
margin-right:10px!important;
}
.ml-10{
margin-left:10px!important;
}
.mt-20{
margin-top:20px!important;
}
.mb-20{
margin-bottom:20px!important;
}
.mr-20{
margin-right:20px!important;
}
.ml-20{
margin-left:20px!important;
}
.mt-30{
margin-top:30px!important;
}
.mb-30{
margin-bottom:30px!important;
}
.mr-30{
margin-right:30px!important;
}
.ml-30{
margin-left:30px!important;
}
.mt-40{
margin-top:40px!important;
}
.mb-40{
margin-bottom:40px!important;
}
.mr-40{
margin-right:40px!important;
}
.ml-40{
margin-left:40px!important;
}
.mt-50{
margin-top:50px!important;
}
.mb-50{
margin-bottom:50px!important;
}
.mr-50{
margin-right:50px!important;
}
.ml-50{
margin-left:50px!important;
}
.mt-60{
margin-top:60px!important;
}
.mb-60{
margin-bottom:60px!important;
}
.mr-60{
margin-right:60px!important;
}
.ml-60{
margin-left:60px!important;
}
.mt-70{
margin-top:70px!important;
}
.mb-70{
margin-bottom:70px!important;
}
.mr-70{
margin-right:70px!important;
}
.ml-70{
margin-left:70px!important;
}
.mt-80{
margin-top:80px!important;
}
.mb-80{
margin-bottom:80px!important;
}
.mr-80{
margin-right:80px!important;
}
.ml-80{
margin-left:80px!important;
}
.mt-90{
margin-top:90px!important;
}
.mb-90{
margin-bottom:90px!important;
}
.mr-90{
margin-right:90px!important;
}
.ml-90{
margin-left:90px!important;
}
.mt-100{
margin-top:100px!important;
}
.mb-100{
margin-bottom:100px!important;
}
.mr-100{
margin-right:100px!important;
}
.ml-100{
margin-left:100px!important;
}
.mt-10{
padding-top:10px!important;
}
.mb-10{
padding-bottom:10px!important;
}
.mr-10{
padding-right:10px!important;
}
.ml-10{
padding-left:10px!important;
}
.mt-20{
padding-top:20px!important;
}
.mb-20{
padding-bottom:20px!important;
}
.mr-20{
padding-right:20px!important;
}
.ml-20{
padding-left:20px!important;
}
.mt-30{
padding-top:30px!important;
}
.mb-30{
padding-bottom:30px!important;
}
.mr-30{
padding-right:30px!important;
}
.ml-30{
padding-left:30px!important;
}
.mt-40{
padding-top:40px!important;
}
.mb-40{
padding-bottom:40px!important;
}
.mr-40{
padding-right:40px!important;
}
.ml-40{
padding-left:40px!important;
}
.mt-50{
padding-top:50px!important;
}
.mb-50{
padding-bottom:50px!important;
}
.mr-50{
padding-right:50px!important;
}
.ml-50{
padding-left:50px!important;
}
.mt-60{
padding-top:60px!important;
}
.mb-60{
padding-bottom:60px!important;
}
.mr-60{
padding-right:60px!important;
}
.ml-60{
padding-left:60px!important;
}
.mt-70{
padding-top:70px!important;
}
.mb-70{
padding-bottom:70px!important;
}
.mr-70{
padding-right:70px!important;
}
.ml-70{
padding-left:70px!important;
}
.mt-80{
padding-top:80px!important;
}
.mb-80{
padding-bottom:80px!important;
}
.mr-80{
padding-right:80px!important;
}
.ml-80{
padding-left:80px!important;
}
.mt-90{
padding-top:90px!important;
}
.mb-90{
padding-bottom:90px!important;
}
.mr-90{
padding-right:90px!important;
}
.ml-90{
padding-left:90px!important;
}
.mt-100{
padding-top:100px!important;
}
.mb-100{
padding-bottom:100px!important;
}
.mr-100{
padding-right:100px!important;
}
.ml-100{
padding-left:100px!important;
}

.pr-5{
  padding-right:5px!important;
  }
  .pl-5{
    padding-left:5px!important;
    }


.pt-10{
padding-top:10px!important;
}
.pb-10{
padding-bottom:10px!important;
}
.pr-10{
padding-right:10px!important;
}
.pl-10{
padding-left:10px!important;
}
.pt-20{
padding-top:20px!important;
}
.pb-20{
padding-bottom:20px!important;
}
.pr-20{
padding-right:20px!important;
}
.pl-20{
padding-left:20px!important;
}
.pt-30{
padding-top:30px!important;
}
.pb-30{
padding-bottom:30px!important;
}
.pr-30{
padding-right:30px!important;
}

.pl-5{
  padding-left:5px!important;
  }

  .pl-30{
    padding-left:10px!important;
    }

.pl-30{
padding-left:30px!important;
}
.pt-40{
padding-top:40px!important;
}
.pb-40{
padding-bottom:40px!important;
}
.pr-40{
padding-right:40px!important;
}
.pl-40{
padding-left:40px!important;
}
.pt-50{
padding-top:50px!important;
}
.pb-50{
padding-bottom:50px!important;
}
.pr-50{
padding-right:50px!important;
}
.pl-50{
padding-left:50px!important;
}
.pt-60{
padding-top:60px!important;
}
.pb-60{
padding-bottom:60px!important;
}
.pr-60{
padding-right:60px!important;
}
.pl-60{
padding-left:60px!important;
}
.pt-70{
padding-top:70px!important;
}
.pb-70{
padding-bottom:70px!important;
}
.pr-70{
padding-right:70px!important;
}
.pl-70{
padding-left:70px!important;
}
.pt-80{
padding-top:80px!important;
}
.pb-80{
padding-bottom:80px!important;
}
.pr-80{
padding-right:80px!important;
}
.pl-80{
padding-left:80px!important;
}
.pt-90{
padding-top:90px!important;
}
.pb-90{
padding-bottom:90px!important;
}
.pr-90{
padding-right:90px!important;
}
.pl-90{
padding-left:90px!important;
}
.pt-100{
padding-top:100px!important;
}
.pb-100{
padding-bottom:100px!important;
}
.pr-100{
padding-right:100px!important;
}
.pl-100{
padding-left:100px!important;
}


/*フォント系*/

.f-center{
text-align: center;
}

.font-red{
color: #ff0000;
}

.under{
text-decoration: underline;
}

.bold{
    font-weight: 700;
    }

.f-12{
font-size:12px!important;
}
.f-14{
font-size:14px!important;
}
.f-20{
font-size:20px!important;
}

.f-22{
  font-size:22px!important;
  }

.f-25{
font-size:25px!important;
}
.f-26{
font-size:26px!important;
}
.f-30{
font-size:30px!important;
}
.f-35{
font-size:35px!important;
}
.f-38{
font-size:38px!important;
}
.f-40{
font-size:40px!important;
}
.f-46{
font-size:46px!important;
}
.f-50{
font-size:50px!important;
}
.line-h-15{
line-height:1.5!important;
}
.f-b{
 font-weight:bold!important;
}

.i-images{
width:80%; 
height:auto;
margin: 0 auto;
}

.list ul{
    margin: 10px 15px;
    padding: 10px 15px 10px 15px;
    list-style: none;
}

.list li {
    list-style: disc;
    margin-bottom: 3px;
    font-size: 98%;
    font-weight: 600;
    line-height: 130%;
}


.list li {
    list-style: disc;
    margin-bottom: 3px;
    font-size: 98%;
    font-weight: 600;
    line-height: 130%;
}

.dt-fukidashi {
font-weight: bold;
padding: 0.5em 1em;
border: 3px solid #4c9ac0;
box-shadow: 3px 3px 0 0 #4c9ac0;
position: relative;
}
.dt-fukidashi::before, .dt-fukidashi::after {
content: '';
height: 0;
width: 0;
border: solid transparent;
position: absolute;
left: 30px;
}
.dt-fukidashi::before {
border-color: transparent;
border-top-color: #4c9ac0;
border-right-color: #4c9ac0;
border-width: 10px;
top: 100%;
left: 26px;
}
.dt-fukidashi::after {
border-color: transparent;
border-top-color: #fff;
border-right-color: #fff;
border-width: 6.5px;
top: 99%;
}

.dd-mt{
position: relative;
top: 12px;
}

h1 br{
display: block!important;

}

.shiny-btn4 {
background: #1ca800;
box-shadow: 0 1rem 0 #176802;
line-height: 0;
display: block;
position: relative;
width: 100%;/*ボタンの幅*/
padding: 4% 0%;
border: 2px solid #00c114;
/*box-shadow: 0 1rem 0 #176802/*影の色(rgbaの値を変更)*/
text-align: center;
text-decoration: none;
overflow: hidden;
transition: all .3s ease;
cursor: pointer !important;
border-radius: 2rem;
margin-bottom: 3%;
margin-top: 4%;
}
.shiny-btn4 {
background-image: url(../images/image-form-icon.png);
background-repeat: no-repeat;
background-position: 96% 50%;
background-size: 12%;
}
.shiny-btn4 span {
font-size: 3.2vw;
font-weight: bold;
line-height: 40%;
color: #fff;
}
.shiny-btn4 button{
line-height: 120%;
font-weight: bold;
background-color: transparent;
border-style: none;
color: #fff;
text-transform: none;
letter-spacing: 0.05em;
text-shadow: 1px 1px 10px #00ad00,
-1px 1px 10px #00ad00,
1px -1px 10px #00ad00,
-1px -1px 10px #00ad00;
}
.shiny-btn4::before {
position: absolute;
content: '';
display: inline-block;
top: -180px;
left: 0;
width: 30px;
height: 100%;
background-color: #fff;
animation: shiny-btn4 3s ease-in-out infinite;
}


@-webkit-keyframes shiny-btn4 {
0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

.m-n520{
min-width: 520px;
}
.shiny-btn4:hover {
text-decoration: none;
color: #fff;
opacity: 0.7;
box-shadow: none;
-webkit-transform: translateY(3px);
}

.clear_box {
clear:  both;    
}

.fx-rank{
padding: 30px;
border: 1px #52C2D0;
border-style: dotted ;
}

.f-xs{
text-align: center; 
font-size:92%; 
position: relative; 
bottom:33px;
}
.post h3  {
    position: relative;
    padding-left: 5em;
    border-bottom: 2px dotted  #0a0333;
  }
  
  .post h3 span {
    position: absolute;
    top: 15px;
    left: 0;
    font-size:90%;
    padding: 0 1.2rem;
    color: #fff;
    border-radius: 10px;
    background: #0a0333;
  }
  
  .post h3 span i {
    margin-right: 0.2rem;
  }
  
  .post h3 .t-10 {
    position: relative;
    left: 20px;
    top: 5px;
    font-size: 90%;
    font-weight: 600;
  }
  
  .post h3 span:after {
    position: absolute;
    top: calc(50% - 7px);
    right: -11px;
    width: 0;
    height: 0;
    content: '';
    border-width: 7px 0 7px 12px;
    border-style: solid;
    border-color: transparent transparent transparent #0a0333;
  }

  .color-980000{color: #980000;}

  .yda4list {
padding: 20px;
    list-style: none;
  }
  .yda4list li {
    font-size: 102%;
}

.bubble {
    max-width: 78%;
}

.checkbox {
  display: none;
}
.checkbox-fontas {
  position: relative;
  vertical-align: middle;
  font-size: 18px;
    padding-right: 5px;
}
.checkbox + .checkbox-fontas:before {
  font-weight: 900;
  font-family: "Font Awesome 5 Free";
  content: '\f274';
  color: #ccc;
}
.checkbox:checked + .checkbox-fontas:before {
  color: #2db29c;
}

/****/
.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	font-family: sans-serif;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
}
.cp_qa {
	margin: 0 0 2em 10px;
	padding: 1em 1em 0.5em 1em;
	background: #e1f5fe;
}
.cp_qa h1 {
	font-size: 1.2em;
	position: relative;
	margin-right: 1em;
	margin-left: -26px;
	padding: 0.3em;
	color: #ffffff;
	background-color: #42a5f5;
	box-shadow: 0 1px 1px rgba(0,0,0,0.2);
}
.cp_qa h1::after {
	position: absolute;
	bottom: -10px;
	left: 0;
	display: inline-block;
	width: 0;
	height: 0;
	content: '';
	border-width: 0 10px 10px 0;
	border-style: solid;
	border-color: transparent #1976d2 transparent transparent;
}
.cp_qa dl {
	margin: 0;
}
.cp_qa dt {
	margin-bottom: 0.5em;
	padding: 0.2em 0.5em 0.2em 2em;
	border-radius: 0.2em;
	background: #8bdfc0;
}
.cp_qa dd {
	margin-bottom: 1em;
	margin-left: 0;
	padding: 0.5em 1em 1.5em 3em;
}
/* QAアイコン */
.cp_qa dt::before,.cp_qa dd::before{
	font-size: 1.5em;
	color: #ffffff;
}
.cp_qa dt::before {
	margin: 0.3em 0.3em 0 -1em;
	content: 'Q';
}
.cp_qa dd::before {
  position: relative;
  top: 15px;
	margin: 0 0.5em 0 -2em;
	padding: 0.2em 0.4em;
	content: 'A';
	border-radius: 0.2em;
	background: #e3a774;
}

.d-block{
  display: block;
}


/****/

.y-none{padding: 0;
margin-bottom: 0;
}

.seika-sp{display: none;}
.seika-pc{display: block;}


#topimages img{
width:78%; 
height:auto;
margin: 0 auto;

}

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

#topimages img{
  width:98%; 
  height:auto;
  
  }

}

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



  .post h3 {
    width: 95%;
}
.post h3 {
position: relative;
padding-left: 5em;
border-bottom: 2px dotted #0a0333;
}

  .post h3 span {
    position: absolute;
    top: 20px;
    left: -3px;
    font-size: 67%;
  padding: 0 1.2rem;
  color: #fff;
  border-radius: 10px;
  background: #0a0333;
}

.post h3 .t-10 {
  position: relative;
  left: -10px;
  top: 5px;
  font-size: 84%;
  font-weight: 600;
}



  .seika-sp{display: block!important;}
  .seika-pc{display: none!important;}

  .dd-mt{
top: 30px;
}
  .m-n520{
    min-width: 320px;
    }

  a.btn--green {
    font-size: 5.3vw !important;
  }
  
  .cp_qa dd span{
    font-size: 124% !important;
  }

  .list li {
    font-size: 98% !important;
  }

/*
.container p {font-size: ;}
*/
.bubble {
    max-width: 70%;
    padding: 10px;
}
.days{
font-size: 75%;

}
.sp-pb-20{
padding-bottom:25px!important;
}

.i-images{
    width:100%; 
    height:auto;
    margin: 0 auto;
    }

.list ul{
    margin: 10px 15px;
    padding: 10px 15px 10px 15px;
    list-style: none;
}

.list li{
position: relative;
left: 5px;
}

}

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

    .bubble {
        max-width: 62%;
        padding: 10px;
    }
}

@media screen and (min-width: 780px) {
.shiny-btn4 span {
font-size:2.2vw;
}

}
@media screen and (min-width: 1240px) {
.shiny-btn4 span {
font-size: 1.9vw;
}

}