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

/*!----------------
共有スタイル
-----------------*/

/*!Style
-------------------------------------*/
*{box-sizing:border-box}
html{font-size: 16px;color:#000;}
body{margin:0;padding:0;font-family:YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";}
img{vertical-align:bottom;}
ul{list-style: none;}
a{text-decoration:none;}
a:hover{text-decoration:none;}
a:hover img{opacity:0.7;filter:alpha(opacity=70);-ms-filter:"alpha(opacity=70)"}
h1,h2{display: none}

.zoom_start{animation: zoomIn 0.8s cubic-bezier(0.25, 1, 0.5, 1) forwards;opacity: 0;}

/*!大枠
-------------------------------------*/
#stage{margin:0 auto;padding:0;width:100%;text-align:center;background: #571b0c;}

/*!スマホ枠
-------------------------------------*/
#sp_main{display: flex;flex-direction: column;align-items: center;max-width: 767px;margin: 0 auto;background: #fff;}

@media screen and (max-width:768px) {	
#sp_main{max-width: 100%;}
}
	
/*!header
-------------------------------------*/
header{width: 100%;margin: 0 auto;position: relative;}
header #img{margin: 0 auto;display: block;}
header #img img{width: 100%;}
header #obi01{animation: slideinTop01 0.5s forwards;position: absolute;top:0;left:8em;}
header #obi02{animation: slideinTop02 0.5s 0.5s forwards;position: absolute;top:5em;left:2em;opacity: 0;}
header #text{animation: zoomIn 0.8s 1s cubic-bezier(0.25, 1, 0.5, 1) forwards;position: absolute;top:15em;bottom:0;left:0;right:0;margin: auto;height: fit-content;opacity: 0;}
header #text img{padding: 2em;width: 100%;}

@media screen and (max-width:768px) {	
header #obi01{width: 12%;max-width: 50px; left:85px;}
header #obi02{width: 12%;max-width: 50px;}
header #obi01 img,header #obi02 img{width: 100%;}
}

/*!main
-------------------------------------*/
main{width: 100%;margin: 0 auto;}
main #h_btn{padding: 0 0.5em;width: 100%;background: #8f0743 url("img/h_btn-bg.png") repeat-x;background-position: bottom;position: relative;}
main #h_btn img{width: 100%;animation: btnAni 1300ms ease infinite;}

/*!魅力的な熟女との出会いがここに
-------------------------------------*/
#attractive01{opacity: 0;}
#attractive01 img{padding: 0 1em;width: 100%;}
#attractive02{width: 100%;}
#attractive02 img{width: 100%;}
#attractive_btn{padding: 0 0.5em;background: #810634;position: relative;}
#attractive_btn img{width: 100%;animation: btnAni 1300ms ease infinite;}

/*!ご利用方法
-------------------------------------*/
#howto{padding: 1em;background: url("img/senior_img03.jpg")top center no-repeat;}
#howto h3{margin:5em 0 2em;padding:0;opacity: 0;}
#howto img{width: 80%;}
#howto p{opacity: 0;}
#howto p img{width: 100%;}
#howto_btn{padding: 5em 0 2em;position: relative;}
#howto_btn img{width: 100%;animation: btnAni 1300ms ease infinite;}

@media screen and (max-width:768px) {	
#howto_btn{padding: 3em 0;}
}

/*!今すぐ登録
-------------------------------------*/
#entry{padding-bottom: 2em;background: #830735;}
#entry img{width: 100%;}
#entry_btn{padding: 0 0.5em;width: 100%;background: #830735;position: relative;}
#entry_btn img{width: 100%;animation: btnAni 1300ms ease infinite;}

/*!footer_menu
-------------------------------------*/
#footer_menu{text-align: left;}
details{border-top:2px solid #fff;background: #f6f6f6;overflow: hidden;}
details table{overflow-x: auto;display: block;background: #fff;border-collapse: collapse;}
details table.company{width: fit-content;}
details table td{padding: 0.5em; white-space: nowrap;border:1px solid #333;}
details table td:nth-child(odd){background: #ccc;}
details ul{margin: 0;padding: 1em;}
details li{margin: 0 0 1em;padding: 0;}
details p{margin: 1em 0 0;padding: 0;}
summary{background: #434343;padding: 1em;color:#fff;}
summary {display: block;}
summary::-webkit-details-marker {display: none;}

.small{}
details div.tyousei{padding: 1em;}

@media screen and (max-width:768px) {	
details table.company{width: auto;}
details table td:nth-child(odd){background: #ccc;font-size: 13px;}
details table td:nth-child(even){font-size: 8px;}
details table.company td:nth-child(even){font-size: 13px;}
}

/*!footer
-------------------------------------*/
footer{margin: 0;padding: 2em;color:#550724;font-weight: bold;}

/*!ラッキーコード
-------------------------------------*/
#lucky01{position: absolute;top:0.7em;bottom:0;left:0;right:0;margin: auto;height: fit-content;}
#lucky01 img{width:80% !important}
#lucky02{position: absolute;top:0.8em;bottom:0;left:0;right:0;margin: auto;height: fit-content;animation: btnAni 1300ms ease infinite;display: flex;justify-content: center;align-items: center;font-weight: bold;}
#lucky02 span{letter-spacing: 2px;font-size: 1.6em;color: #830735;}

/*!アニメーション
-------------------------------------*/
/*上から下01*/
@keyframes slideinTop01{
  0% {transform: translateY(-50px);}
  100% {transform: translateY(0);}
}
/*上から下02*/
@keyframes slideinTop02{
  0% {transform: translateY(-50px);}
  100% {transform: translateY(0);opacity: 1;}
}
/*ズームイン*/
@keyframes zoomIn {
  0% {transform: scale(0.8);opacity: 0;}
  100% {opacity: 1;transform: scale(1);}
}

/*左右*/
@keyframes btnAni {
  0%  { transform: scale(1); }
  40% { transform: scale(1); }
  50% { transform: scale(0.95); }
  60% { transform: scale(1); }
  70% { transform: scale(0.95); }
  80% { transform: scale(1); }
}