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

* {
  box-sizing: border-box;
}

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

html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: transparent;
}

body {
  margin: 0;
}

main {
  display: block;
}
img {
  width: 100%;
  border-style: none;
  vertical-align: bottom;
}
form{ font-size:0;}

body {
  font-family: "Hiragino Kaku Gothic Std", "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "Hiragino Sans", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

img{ vertical-align:bottom;}
.wrapper{ width: 100%; max-width: 940px; margin: auto;}
.cva{ background: rgb(171,138,51);
background: linear-gradient(279deg, rgba(171,138,51,1) 0%, rgba(238,204,128,1) 30%, rgba(243,222,161,1) 50%, rgba(238,204,128,1) 70%, rgba(171,138,51,1) 100%); margin:auto; padding-bottom: 20px;}

.wrp_white{ background: #fff; margin: 0 5%; overflow: hidden;}

.wrp_white img{ max-width: 824px;}
.term p,.term li{ font-size: 0.9rem; font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;line-height: 1.4; color:#53403A; }
.term p{margin: 5px 3% 0 3%;font-size: 0.9rem;}
.term ul{ margin: 0 5% 20px 25px; padding-left:0;  box-sizing:border-box; }
.term li{padding-left:0;font-size: 0.9rem;}
.title{ display: none;}
.cv_ippan > div {width: 100%; margin: auto; }
.cv_ippan{ text-align:center;}
.order_ippan{ width: 83%; margin: 0 auto ;}
.order_teiki{ width: 100%; background: none;  border: none;  cursor: pointer; border-radius: 0; }
.order_teiki:hover{
  opacity:.8;
}
.btn-shine:hover,.order_ippan:hover{opacity:.8;}
/* ボタン */
.btn-shine{
   background: url(/dp/p/46/sp/images/btn_teiki.jpg) no-repeat; background-size:100%;
  line-height: normal;
  justify-content: center;
  align-items: center;
  position: relative;
  overflow: hidden;
  width: 90%;
  height: 9vh;
  margin: 0 auto 1.3vh auto;

}

.btn-shine a{ display:block;}
/* ボタンを光らせる */
.btn-shine:before {
  /*光るアニメーション用*/
  animation: shine 2s ease-in-out infinite;/*数字を変更することで光る間隔が変更*/
  background-color: #fff;
  content: " ";
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: -180px;
  transform: rotate(45deg);
  width: 30px;
}

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




.ft_bottom{ margin-top: 50px;}
.footer{ margin: 50px 0 0 0; padding: 0; }
.footer li{ line-height: 2.4; padding: 0 3%; border-top: 1px dotted #999; font-size: 0.8rem; }
.footer a{ text-decoration: none; color: #333;}
.copy{ font-size: 0.7rem;  line-height: 1.2; text-align:center;background: #f2f2f2; margin: 0; padding: 10px 0;}
.copy img{ width: 30%; max-width: 160px;}

.footer,.copy{ font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}


.floating{
	position: fixed;
	bottom: 0;
	display: none;
	z-index: 100;
	text-align:center;
	width: 100%;
	}
	
.floating img{ width: 90%; max-width: 400px; padding-bottom: 5px;}
	
	
.floating a{
	display: block;
	background:  rgba(255,255,255,0.9);
	padding: 8px;
	text-decoration: none;
	opacity: 1;
	-webkit-box-shadow: 0px -4px 5px -3px rgba(0,0,0,0.5);
-moz-box-shadow: 0px -4px 5px -3px rgba(0,0,0,0.5);
box-shadow: 0px -4px 5px -3px rgba(0,0,0,0.5);
	}
	
	
.c-pageTopBtn a {

    bottom: 15%;

}



@media screen and (min-width: 600px) {
.btn-shine{
	width: 550px;
	height: 90px;
	margin-bottom: 2.5vh;
}
.order_ippan{
	width: 550px;
	height: auto;
	margin-bottom: 2.5vh;
	}
.term ul{ margin: 0 5% 30px 6%;  }
}

@media screen and (min-width: 768px) {
.btn-shine{
  width: 100%;
  max-width: 756px;
  min-height: 103px;
  	height: 114px;
	}
.order_ippan{ 
  width: 100%;
  min-height: 75px;
  max-width: 358px;	
	}

.cv_ippan{ margin-top: -250px; margin-left: 480px; margin-bottom: 100px;}

.hidden_pc{ display: none;}
footer{ width: 960px; margin: 180px auto 0 auto;}
footer li{ list-style: none; text-align:center;}

.floating{ display: none!important;}
.c-pageTopBtn a {

    bottom: 10%;

}	
}